npm - @alfadocs/ui-kit-debug - Versions diffs - 1.45.0 → 1.47.0 - Mend

@alfadocs/ui-kit-debug 1.45.0 → 1.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (324) hide show

package/dist/_chunks/{theme-toggle-bI0pgDDv.js.map → theme-toggle-BP0XRGMM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-toggle-bI0pgDDv.js","sources":["../../src/components/theme-toggle/theme-toggle.agent.ts","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ Agent adapter — ThemeToggle. /\n/ -------------------------------------------------------------------- /\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ThemeToggleHandle } from './theme-toggle';\n\nexport const themeToggleAgent: AgentAdapter<ThemeToggleHandle> = {\n id: 'theme-toggle',\n capabilities: ['set_value'],\n state: {\n currentTheme: {\n type: 'ThemePreference',\n descriptionKey: 'ui.agent.themeToggle.state.currentTheme',\n description: 'Active theme preference: light, dark, or system.',\n read: (handle) => handle.getCurrentTheme(),\n },\n currentAccessibility: {\n type: 'AccessibilityPreference',\n descriptionKey: 'ui.agent.themeToggle.state.currentAccessibility',\n description: 'Active accessibility preference: default or accessible.',\n read: (handle) => handle.getCurrentAccessibility(),\n },\n },\n actions: {\n set_theme: {\n safety: 'write',\n argsType: '{ theme: \"light\" \| \"dark\" \| \"system\" }',\n argsSchema: {\n type: 'object',\n properties: { theme: { enum: ['light', 'dark', 'system'] } },\n required: ['theme'],\n },\n idempotent: true,\n descriptionKey: 'ui.agent.themeToggle.actions.setTheme',\n description: 'Switch the theme preference.',\n invoke: (handle, args: { theme: 'light' \| 'dark' \| 'system' }) => {\n handle.setTheme(args.theme);\n },\n },\n set_accessibility: {\n safety: 'write',\n argsType: '{ accessibility: \"default\" \| \"accessible\" }',\n argsSchema: {\n type: 'object',\n properties: { accessibility: { enum: ['default', 'accessible'] } },\n required: ['accessibility'],\n },\n idempotent: true,\n descriptionKey: 'ui.agent.themeToggle.actions.setAccessibility',\n description: 'Switch the accessibility preference.',\n invoke: (handle, args: { accessibility: 'default' \| 'accessible' }) => {\n handle.setAccessibility(args.accessibility);\n },\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'theme-toggle',\n description: 'Marks the ThemeToggle wrapper.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n },\n};\n","import {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { Switch } from '../switch/switch';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n useTheme,\n type AccessibilityPreference,\n type ThemePreference,\n type UseThemeReturn,\n} from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { themeToggleAgent } from './theme-toggle.agent';\n\n/ ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n variants: {\n variant: {\n menu: '',\n compact: '',\n split: 'ds:gap-[var(--spacing-md)]',\n },\n },\n defaultVariants: { variant: 'menu' },\n});\n\n/ ------------------------------------------------------------------ /\n/ Public types /\n/ ------------------------------------------------------------------ /\n\nexport type ThemeToggleVariant = 'menu' \| 'compact' \| 'split';\n\ninterface ThemeToggleBaseProps\n extends\n Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n VariantProps<typeof wrapperVariants> {\n /\n Visual form factor.\n * - `menu` (default) — single trigger that opens a dropdown with both\n * Appearance and Accessibility controls. Best for headers / nav rails.\n * - `compact` — segmented Appearance control only. Use when accessibility\n * lives on a separate settings surface.\n * - `split` — segmented Appearance control plus an inline Accessibility\n * switch. Best for full-width settings panels.\n /\n variant?: ThemeToggleVariant;\n /* Hide the accessibility control. Ignored on `compact`, which never renders it. /\n showAccessibility?: boolean;\n /\n Controlled escape hatch — when omitted the component reads/writes\n * `useTheme()` directly so it can drop into any header with no wiring.\n * Pass all four to opt into controlled mode.\n /\n theme?: ThemePreference;\n accessibility?: AccessibilityPreference;\n onThemeChange?: (next: ThemePreference) => void;\n onAccessibilityChange?: (next: AccessibilityPreference) => void;\n}\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\n/* Curated imperative handle for agent / external automation. /\nexport interface ThemeToggleHandle {\n getCurrentTheme: () => ThemePreference;\n getCurrentAccessibility: () => AccessibilityPreference;\n setTheme: (next: ThemePreference) => void;\n setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/ ------------------------------------------------------------------ /\n/ Hook adapter /\n/ ------------------------------------------------------------------ /\n\n/\n Resolves controlled props against the store. When the consumer passes\n * `theme` / `onThemeChange` (etc.) we honour those; otherwise we fall\n * through to the singleton `useTheme()` hook so a bare `<ThemeToggle />`\n * works with zero wiring.\n /\nfunction useResolvedTheme(props: ThemeToggleBaseProps): UseThemeReturn {\n const {\n theme: themeProp,\n accessibility: accessibilityProp,\n onThemeChange,\n onAccessibilityChange,\n } = props;\n const store = useTheme();\n const theme = themeProp ?? store.theme;\n const accessibility = accessibilityProp ?? store.accessibility;\n\n const storeSetTheme = store.setTheme;\n const storeSetAccessibility = store.setAccessibility;\n\n const setTheme = useCallback(\n (next: ThemePreference) => {\n if (onThemeChange) {\n onThemeChange(next);\n return;\n }\n storeSetTheme(next);\n },\n [onThemeChange, storeSetTheme],\n );\n\n const setAccessibility = useCallback(\n (next: AccessibilityPreference) => {\n if (onAccessibilityChange) {\n onAccessibilityChange(next);\n return;\n }\n storeSetAccessibility(next);\n },\n [onAccessibilityChange, storeSetAccessibility],\n );\n\n return {\n theme,\n accessibility,\n resolvedTheme: store.resolvedTheme,\n setTheme,\n setAccessibility,\n };\n}\n\n/ ------------------------------------------------------------------ /\n/ Sub-pieces /\n/ ------------------------------------------------------------------ /\n\ninterface AppearanceSegmentProps {\n value: ThemePreference;\n onValueChange: (next: ThemePreference) => void;\n ariaLabel: string;\n size?: 'sm' \| 'md' \| 'lg';\n}\n\nfunction AppearanceSegment({\n value,\n onValueChange,\n ariaLabel,\n size = 'md',\n}: AppearanceSegmentProps) {\n const { t } = useTranslation();\n return (\n <IconButtonGroup\n aria-label={ariaLabel}\n role=\"radiogroup\"\n mode=\"toggle-single\"\n size={size}\n value={value}\n onValueChange={(next) => onValueChange(next as ThemePreference)}\n >\n <IconButton\n icon={<Sun aria-hidden />}\n aria-label={t('navigation.themeToggle.appearance.light')}\n value=\"light\"\n />\n <IconButton\n icon={<Moon aria-hidden />}\n aria-label={t('navigation.themeToggle.appearance.dark')}\n value=\"dark\"\n />\n <IconButton\n icon={<Monitor aria-hidden />}\n aria-label={t('navigation.themeToggle.appearance.system')}\n value=\"system\"\n />\n </IconButtonGroup>\n );\n}\n\ninterface AccessibilitySwitchProps {\n value: AccessibilityPreference;\n onValueChange: (next: AccessibilityPreference) => void;\n size?: 'sm' \| 'md' \| 'lg';\n}\n\nfunction AccessibilitySwitch({\n value,\n onValueChange,\n size = 'md',\n}: AccessibilitySwitchProps) {\n const { t } = useTranslation();\n // 'system' is treated as \"off\" visually — the OS preference flows through\n // automatically. Flipping the switch on creates an explicit override.\n const checked = value === 'accessible';\n return (\n <Switch\n label={t('navigation.themeToggle.accessibility.label')}\n labelSide=\"start\"\n size={size}\n checked={checked}\n onCheckedChange={(next) => onValueChange(next ? 'accessible' : 'default')}\n />\n );\n}\n\n/ ------------------------------------------------------------------ /\n/ Variants /\n/ ------------------------------------------------------------------ /\n\ninterface VariantRenderProps {\n state: UseThemeReturn;\n className?: string;\n rest: HTMLAttributes<HTMLDivElement>;\n forwardedRef: React.Ref<HTMLDivElement>;\n showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n state,\n className,\n rest,\n forwardedRef,\n showAccessibility,\n}: VariantRenderProps) {\n const { t } = useTranslation();\n const triggerIcon =\n state.resolvedTheme === 'dark' \|\|\n state.resolvedTheme === 'dark-accessible' ? (\n <Moon aria-hidden />\n ) : (\n <Sun aria-hidden />\n );\n\n const accessibleChecked = state.accessibility === 'accessible';\n\n return (\n <div\n ref={forwardedRef}\n data-component=\"theme-toggle\"\n data-component-id={rest.id}\n className={wrapperVariants({ variant: 'menu', className })}\n {...rest}\n >\n <DropdownMenu.Root>\n <DropdownMenu.Trigger asChild>\n <IconButton\n icon={triggerIcon}\n aria-label={t('navigation.themeToggle.trigger')}\n />\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content align=\"end\" sideOffset={8}>\n <DropdownMenu.Label>\n {t('navigation.themeToggle.appearance.label')}\n </DropdownMenu.Label>\n <DropdownMenu.RadioGroup\n value={state.theme}\n onValueChange={(next) => state.setTheme(next as ThemePreference)}\n >\n <DropdownMenu.RadioItem value=\"light\">\n <Sun aria-hidden className=\"ds:size-4\" />\n {t('navigation.themeToggle.appearance.light')}\n </DropdownMenu.RadioItem>\n <DropdownMenu.RadioItem value=\"dark\">\n <Moon aria-hidden className=\"ds:size-4\" />\n {t('navigation.themeToggle.appearance.dark')}\n </DropdownMenu.RadioItem>\n <DropdownMenu.RadioItem value=\"system\">\n <Monitor aria-hidden className=\"ds:size-4\" />\n {t('navigation.themeToggle.appearance.system')}\n </DropdownMenu.RadioItem>\n </DropdownMenu.RadioGroup>\n {showAccessibility ? (\n <>\n <DropdownMenu.Separator />\n {/ CheckboxItem keeps the accessibility toggle inside the\n Radix menu collection so ArrowDown reaches it and Space\n activates it; `onSelect={preventDefault}` prevents the\n menu from closing on toggle. /}\n <DropdownMenu.CheckboxItem\n checked={accessibleChecked}\n onCheckedChange={(next) =>\n state.setAccessibility(next ? 'accessible' : 'default')\n }\n onSelect={(event) => event.preventDefault()}\n >\n {t('navigation.themeToggle.accessibility.label')}\n </DropdownMenu.CheckboxItem>\n </>\n ) : null}\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n </div>\n );\n}\n\nfunction CompactVariant({\n state,\n className,\n rest,\n forwardedRef,\n}: VariantRenderProps) {\n const { t } = useTranslation();\n return (\n <div\n ref={forwardedRef}\n data-component=\"theme-toggle\"\n data-component-id={rest.id}\n className={wrapperVariants({ variant: 'compact', className })}\n {...rest}\n >\n <AppearanceSegment\n value={state.theme}\n onValueChange={state.setTheme}\n ariaLabel={t('navigation.themeToggle.appearance.label')}\n />\n </div>\n );\n}\n\nfunction SplitVariant({\n state,\n className,\n rest,\n forwardedRef,\n showAccessibility,\n}: VariantRenderProps) {\n const { t } = useTranslation();\n return (\n <div\n ref={forwardedRef}\n data-component=\"theme-toggle\"\n data-component-id={rest.id}\n className={wrapperVariants({ variant: 'split', className })}\n {...rest}\n >\n <AppearanceSegment\n value={state.theme}\n onValueChange={state.setTheme}\n ariaLabel={t('navigation.themeToggle.appearance.label')}\n />\n {showAccessibility ? (\n <AccessibilitySwitch\n value={state.accessibility}\n onValueChange={state.setAccessibility}\n />\n ) : null}\n </div>\n );\n}\n\n/ ------------------------------------------------------------------ /\n/ ThemeToggle /\n/ ------------------------------------------------------------------ */\n\nexport const ThemeToggle = forwardRef<HTMLDivElement, ThemeToggleProps>(\n (props, ref) => {\n const {\n variant = 'menu',\n showAccessibility = true,\n className,\n id,\n // Strip controlled props from the spread — they are read by the\n // adapter, not by the DOM element.\n theme: _theme,\n accessibility: _accessibility,\n onThemeChange: _onThemeChange,\n onAccessibilityChange: _onAccessibilityChange,\n ...rest\n } = props as ThemeToggleProps & { id?: string };\n\n const state = useResolvedTheme(props);\n const stateRef = useRef(state);\n stateRef.current = state;\n\n // Internal variant wrappers attach refs to <div> elements; we forward that\n // DOM node as the public ref (Pattern B). The agent handle is registered\n // separately via useAgentRegistration.\n const forwardedRef = useRef<HTMLDivElement \| null>(null);\n useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n const agentHandle = useMemo<ThemeToggleHandle>(\n () => ({\n getCurrentTheme: () => stateRef.current.theme,\n getCurrentAccessibility: () => stateRef.current.accessibility,\n setTheme: (next) => stateRef.current.setTheme(next),\n setAccessibility: (next) => stateRef.current.setAccessibility(next),\n }),\n [],\n );\n useAgentRegistration(themeToggleAgent, agentHandle, id);\n\n if (variant === 'compact') {\n return (\n <CompactVariant\n state={state}\n className={className}\n rest={rest}\n forwardedRef={forwardedRef}\n showAccessibility={showAccessibility}\n />\n );\n }\n if (variant === 'split') {\n return (\n <SplitVariant\n state={state}\n className={className}\n rest={rest}\n forwardedRef={forwardedRef}\n showAccessibility={showAccessibility}\n />\n );\n }\n return (\n <MenuVariant\n state={state}\n className={className}\n rest={rest}\n forwardedRef={forwardedRef}\n showAccessibility={showAccessibility}\n />\n );\n },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["themeToggleAgent","handle","args","wrapperVariants","cva","useResolvedTheme","props","themeProp","accessibilityProp","onThemeChange","onAccessibilityChange","store","useTheme","theme","accessibility","storeSetTheme","storeSetAccessibility","setTheme","useCallback","next","setAccessibility","AppearanceSegment","value","onValueChange","ariaLabel","size","t","useTranslation","jsxs","IconButtonGroup","jsx","IconButton","Sun","Moon","Monitor","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","id","_theme","_accessibility","_onThemeChange","_onAccessibilityChange","stateRef","useRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration"],"mappings":"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"}
1	+ {"version":3,"file":"theme-toggle-BP0XRGMM.js","sources":["../../src/components/theme-toggle/theme-toggle.agent.ts","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ Agent adapter — ThemeToggle. /\n/ -------------------------------------------------------------------- /\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ThemeToggleHandle } from './theme-toggle';\n\nexport const themeToggleAgent: AgentAdapter<ThemeToggleHandle> = {\n id: 'theme-toggle',\n capabilities: ['set_value'],\n state: {\n currentTheme: {\n type: 'ThemePreference',\n descriptionKey: 'ui.agent.themeToggle.state.currentTheme',\n description: 'Active theme preference: light, dark, or system.',\n read: (handle) => handle.getCurrentTheme(),\n },\n currentAccessibility: {\n type: 'AccessibilityPreference',\n descriptionKey: 'ui.agent.themeToggle.state.currentAccessibility',\n description: 'Active accessibility preference: default or accessible.',\n read: (handle) => handle.getCurrentAccessibility(),\n },\n },\n actions: {\n set_theme: {\n safety: 'write',\n argsType: '{ theme: \"light\" \| \"dark\" \| \"system\" }',\n argsSchema: {\n type: 'object',\n properties: { theme: { enum: ['light', 'dark', 'system'] } },\n required: ['theme'],\n },\n idempotent: true,\n descriptionKey: 'ui.agent.themeToggle.actions.setTheme',\n description: 'Switch the theme preference.',\n invoke: (handle, args: { theme: 'light' \| 'dark' \| 'system' }) => {\n handle.setTheme(args.theme);\n },\n },\n set_accessibility: {\n safety: 'write',\n argsType: '{ accessibility: \"default\" \| \"accessible\" }',\n argsSchema: {\n type: 'object',\n properties: { accessibility: { enum: ['default', 'accessible'] } },\n required: ['accessibility'],\n },\n idempotent: true,\n descriptionKey: 'ui.agent.themeToggle.actions.setAccessibility',\n description: 'Switch the accessibility preference.',\n invoke: (handle, args: { accessibility: 'default' \| 'accessible' }) => {\n handle.setAccessibility(args.accessibility);\n },\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'theme-toggle',\n description: 'Marks the ThemeToggle wrapper.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n },\n};\n","import {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { Switch } from '../switch/switch';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n useTheme,\n type AccessibilityPreference,\n type ThemePreference,\n type UseThemeReturn,\n} from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { themeToggleAgent } from './theme-toggle.agent';\n\n/ ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n variants: {\n variant: {\n menu: '',\n compact: '',\n split: 'ds:gap-[var(--spacing-md)]',\n },\n },\n defaultVariants: { variant: 'menu' },\n});\n\n/ ------------------------------------------------------------------ /\n/ Public types /\n/ ------------------------------------------------------------------ /\n\nexport type ThemeToggleVariant = 'menu' \| 'compact' \| 'split';\n\ninterface ThemeToggleBaseProps\n extends\n Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n VariantProps<typeof wrapperVariants> {\n /\n Visual form factor.\n * - `menu` (default) — single trigger that opens a dropdown with both\n * Appearance and Accessibility controls. Best for headers / nav rails.\n * - `compact` — segmented Appearance control only. Use when accessibility\n * lives on a separate settings surface.\n * - `split` — segmented Appearance control plus an inline Accessibility\n * switch. Best for full-width settings panels.\n /\n variant?: ThemeToggleVariant;\n /* Hide the accessibility control. Ignored on `compact`, which never renders it. /\n showAccessibility?: boolean;\n /\n Controlled escape hatch — when omitted the component reads/writes\n * `useTheme()` directly so it can drop into any header with no wiring.\n * Pass all four to opt into controlled mode.\n /\n theme?: ThemePreference;\n accessibility?: AccessibilityPreference;\n onThemeChange?: (next: ThemePreference) => void;\n onAccessibilityChange?: (next: AccessibilityPreference) => void;\n}\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\n/* Curated imperative handle for agent / external automation. /\nexport interface ThemeToggleHandle {\n getCurrentTheme: () => ThemePreference;\n getCurrentAccessibility: () => AccessibilityPreference;\n setTheme: (next: ThemePreference) => void;\n setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/ ------------------------------------------------------------------ /\n/ Hook adapter /\n/ ------------------------------------------------------------------ /\n\n/\n Resolves controlled props against the store. When the consumer passes\n * `theme` / `onThemeChange` (etc.) we honour those; otherwise we fall\n * through to the singleton `useTheme()` hook so a bare `<ThemeToggle />`\n * works with zero wiring.\n /\nfunction useResolvedTheme(props: ThemeToggleBaseProps): UseThemeReturn {\n const {\n theme: themeProp,\n accessibility: accessibilityProp,\n onThemeChange,\n onAccessibilityChange,\n } = props;\n const store = useTheme();\n const theme = themeProp ?? store.theme;\n const accessibility = accessibilityProp ?? store.accessibility;\n\n const storeSetTheme = store.setTheme;\n const storeSetAccessibility = store.setAccessibility;\n\n const setTheme = useCallback(\n (next: ThemePreference) => {\n if (onThemeChange) {\n onThemeChange(next);\n return;\n }\n storeSetTheme(next);\n },\n [onThemeChange, storeSetTheme],\n );\n\n const setAccessibility = useCallback(\n (next: AccessibilityPreference) => {\n if (onAccessibilityChange) {\n onAccessibilityChange(next);\n return;\n }\n storeSetAccessibility(next);\n },\n [onAccessibilityChange, storeSetAccessibility],\n );\n\n return {\n theme,\n accessibility,\n resolvedTheme: store.resolvedTheme,\n setTheme,\n setAccessibility,\n };\n}\n\n/ ------------------------------------------------------------------ /\n/ Sub-pieces /\n/ ------------------------------------------------------------------ /\n\ninterface AppearanceSegmentProps {\n value: ThemePreference;\n onValueChange: (next: ThemePreference) => void;\n ariaLabel: string;\n size?: 'sm' \| 'md' \| 'lg';\n}\n\nfunction AppearanceSegment({\n value,\n onValueChange,\n ariaLabel,\n size = 'md',\n}: AppearanceSegmentProps) {\n const { t } = useTranslation();\n return (\n <IconButtonGroup\n aria-label={ariaLabel}\n role=\"radiogroup\"\n mode=\"toggle-single\"\n size={size}\n value={value}\n onValueChange={(next) => onValueChange(next as ThemePreference)}\n >\n <IconButton\n icon={<Sun aria-hidden />}\n aria-label={t('navigation.themeToggle.appearance.light')}\n value=\"light\"\n />\n <IconButton\n icon={<Moon aria-hidden />}\n aria-label={t('navigation.themeToggle.appearance.dark')}\n value=\"dark\"\n />\n <IconButton\n icon={<Monitor aria-hidden />}\n aria-label={t('navigation.themeToggle.appearance.system')}\n value=\"system\"\n />\n </IconButtonGroup>\n );\n}\n\ninterface AccessibilitySwitchProps {\n value: AccessibilityPreference;\n onValueChange: (next: AccessibilityPreference) => void;\n size?: 'sm' \| 'md' \| 'lg';\n}\n\nfunction AccessibilitySwitch({\n value,\n onValueChange,\n size = 'md',\n}: AccessibilitySwitchProps) {\n const { t } = useTranslation();\n // 'system' is treated as \"off\" visually — the OS preference flows through\n // automatically. Flipping the switch on creates an explicit override.\n const checked = value === 'accessible';\n return (\n <Switch\n label={t('navigation.themeToggle.accessibility.label')}\n labelSide=\"start\"\n size={size}\n checked={checked}\n onCheckedChange={(next) => onValueChange(next ? 'accessible' : 'default')}\n />\n );\n}\n\n/ ------------------------------------------------------------------ /\n/ Variants /\n/ ------------------------------------------------------------------ /\n\ninterface VariantRenderProps {\n state: UseThemeReturn;\n className?: string;\n rest: HTMLAttributes<HTMLDivElement>;\n forwardedRef: React.Ref<HTMLDivElement>;\n showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n state,\n className,\n rest,\n forwardedRef,\n showAccessibility,\n}: VariantRenderProps) {\n const { t } = useTranslation();\n const triggerIcon =\n state.resolvedTheme === 'dark' \|\|\n state.resolvedTheme === 'dark-accessible' ? (\n <Moon aria-hidden />\n ) : (\n <Sun aria-hidden />\n );\n\n const accessibleChecked = state.accessibility === 'accessible';\n\n return (\n <div\n ref={forwardedRef}\n data-component=\"theme-toggle\"\n data-component-id={rest.id}\n className={wrapperVariants({ variant: 'menu', className })}\n {...rest}\n >\n <DropdownMenu.Root>\n <DropdownMenu.Trigger asChild>\n <IconButton\n icon={triggerIcon}\n aria-label={t('navigation.themeToggle.trigger')}\n />\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content align=\"end\" sideOffset={8}>\n <DropdownMenu.Label>\n {t('navigation.themeToggle.appearance.label')}\n </DropdownMenu.Label>\n <DropdownMenu.RadioGroup\n value={state.theme}\n onValueChange={(next) => state.setTheme(next as ThemePreference)}\n >\n <DropdownMenu.RadioItem value=\"light\">\n <Sun aria-hidden className=\"ds:size-4\" />\n {t('navigation.themeToggle.appearance.light')}\n </DropdownMenu.RadioItem>\n <DropdownMenu.RadioItem value=\"dark\">\n <Moon aria-hidden className=\"ds:size-4\" />\n {t('navigation.themeToggle.appearance.dark')}\n </DropdownMenu.RadioItem>\n <DropdownMenu.RadioItem value=\"system\">\n <Monitor aria-hidden className=\"ds:size-4\" />\n {t('navigation.themeToggle.appearance.system')}\n </DropdownMenu.RadioItem>\n </DropdownMenu.RadioGroup>\n {showAccessibility ? (\n <>\n <DropdownMenu.Separator />\n {/ CheckboxItem keeps the accessibility toggle inside the\n Radix menu collection so ArrowDown reaches it and Space\n activates it; `onSelect={preventDefault}` prevents the\n menu from closing on toggle. /}\n <DropdownMenu.CheckboxItem\n checked={accessibleChecked}\n onCheckedChange={(next) =>\n state.setAccessibility(next ? 'accessible' : 'default')\n }\n onSelect={(event) => event.preventDefault()}\n >\n {t('navigation.themeToggle.accessibility.label')}\n </DropdownMenu.CheckboxItem>\n </>\n ) : null}\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n </div>\n );\n}\n\nfunction CompactVariant({\n state,\n className,\n rest,\n forwardedRef,\n}: VariantRenderProps) {\n const { t } = useTranslation();\n return (\n <div\n ref={forwardedRef}\n data-component=\"theme-toggle\"\n data-component-id={rest.id}\n className={wrapperVariants({ variant: 'compact', className })}\n {...rest}\n >\n <AppearanceSegment\n value={state.theme}\n onValueChange={state.setTheme}\n ariaLabel={t('navigation.themeToggle.appearance.label')}\n />\n </div>\n );\n}\n\nfunction SplitVariant({\n state,\n className,\n rest,\n forwardedRef,\n showAccessibility,\n}: VariantRenderProps) {\n const { t } = useTranslation();\n return (\n <div\n ref={forwardedRef}\n data-component=\"theme-toggle\"\n data-component-id={rest.id}\n className={wrapperVariants({ variant: 'split', className })}\n {...rest}\n >\n <AppearanceSegment\n value={state.theme}\n onValueChange={state.setTheme}\n ariaLabel={t('navigation.themeToggle.appearance.label')}\n />\n {showAccessibility ? (\n <AccessibilitySwitch\n value={state.accessibility}\n onValueChange={state.setAccessibility}\n />\n ) : null}\n </div>\n );\n}\n\n/ ------------------------------------------------------------------ /\n/ ThemeToggle /\n/ ------------------------------------------------------------------ */\n\nexport const ThemeToggle = forwardRef<HTMLDivElement, ThemeToggleProps>(\n (props, ref) => {\n const {\n variant = 'menu',\n showAccessibility = true,\n className,\n id,\n // Strip controlled props from the spread — they are read by the\n // adapter, not by the DOM element.\n theme: _theme,\n accessibility: _accessibility,\n onThemeChange: _onThemeChange,\n onAccessibilityChange: _onAccessibilityChange,\n ...rest\n } = props as ThemeToggleProps & { id?: string };\n\n const state = useResolvedTheme(props);\n const stateRef = useRef(state);\n stateRef.current = state;\n\n // Internal variant wrappers attach refs to <div> elements; we forward that\n // DOM node as the public ref (Pattern B). The agent handle is registered\n // separately via useAgentRegistration.\n const forwardedRef = useRef<HTMLDivElement \| null>(null);\n useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n const agentHandle = useMemo<ThemeToggleHandle>(\n () => ({\n getCurrentTheme: () => stateRef.current.theme,\n getCurrentAccessibility: () => stateRef.current.accessibility,\n setTheme: (next) => stateRef.current.setTheme(next),\n setAccessibility: (next) => stateRef.current.setAccessibility(next),\n }),\n [],\n );\n useAgentRegistration(themeToggleAgent, agentHandle, id);\n\n if (variant === 'compact') {\n return (\n <CompactVariant\n state={state}\n className={className}\n rest={rest}\n forwardedRef={forwardedRef}\n showAccessibility={showAccessibility}\n />\n );\n }\n if (variant === 'split') {\n return (\n <SplitVariant\n state={state}\n className={className}\n rest={rest}\n forwardedRef={forwardedRef}\n showAccessibility={showAccessibility}\n />\n );\n }\n return (\n <MenuVariant\n state={state}\n className={className}\n rest={rest}\n forwardedRef={forwardedRef}\n showAccessibility={showAccessibility}\n />\n );\n },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["themeToggleAgent","handle","args","wrapperVariants","cva","useResolvedTheme","props","themeProp","accessibilityProp","onThemeChange","onAccessibilityChange","store","useTheme","theme","accessibility","storeSetTheme","storeSetAccessibility","setTheme","useCallback","next","setAccessibility","AppearanceSegment","value","onValueChange","ariaLabel","size","t","useTranslation","jsxs","IconButtonGroup","jsx","IconButton","Sun","Moon","Monitor","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","id","_theme","_accessibility","_onThemeChange","_onAccessibilityChange","stateRef","useRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration"],"mappings":"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"}

package/dist/_chunks/use-ai-sparkle-Cf4yVTLB.js ADDED Viewed

@@ -0,0 +1,76 @@
+import { useState as _, useEffect as v, useCallback as n } from "react";
+import { u as y } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+const p = {
+  intro: 1840,
+  landed: 1440
+}, f = {
+  intro: "ds:animate-[ai-pill-shimmer_calc(var(--animation-duration)*6)_var(--ease-in-out)_1]",
+  working: "ds:animate-[ai-pill-shimmer_calc(var(--animation-duration)*6)_var(--ease-in-out)_infinite]",
+  landed: "ds:animate-[ai-pill-shimmer_calc(var(--animation-duration)*4)_var(--ease-out)_1]"
+}, g = {
+  intro: "ds:animate-[ai-comet-orbit_calc(var(--animation-duration)*7)_var(--ease-in-out)_1_both]",
+  working: "ds:animate-[ai-comet-orbit_calc(var(--animation-duration)*8)_linear_infinite]",
+  landed: "ds:animate-[ai-comet-orbit_calc(var(--animation-duration)*5)_var(--ease-out)_1_both]"
+}, b = "ds:pointer-events-none ds:absolute ds:[inset-block-start:0] ds:[inset-inline-start:0] ds:opacity-0 ds:[offset-path:inset(0_round_var(--radius-full))] ds:[offset-rotate:0deg]", C = [
+  {
+    key: 1,
+    lag: "ds:[animation-delay:calc(var(--animation-duration)*0.2)]",
+    dot: "ds:size-2.5 ds:opacity-[var(--opacity-90)]"
+  },
+  {
+    key: 2,
+    lag: "ds:[animation-delay:calc(var(--animation-duration)*0.4)]",
+    dot: "ds:size-2 ds:opacity-[var(--opacity-70)]"
+  },
+  {
+    key: 3,
+    lag: "ds:[animation-delay:calc(var(--animation-duration)*0.6)]",
+    dot: "ds:size-2 ds:opacity-[var(--opacity-50)]"
+  },
+  {
+    key: 4,
+    lag: "ds:[animation-delay:calc(var(--animation-duration)*0.8)]",
+    dot: "ds:size-1.5 ds:opacity-[var(--opacity-30)]"
+  },
+  {
+    key: 5,
+    lag: "ds:[animation-delay:calc(var(--animation-duration)*1)]",
+    dot: "ds:size-1.5 ds:opacity-[var(--opacity-20)]"
+  },
+  {
+    key: 6,
+    lag: "ds:[animation-delay:calc(var(--animation-duration)*1.2)]",
+    dot: "ds:size-1 ds:opacity-[var(--opacity-10)]"
+  }
+];
+function w(e = {}) {
+  const { enabled: s = !0, reducedMotion: d = "auto" } = e, r = y(), o = d === "off" ? !1 : r, [a, t] = _(
+    s ? "intro" : null
+  );
+  v(() => {
+    if (a !== "intro" && a !== "landed") return;
+    const i = o ? 0 : p[a], u = window.setTimeout(() => t(null), i);
+    return () => window.clearTimeout(u);
+  }, [a, o]);
+  const c = n(() => t("working"), []), l = n(() => t("landed"), []), m = n(() => {
+    t((i) => i === "working" ? null : i);
+  }, []);
+  return {
+    state: a,
+    props: {
+      "data-ai-sparkle": a ?? void 0,
+      className: a ? f[a] : ""
+    },
+    start: c,
+    land: l,
+    reset: m
+  };
+}
+export {
+  C,
+  f as S,
+  b as a,
+  g as b,
+  w as u
+};
+//# sourceMappingURL=use-ai-sparkle-Cf4yVTLB.js.map

package/dist/_chunks/use-ai-sparkle-Cf4yVTLB.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-ai-sparkle-Cf4yVTLB.js","sources":["../../src/hooks/use-ai-sparkle.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { usePrefersReducedMotion } from './use-prefers-reduced-motion';\n\n/* -------------------------------------------------------------------- */\n/* Shared class tables — read by the hook (shimmer) and by the */\n/* `AiSparkle` presentational component (the comet layer), so both */\n/* sides key off the same three states. */\n/* -------------------------------------------------------------------- */\n\n/** Where the sparkle is: on first show, while an action runs, as it lands. */\nexport type AiSparkleState = 'intro' | 'working' | 'landed';\n\n// How long the one-off sparkles stay lit at the default 200ms\n// `--animation-duration` — everything the comet paints, plus one\n// `--animation-duration` of buffer so the clear never lands mid-fade.\n// `COMET_CLASS` runs the head's lap over 7 durations on intro and 5 on\n// landing, and the faintest tail dot starts 1.2 durations behind the head\n// (`COMET_TAIL`), so the last thing on screen ends a lap plus 1.2 durations\n// in: (7+1.2+1)*200 = 1840 and (5+1.2+1)*200 = 1440. Leave the tail's lag\n// out and the last dot is unmounted mid-flight. Scaled to 0 under reduced\n// motion (see `useAiSparkle`).\nconst SPARKLE_ONCE_MS: Record<'intro' | 'landed', number> = {\n intro: 1840,\n landed: 1440,\n};\n\n// Pill sparkle: a light sweep across the surface. Durations derive from\n// `--animation-duration`, so they drop to 0 (no motion) under\n// prefers-reduced-motion and in the accessible themes.\nexport const SHIMMER_CLASS: Record<AiSparkleState, string> = {\n intro:\n 'ds:animate-[ai-pill-shimmer_calc(var(--animation-duration)*6)_var(--ease-in-out)_1]',\n working:\n 'ds:animate-[ai-pill-shimmer_calc(var(--animation-duration)*6)_var(--ease-in-out)_infinite]',\n landed:\n 'ds:animate-[ai-pill-shimmer_calc(var(--animation-duration)*4)_var(--ease-out)_1]',\n};\n\n// The comet laps the pill: once on intro, faster on landing, looping while\n// an action runs. `offset-path` traces the pill's rounded outline; where it\n// is unsupported the comet simply never shows (it rests at opacity 0).\nexport const COMET_CLASS: Record<AiSparkleState, string> = {\n intro:\n 'ds:animate-[ai-comet-orbit_calc(var(--animation-duration)*7)_var(--ease-in-out)_1_both]',\n working:\n 'ds:animate-[ai-comet-orbit_calc(var(--animation-duration)*8)_linear_infinite]',\n landed:\n 'ds:animate-[ai-comet-orbit_calc(var(--animation-duration)*5)_var(--ease-out)_1_both]',\n};\n\n// The comet rides the host's rounded outline. Its tail is a row of dots on\n// the same path, each a step behind the head, so the tail bends with the\n// curve. Every piece rests at opacity 0 and shows only while it runs.\nexport const COMET_WRAPPER_CLASS =\n 'ds:pointer-events-none ds:absolute ds:[inset-block-start:0] ds:[inset-inline-start:0] ds:opacity-0 ds:[offset-path:inset(0_round_var(--radius-full))] ds:[offset-rotate:0deg]';\nexport const COMET_TAIL = [\n {\n key: 1,\n lag: 'ds:[animation-delay:calc(var(--animation-duration)*0.2)]',\n dot: 'ds:size-2.5 ds:opacity-[var(--opacity-90)]',\n },\n {\n key: 2,\n lag: 'ds:[animation-delay:calc(var(--animation-duration)*0.4)]',\n dot: 'ds:size-2 ds:opacity-[var(--opacity-70)]',\n },\n {\n key: 3,\n lag: 'ds:[animation-delay:calc(var(--animation-duration)*0.6)]',\n dot: 'ds:size-2 ds:opacity-[var(--opacity-50)]',\n },\n {\n key: 4,\n lag: 'ds:[animation-delay:calc(var(--animation-duration)*0.8)]',\n dot: 'ds:size-1.5 ds:opacity-[var(--opacity-30)]',\n },\n {\n key: 5,\n lag: 'ds:[animation-delay:calc(var(--animation-duration)*1)]',\n dot: 'ds:size-1.5 ds:opacity-[var(--opacity-20)]',\n },\n {\n key: 6,\n lag: 'ds:[animation-delay:calc(var(--animation-duration)*1.2)]',\n dot: 'ds:size-1 ds:opacity-[var(--opacity-10)]',\n },\n] as const;\n\n/* -------------------------------------------------------------------- */\n/* Types */\n/* -------------------------------------------------------------------- */\n\nexport interface UseAiSparkleOptions {\n /**\n * Whether the sparkle is available at all. Read once, at mount, to seed\n * the initial `'intro'` phase — matches how the RichTextEditor's\n * `aiSparkle` prop only ever gated the very first render. Default `true`.\n */\n enabled?: boolean;\n /**\n * `'auto'` (default) reads `prefers-reduced-motion` via\n * `usePrefersReducedMotion`. `'off'` forces full motion regardless of the\n * OS preference — useful for a story that wants to show the animated\n * states side by side with a reduced one.\n */\n reducedMotion?: 'auto' | 'off';\n}\n\nexport interface UseAiSparkleProps {\n /** Spread (or picked) onto the host element as a pure styling hook. */\n 'data-ai-sparkle': AiSparkleState | undefined;\n /**\n * The shimmer animation class for the current state — empty when at rest.\n * Layer it over the host's own base positioning classes; the comet layer\n * needs real DOM and lives in the `AiSparkle` component instead.\n */\n className: string;\n}\n\nexport interface UseAiSparkleReturn {\n /** `null` at rest — nothing to render for the comet layer either. */\n state: AiSparkleState | null;\n props: UseAiSparkleProps;\n /** An AI action started: swap to the looping `'working'` phase. */\n start: () => void;\n /** An action's result landed: swap to the one-off `'landed'` phase. */\n land: () => void;\n /**\n * Settle after an action ends. Clears back to rest only when still\n * `'working'` (the action errored or was cancelled before `land()`);\n * leaves `'landed'` alone so the one-off animation gets to play out.\n */\n reset: () => void;\n}\n\n/* -------------------------------------------------------------------- */\n/* Hook */\n/* -------------------------------------------------------------------- */\n\n/**\n * Drives the AI-pill sparkle: lit on first show, looping while an action\n * runs, and a one-off flourish as the result lands.\n *\n * The hook owns the state machine and the timing only — it paints nothing.\n * `props['data-ai-sparkle']` is a plain styling hook for the host element;\n * `props.className` carries the shimmer layer's animation class from the\n * same lookup table the RichTextEditor's pill originally inlined. The\n * comet layer needs actual DOM (a head and a tail of dots), so it lives in\n * the sibling `AiSparkle` component, keyed off the same `state`.\n *\n * Both `intro` and `landed` are one-off: this hook clears them back to\n * `null` on a timer sized to the comet's lap plus a small buffer, at the\n * default 200ms `--animation-duration`. Under reduced\n * motion (`prefers-reduced-motion` or `reducedMotion: 'auto'`'s system\n * read) the CSS animations already collapse to 0ms, so the clear fires at\n * the next tick instead of waiting out the full lap — the pill still gets\n * its `data-ai-sparkle` attribute for a moment, but nothing visibly moves.\n */\nexport function useAiSparkle(\n options: UseAiSparkleOptions = {},\n): UseAiSparkleReturn {\n const { enabled = true, reducedMotion = 'auto' } = options;\n const systemReduced = usePrefersReducedMotion();\n const reduced = reducedMotion === 'off' ? false : systemReduced;\n\n const [state, setState] = useState<AiSparkleState | null>(\n enabled ? 'intro' : null,\n );\n\n useEffect(() => {\n if (state !== 'intro' && state !== 'landed') return undefined;\n const ms = reduced ? 0 : SPARKLE_ONCE_MS[state];\n const timer = window.setTimeout(() => setState(null), ms);\n return () => window.clearTimeout(timer);\n }, [state, reduced]);\n\n const start = useCallback(() => setState('working'), []);\n const land = useCallback(() => setState('landed'), []);\n const reset = useCallback(() => {\n setState((s) => (s === 'working' ? null : s));\n }, []);\n\n return {\n state,\n props: {\n 'data-ai-sparkle': state ?? undefined,\n className: state ? SHIMMER_CLASS[state] : '',\n },\n start,\n land,\n reset,\n };\n}\n"],"names":["SPARKLE_ONCE_MS","SHIMMER_CLASS","COMET_CLASS","COMET_WRAPPER_CLASS","COMET_TAIL","useAiSparkle","options","enabled","reducedMotion","systemReduced","usePrefersReducedMotion","reduced","state","setState","useState","useEffect","ms","timer","start","useCallback","land","reset","s"],"mappings":";;AAqBA,MAAMA,IAAsD;AAAA,EAC1D,OAAO;AAAA,EACP,QAAQ;AACV,GAKaC,IAAgD;AAAA,EAC3D,OACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AACJ,GAKaC,IAA8C;AAAA,EACzD,OACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AACJ,GAKaC,IACX,iLACWC,IAAa;AAAA,EACxB;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAET;AAwEO,SAASC,EACdC,IAA+B,IACX;AACpB,QAAM,EAAE,SAAAC,IAAU,IAAM,eAAAC,IAAgB,WAAWF,GAC7CG,IAAgBC,EAAA,GAChBC,IAAUH,MAAkB,QAAQ,KAAQC,GAE5C,CAACG,GAAOC,CAAQ,IAAIC;AAAA,IACxBP,IAAU,UAAU;AAAA,EAAA;AAGtB,EAAAQ,EAAU,MAAM;AACd,QAAIH,MAAU,WAAWA,MAAU,SAAU;AAC7C,UAAMI,IAAKL,IAAU,IAAIX,EAAgBY,CAAK,GACxCK,IAAQ,OAAO,WAAW,MAAMJ,EAAS,IAAI,GAAGG,CAAE;AACxD,WAAO,MAAM,OAAO,aAAaC,CAAK;AAAA,EACxC,GAAG,CAACL,GAAOD,CAAO,CAAC;AAEnB,QAAMO,IAAQC,EAAY,MAAMN,EAAS,SAAS,GAAG,CAAA,CAAE,GACjDO,IAAOD,EAAY,MAAMN,EAAS,QAAQ,GAAG,CAAA,CAAE,GAC/CQ,IAAQF,EAAY,MAAM;AAC9B,IAAAN,EAAS,CAACS,MAAOA,MAAM,YAAY,OAAOA,CAAE;AAAA,EAC9C,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL,OAAAV;AAAA,IACA,OAAO;AAAA,MACL,mBAAmBA,KAAS;AAAA,MAC5B,WAAWA,IAAQX,EAAcW,CAAK,IAAI;AAAA,IAAA;AAAA,IAE5C,OAAAM;AAAA,IACA,MAAAE;AAAA,IACA,OAAAC;AAAA,EAAA;AAEJ;"}

package/dist/_chunks/{workflow-status-xeaJTzD3.js → workflow-status-CuJAOuKL.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { c as f } from "./index-D2ZczOXr.js";
 import { useTranslation as L } from "react-i18next";
 import { u as de } from "./registry-DvAUVLHh.js";
 import { u as ie } from "./use-controllable-state-BiY4xTzM.js";
-import { a as N } from "./input-surface-xyERuLU_.js";
+import { a as z } from "./input-surface-xyERuLU_.js";
 import { D as p } from "./dropdown-menu-DU-Hrf33.js";
 import { C as T } from "./circle-alert-rGDZ73Wh.js";
 import { L as le } from "./loader-circle-BECIU_8N.js";
@@ -114,9 +114,9 @@ const ue = {
   {
     variants: {
       size: {
-        sm: `${N.sm} ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,
-        md: `${N.md} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,
-        lg: `${N.lg} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-md)]`
+        sm: `${z.sm} ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,
+        md: `${z.md} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,
+        lg: `${z.lg} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-md)]`
       },
       interactive: {
         true: [
@@ -271,14 +271,14 @@ function A({
     ] }) : null
   ] });
 }
-const ve = I(function({ value: a, option: t, size: n = "md", workflowLabel: l, id: c, className: o, dir: h }, v) {
-  const { t: k } = L(), x = l ?? k("workflowStatus.label", "Workflow");
+const ve = I(function({ value: a, option: t, size: n = "md", workflowLabel: l, id: c, className: o, dir: k }, b) {
+  const { t: x } = L(), y = l ?? x("workflowStatus.label", "Workflow");
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: v,
+      ref: b,
       id: c,
-      dir: h,
+      dir: k,
       "data-component": "workflow-status",
       "data-component-id": c,
       "data-state": a,
@@ -288,7 +288,7 @@ const ve = I(function({ value: a, option: t, size: n = "md", workflowLabel: l, i
         A,
         {
           option: t,
-          workflowLabel: x,
+          workflowLabel: y,
           size: n,
           interactive: !1,
           error: !1
@@ -305,64 +305,64 @@ const we = I(function({
   size: l = "md",
   disabled: c = !1,
   saving: o = !1,
-  error: h = !1,
-  errorMessage: v,
-  workflowLabel: k,
-  menuLabel: x,
+  error: k = !1,
+  errorMessage: b,
+  workflowLabel: x,
+  menuLabel: y,
   savingLabel: D,
   open: E,
   defaultOpen: K = !1,
   onOpenChange: $,
   id: u,
   className: H,
-  dir: V,
+  dir: W,
   "aria-label": M,
   "aria-describedby": q
 }, F) {
-  const { t: m } = L(), G = re(), z = ae(null), y = t.find((e) => e.value === a);
-  if (!y)
+  const { t: m } = L(), G = re(), S = ae(null), C = t.find((e) => e.value === a);
+  if (!C)
     throw new Error(
       `WorkflowStatusControl requires an option matching value "${a}".`
     );
-  const P = k ?? m("workflowStatus.label", "Workflow"), U = x ?? m("workflowStatus.menuLabel", "Workflow statuses"), J = D ?? m("workflowStatus.saving", "Saving workflow status"), Q = v ?? m(
+  const P = x ?? m("workflowStatus.label", "Workflow"), U = y ?? m("workflowStatus.menuLabel", "Workflow statuses"), J = D ?? m("workflowStatus.saving", "Saving workflow status"), Q = b ?? m(
     "workflowStatus.saveFailed",
     "Could not change workflow status. The previous status is still shown."
   ), X = M ?? m("workflowStatus.changeLabel", "Change workflow status: {{status}}", {
-    status: y.label
-  }), g = h || !!v, d = c || o, W = u ? `${u}-error` : G, Y = [q, g ? W : void 0].filter(Boolean).join(" ") || void 0, _ = o ? "saving" : c ? "disabled" : g ? "error" : "idle", [Z, w] = ie({
+    status: C.label
+  }), g = k || !!b, d = c || o, _ = u ? `${u}-error` : G, Y = [q, g ? _ : void 0].filter(Boolean).join(" ") || void 0, j = o ? "saving" : c ? "disabled" : g ? "error" : "idle", [Z, v] = ie({
     value: E,
     defaultValue: K,
     onChange: $
-  }), b = !!Z && !d, S = te(
+  }), h = !!Z && !d, N = te(
     (e) => {
       if (d || e === a) return;
-      const j = t.find((ee) => ee.value === e);
-      if (!(!j || j.disabled))
+      const w = t.find((ee) => ee.value === e);
+      if (!(!w || w.disabled))
         return n(e);
     },
     [d, n, t, a]
-  ), C = oe(
+  ), V = oe(
     () => ({
       getValue: () => a,
-      getIsOpen: () => b,
+      getIsOpen: () => h,
       getIsSaving: () => o,
-      setValue: S,
+      setValue: N,
       open: () => {
-        d || w(!0);
+        d || v(!0);
       },
-      close: () => w(!1),
+      close: () => v(!1),
       focus: () => {
         var e;
-        return (e = z.current) == null ? void 0 : e.focus();
+        return (e = S.current) == null ? void 0 : e.focus();
       }
     }),
-    [S, d, b, o, w, a]
+    [N, d, h, o, v, a]
   );
-  return ne(F, () => C, [C]), de(ue, C, u), /* @__PURE__ */ i(
+  return ne(F, () => V, [V]), de(ue, V, u), /* @__PURE__ */ i(
     "div",
     {
       id: u,
-      dir: V,
+      dir: W,
       "data-component": "workflow-status",
       "data-component-id": u,
       "data-state": a,
@@ -374,36 +374,36 @@ const we = I(function({
         /* @__PURE__ */ i(
           p.Root,
           {
-            dir: V,
-            open: b,
+            dir: W,
+            open: h,
             onOpenChange: (e) => {
-              e && d || w(e);
+              e && d || v(e);
             },
             children: [
               /* @__PURE__ */ s(p.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
                 "button",
                 {
-                  ref: z,
+                  ref: S,
                   id: u ? `${u}-trigger` : void 0,
                   type: "button",
                   disabled: d,
                   "aria-label": X,
                   "aria-describedby": Y,
                   "aria-busy": o,
-                  "data-open": b ? "" : void 0,
+                  "data-open": h ? "" : void 0,
                   className: R({
                     size: l,
                     interactive: !0,
-                    operation: _
+                    operation: j
                   }),
                   children: /* @__PURE__ */ s(
                     A,
                     {
-                      option: y,
+                      option: C,
                       workflowLabel: P,
                       size: l,
                       interactive: !0,
-                      operation: _,
+                      operation: j,
                       error: g
                     }
                   )
@@ -416,7 +416,8 @@ const we = I(function({
                   {
                     value: a,
                     onValueChange: (e) => {
-                      S(e);
+                      var w;
+                      v(!1), (w = S.current) == null || w.focus(), N(e);
                     },
                     children: t.map((e) => /* @__PURE__ */ s(
                       p.RadioItem,
@@ -459,7 +460,7 @@ const we = I(function({
             children: o ? J : ""
           }
         ),
-        g ? /* @__PURE__ */ i("div", { id: W, role: "alert", className: ge(), children: [
+        g ? /* @__PURE__ */ i("div", { id: _, role: "alert", className: ge(), children: [
           /* @__PURE__ */ s(T, { "aria-hidden": "true" }),
           /* @__PURE__ */ s("span", { children: Q })
         ] }) : null
@@ -473,4 +474,4 @@ export {
   ve as a,
   ue as w
 };
-//# sourceMappingURL=workflow-status-xeaJTzD3.js.map
+//# sourceMappingURL=workflow-status-CuJAOuKL.js.map

package/dist/_chunks/{workflow-status-xeaJTzD3.js.map → workflow-status-CuJAOuKL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"workflow-status-xeaJTzD3.js","sources":["../../src/components/workflow-status/workflow-status.agent.ts","../../src/components/workflow-status/workflow-status.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { WorkflowStatusControlHandle } from './workflow-status';\n\nexport const workflowStatusAgent: AgentAdapter<WorkflowStatusControlHandle> = {\n id: 'workflow-status',\n capabilities: ['select_single', 'set_value', 'open', 'close'],\n state: {\n value: {\n type: 'string',\n descriptionKey: 'ui.agent.workflowStatus.state.value',\n description: 'The current non-sensitive workflow status key.',\n read: (handle) => handle.getValue(),\n },\n isOpen: {\n type: 'boolean',\n descriptionKey: 'ui.agent.workflowStatus.state.isOpen',\n description: 'Whether the permitted workflow status list is open.',\n read: (handle) => handle.getIsOpen(),\n },\n isSaving: {\n type: 'boolean',\n descriptionKey: 'ui.agent.workflowStatus.state.isSaving',\n description: 'Whether the host is saving a workflow status change.',\n read: (handle) => handle.getIsSaving(),\n },\n },\n actions: {\n set_value: {\n safety: 'write',\n argsType: '{ value: string }',\n argsSchema: {\n type: 'object',\n properties: {\n value: {\n type: 'string',\n description: 'Permitted workflow status key to select.',\n },\n },\n required: ['value'],\n },\n idempotent: true,\n openWorld: false,\n errors: [\n 'The status is not in the host-provided transition list.',\n 'The status is disabled.',\n 'A status change is already being saved.',\n ],\n examples: [{ args: { value: 'review' } }],\n descriptionKey: 'ui.agent.workflowStatus.actions.setValue',\n description:\n 'Request a permitted workflow status through the host-owned change callback.',\n invoke: (handle, args: { value: string }) => handle.setValue(args.value),\n },\n open: {\n safety: 'read',\n idempotent: true,\n descriptionKey: 'ui.agent.workflowStatus.actions.open',\n description: 'Open the permitted workflow status list.',\n invoke: (handle) => handle.open(),\n },\n close: {\n safety: 'read',\n idempotent: true,\n descriptionKey: 'ui.agent.workflowStatus.actions.close',\n description: 'Close the workflow status list.',\n invoke: (handle) => handle.close(),\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'workflow-status',\n description: 'Marks the WorkflowStatus boundary.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n item: {\n attr: 'data-option-id',\n description: 'Non-sensitive workflow status key for a permitted option.',\n },\n },\n};\n","import {\n forwardRef,\n useCallback,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle, ChevronDown, LoaderCircle } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { INPUT_SURFACE_HEIGHT } from '../_shared/input-surface';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { workflowStatusAgent } from './workflow-status.agent';\n\nexport type WorkflowStatusTone =\n \| 'neutral'\n \| 'info'\n \| 'success'\n \| 'warning'\n \| 'error'\n \| 'accent';\n\nexport type WorkflowStatusSize = 'sm' \| 'md' \| 'lg';\n\nexport interface WorkflowStatusOption {\n value: string;\n label: string;\n icon: ReactNode;\n tone: WorkflowStatusTone;\n disabled?: boolean;\n}\n\nconst rootVariants = cva(\n 'ds:inline-flex ds:max-w-full ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]',\n {\n variants: {\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst surfaceVariants = cva(\n [\n 'ds:group/workflow-status ds:inline-grid ds:max-w-full ds:w-fit ds:items-center',\n 'ds:overflow-hidden ds:text-start',\n 'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n 'ds:bg-transparent ds:text-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)]',\n 'ds:motion-reduce:transition-none',\n 'ds:forced-colors:border-[ButtonBorder]',\n ].join(' '),\n {\n variants: {\n size: {\n sm: `${INPUT_SURFACE_HEIGHT.sm} ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,\n md: `${INPUT_SURFACE_HEIGHT.md} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,\n lg: `${INPUT_SURFACE_HEIGHT.lg} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-md)]`,\n },\n interactive: {\n true: [\n 'ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:appearance-none ds:cursor-pointer',\n 'ds:hover:enabled:bg-muted/10 ds:active:enabled:bg-muted/20',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:data-[open]:bg-muted/20 ds:data-[open]:border-[color:var(--primary)]',\n 'ds:forced-colors:data-[open]:border-[Highlight]',\n ].join(' '),\n false: 'ds:grid-cols-[auto_minmax(0,1fr)] ds:cursor-default',\n },\n operation: {\n idle: '',\n disabled: 'ds:cursor-not-allowed ds:opacity-50',\n saving: 'ds:cursor-wait ds:border-[color:var(--info-foreground)]',\n error: 'ds:border-[color:var(--error-foreground)]',\n },\n },\n defaultVariants: {\n size: 'md',\n interactive: false,\n operation: 'idle',\n },\n },\n);\n\nconst iconVariants = cva(\n [\n 'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n 'ds:rounded-[var(--radius-full)] ds:border ds:[&>svg]:block',\n 'ds:forced-colors:bg-transparent ds:forced-colors:border-[CanvasText]',\n ].join(' '),\n {\n variants: {\n tone: {\n neutral:\n 'ds:bg-muted ds:text-muted-foreground ds:border-[color:var(--border)]',\n info: 'ds:bg-info/15 ds:text-[color:var(--info-foreground)] ds:border-[color:var(--info-foreground)]',\n success:\n 'ds:bg-success/15 ds:text-[color:var(--success-foreground)] ds:border-[color:var(--success-foreground)]',\n warning:\n 'ds:bg-warning/15 ds:text-[color:var(--warning-foreground)] ds:border-[color:var(--warning-foreground)]',\n error:\n 'ds:bg-destructive/15 ds:text-[color:var(--error-foreground)] ds:border-[color:var(--error-foreground)]',\n accent:\n 'ds:bg-[color:color-mix(in_srgb,var(--accent)_15%,transparent)] ds:text-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))] ds:border-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))]',\n },\n /* The ball is a SETTING for the glyph, not a container it fills: at\n the old 24px/16px the icon took two thirds of the circle and the two\n read as one crowded blob. Each step is smaller overall and gives the\n glyph roughly half its diameter, so the ring stays legible as a ring\n and the status colour has room to register. */\n size: {\n sm: 'ds:size-5 ds:[&>svg]:size-3',\n md: 'ds:size-[var(--spacing-lg)] ds:[&>svg]:size-3.5',\n lg: 'ds:size-7 ds:[&>svg]:size-[var(--icon-size-sm)]',\n menu: 'ds:size-5 ds:[&>svg]:size-3',\n },\n },\n defaultVariants: { tone: 'neutral', size: 'md' },\n },\n);\n\nconst labelGroupVariants = cva(\n 'ds:flex ds:min-w-0 ds:flex-col ds:justify-center ds:text-start',\n {\n variants: {\n size: {\n sm: 'ds:gap-0',\n md: 'ds:gap-0',\n lg: 'ds:gap-0',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst valueVariants = cva(\n 'ds:block ds:min-w-0 ds:truncate ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]',\n {\n variants: {\n size: {\n sm: 'type-body-sm',\n md: 'type-label',\n lg: 'type-body',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst trailingVariants = cva(\n [\n 'ds:inline-flex ds:self-stretch ds:items-center ds:justify-center',\n 'ds:gap-[var(--spacing-2xs)] ds:border-s ds:border-border',\n 'ds:text-[color:var(--muted-foreground)]',\n 'ds:forced-colors:border-[ButtonBorder]',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:ps-[var(--spacing-xs)]',\n md: 'ds:ps-[var(--spacing-sm)]',\n lg: 'ds:ps-[var(--spacing-md)]',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst errorVariants = cva(\n [\n 'ds:flex ds:max-w-full ds:items-start ds:gap-[var(--spacing-xs)]',\n 'type-meta ds:text-[color:var(--error-foreground)]',\n 'ds:[&>svg]:mt-[var(--spacing-2xs)] ds:[&>svg]:size-[var(--spacing-md)] ds:[&>svg]:shrink-0',\n 'ds:forced-colors:text-[CanvasText]',\n ].join(' '),\n);\n\ninterface WorkflowStatusSurfaceProps extends Pick<\n VariantProps<typeof surfaceVariants>,\n 'size'\n> {\n option: WorkflowStatusOption;\n workflowLabel: string;\n interactive: boolean;\n operation?: 'idle' \| 'disabled' \| 'saving' \| 'error';\n error: boolean;\n}\n\nfunction WorkflowStatusSurface({\n option,\n workflowLabel,\n size = 'md',\n interactive,\n operation = 'idle',\n error,\n}: WorkflowStatusSurfaceProps) {\n return (\n <>\n <span\n aria-hidden=\"true\"\n data-workflow-status-icon=\"\"\n data-tone={option.tone}\n className={iconVariants({ tone: option.tone, size })}\n >\n {option.icon}\n </span>\n <span className={labelGroupVariants({ size })}>\n {size !== 'sm' ? (\n <span className=\"type-meta ds:font-[var(--font-weight-medium)] ds:text-[color:var(--muted-foreground)]\">\n {workflowLabel}\n </span>\n ) : null}\n <span\n data-workflow-status-value=\"\"\n title={option.label}\n className={valueVariants({ size })}\n >\n {option.label}\n </span>\n </span>\n {interactive ? (\n <span className={trailingVariants({ size })} aria-hidden=\"true\">\n {error ? (\n <AlertCircle\n data-testid=\"workflow-status-error-icon\"\n className=\"ds:size-[var(--spacing-md)] ds:shrink-0\"\n />\n ) : null}\n {operation === 'saving' ? (\n <LoaderCircle className=\"ds:size-[var(--spacing-md)] ds:shrink-0 ds:animate-spin ds:motion-reduce:animate-none\" />\n ) : (\n <ChevronDown\n data-testid=\"workflow-status-chevron\"\n className=\"ds:size-[var(--spacing-md)] ds:shrink-0 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-data-[open]/workflow-status:rotate-180\"\n />\n )}\n </span>\n ) : null}\n </>\n );\n}\n\nexport interface WorkflowStatusDisplayProps {\n value: string;\n option: WorkflowStatusOption;\n size?: WorkflowStatusSize;\n workflowLabel?: string;\n id?: string;\n className?: string;\n dir?: 'ltr' \| 'rtl';\n}\n\nexport const WorkflowStatusDisplay = forwardRef<\n HTMLDivElement,\n WorkflowStatusDisplayProps\n>(function WorkflowStatusDisplay(\n { value, option, size = 'md', workflowLabel, id, className, dir },\n ref,\n) {\n const { t } = useTranslation();\n const resolvedWorkflowLabel =\n workflowLabel ?? t('workflowStatus.label', 'Workflow');\n\n return (\n <div\n ref={ref}\n id={id}\n dir={dir}\n data-component=\"workflow-status\"\n data-component-id={id}\n data-state={value}\n data-variant=\"display\"\n className={rootVariants({ size, className })}\n >\n <div className={surfaceVariants({ size, interactive: false })}>\n <WorkflowStatusSurface\n option={option}\n workflowLabel={resolvedWorkflowLabel}\n size={size}\n interactive={false}\n error={false}\n />\n </div>\n </div>\n );\n});\n\nWorkflowStatusDisplay.displayName = 'WorkflowStatusDisplay';\n\nexport interface WorkflowStatusControlHandle {\n getValue: () => string;\n getIsOpen: () => boolean;\n getIsSaving: () => boolean;\n setValue: (value: string) => void \| Promise<void>;\n open: () => void;\n close: () => void;\n focus: () => void;\n}\n\nexport interface WorkflowStatusControlProps {\n value: string;\n options: readonly WorkflowStatusOption[];\n onValueChange: (value: string) => void \| Promise<void>;\n size?: WorkflowStatusSize;\n disabled?: boolean;\n saving?: boolean;\n error?: boolean;\n errorMessage?: string;\n workflowLabel?: string;\n menuLabel?: string;\n savingLabel?: string;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n id?: string;\n className?: string;\n dir?: 'ltr' \| 'rtl';\n 'aria-label'?: string;\n 'aria-describedby'?: string;\n}\n\nexport const WorkflowStatusControl = forwardRef<\n WorkflowStatusControlHandle,\n WorkflowStatusControlProps\n>(function WorkflowStatusControl(\n {\n value,\n options,\n onValueChange,\n size = 'md',\n disabled = false,\n saving = false,\n error = false,\n errorMessage,\n workflowLabel,\n menuLabel,\n savingLabel,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n id,\n className,\n dir,\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedBy,\n },\n ref,\n) {\n const { t } = useTranslation();\n const generatedErrorId = useId();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const currentOption = options.find((option) => option.value === value);\n\n if (!currentOption) {\n throw new Error(\n `WorkflowStatusControl requires an option matching value \"${value}\".`,\n );\n }\n\n const resolvedWorkflowLabel =\n workflowLabel ?? t('workflowStatus.label', 'Workflow');\n const resolvedMenuLabel =\n menuLabel ?? t('workflowStatus.menuLabel', 'Workflow statuses');\n const resolvedSavingLabel =\n savingLabel ?? t('workflowStatus.saving', 'Saving workflow status');\n const resolvedErrorMessage =\n errorMessage ??\n t(\n 'workflowStatus.saveFailed',\n 'Could not change workflow status. The previous status is still shown.',\n );\n const resolvedAriaLabel =\n ariaLabel ??\n t('workflowStatus.changeLabel', 'Change workflow status: {{status}}', {\n status: currentOption.label,\n });\n const hasError = error \|\| Boolean(errorMessage);\n const inactive = disabled \|\| saving;\n const errorId = id ? `${id}-error` : generatedErrorId;\n const describedBy =\n [ariaDescribedBy, hasError ? errorId : undefined]\n .filter(Boolean)\n .join(' ') \|\| undefined;\n const operation = saving\n ? 'saving'\n : disabled\n ? 'disabled'\n : hasError\n ? 'error'\n : 'idle';\n const [openValue, setOpen] = useControllableState<boolean>({\n value: openProp,\n defaultValue: defaultOpen,\n onChange: onOpenChange,\n });\n const isOpen = Boolean(openValue) && !inactive;\n\n const changeValue = useCallback(\n (next: string): void \| Promise<void> => {\n if (inactive \|\| next === value) return;\n const nextOption = options.find((option) => option.value === next);\n if (!nextOption \|\| nextOption.disabled) return;\n return onValueChange(next);\n },\n [inactive, onValueChange, options, value],\n );\n\n const handle = useMemo<WorkflowStatusControlHandle>(\n () => ({\n getValue: () => value,\n getIsOpen: () => isOpen,\n getIsSaving: () => saving,\n setValue: changeValue,\n open: () => {\n if (!inactive) setOpen(true);\n },\n close: () => setOpen(false),\n focus: () => triggerRef.current?.focus(),\n }),\n [changeValue, inactive, isOpen, saving, setOpen, value],\n );\n\n useImperativeHandle(ref, () => handle, [handle]);\n useAgentRegistration(workflowStatusAgent, handle, id);\n\n return (\n <div\n id={id}\n dir={dir}\n data-component=\"workflow-status\"\n data-component-id={id}\n data-state={value}\n data-variant=\"control\"\n data-saving={saving ? '' : undefined}\n data-error={hasError ? '' : undefined}\n className={rootVariants({ size, className })}\n >\n <DropdownMenu.Root\n dir={dir}\n open={isOpen}\n onOpenChange={(next) => {\n if (next && inactive) return;\n setOpen(next);\n }}\n >\n <DropdownMenu.Trigger asChild>\n <button\n ref={triggerRef}\n id={id ? `${id}-trigger` : undefined}\n type=\"button\"\n disabled={inactive}\n aria-label={resolvedAriaLabel}\n aria-describedby={describedBy}\n aria-busy={saving}\n data-open={isOpen ? '' : undefined}\n className={surfaceVariants({\n size,\n interactive: true,\n operation,\n })}\n >\n <WorkflowStatusSurface\n option={currentOption}\n workflowLabel={resolvedWorkflowLabel}\n size={size}\n interactive\n operation={operation}\n error={hasError}\n />\n </button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content align=\"start\">\n <DropdownMenu.Label>{resolvedMenuLabel}</DropdownMenu.Label>\n <DropdownMenu.RadioGroup\n value={value}\n onValueChange={(next) => {\n void changeValue(next);\n }}\n >\n {options.map((option) => (\n <DropdownMenu.RadioItem\n key={option.value}\n value={option.value}\n disabled={inactive \|\| option.disabled}\n data-option-id={option.value}\n >\n <span className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]\">\n <span\n aria-hidden=\"true\"\n data-workflow-status-icon=\"\"\n data-tone={option.tone}\n className={iconVariants({\n tone: option.tone,\n size: 'menu',\n })}\n >\n {option.icon}\n </span>\n <span className=\"ds:min-w-0 ds:truncate\" title={option.label}>\n {option.label}\n </span>\n </span>\n </DropdownMenu.RadioItem>\n ))}\n </DropdownMenu.RadioGroup>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n <span\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"ds:sr-only\"\n >\n {saving ? resolvedSavingLabel : ''}\n </span>\n {hasError ? (\n <div id={errorId} role=\"alert\" className={errorVariants()}>\n <AlertCircle aria-hidden=\"true\" />\n <span>{resolvedErrorMessage}</span>\n </div>\n ) : null}\n </div>\n );\n});\n\nWorkflowStatusControl.displayName = 'WorkflowStatusControl';\n"],"names":["workflowStatusAgent","handle","args","rootVariants","cva","surfaceVariants","INPUT_SURFACE_HEIGHT","iconVariants","labelGroupVariants","valueVariants","trailingVariants","errorVariants","WorkflowStatusSurface","option","workflowLabel","size","interactive","operation","error","jsxs","Fragment","jsx","AlertCircle","LoaderCircle","ChevronDown","WorkflowStatusDisplay","forwardRef","value","id","className","dir","ref","t","useTranslation","resolvedWorkflowLabel","WorkflowStatusControl","options","onValueChange","disabled","saving","errorMessage","menuLabel","savingLabel","openProp","defaultOpen","onOpenChange","ariaLabel","ariaDescribedBy","generatedErrorId","useId","triggerRef","useRef","currentOption","resolvedMenuLabel","resolvedSavingLabel","resolvedErrorMessage","resolvedAriaLabel","hasError","inactive","errorId","describedBy","openValue","setOpen","useControllableState","isOpen","changeValue","useCallback","next","nextOption","useMemo","_a","useImperativeHandle","useAgentRegistration","DropdownMenu"],"mappings":"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"}
1	+ {"version":3,"file":"workflow-status-CuJAOuKL.js","sources":["../../src/components/workflow-status/workflow-status.agent.ts","../../src/components/workflow-status/workflow-status.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { WorkflowStatusControlHandle } from './workflow-status';\n\nexport const workflowStatusAgent: AgentAdapter<WorkflowStatusControlHandle> = {\n id: 'workflow-status',\n capabilities: ['select_single', 'set_value', 'open', 'close'],\n state: {\n value: {\n type: 'string',\n descriptionKey: 'ui.agent.workflowStatus.state.value',\n description: 'The current non-sensitive workflow status key.',\n read: (handle) => handle.getValue(),\n },\n isOpen: {\n type: 'boolean',\n descriptionKey: 'ui.agent.workflowStatus.state.isOpen',\n description: 'Whether the permitted workflow status list is open.',\n read: (handle) => handle.getIsOpen(),\n },\n isSaving: {\n type: 'boolean',\n descriptionKey: 'ui.agent.workflowStatus.state.isSaving',\n description: 'Whether the host is saving a workflow status change.',\n read: (handle) => handle.getIsSaving(),\n },\n },\n actions: {\n set_value: {\n safety: 'write',\n argsType: '{ value: string }',\n argsSchema: {\n type: 'object',\n properties: {\n value: {\n type: 'string',\n description: 'Permitted workflow status key to select.',\n },\n },\n required: ['value'],\n },\n idempotent: true,\n openWorld: false,\n errors: [\n 'The status is not in the host-provided transition list.',\n 'The status is disabled.',\n 'A status change is already being saved.',\n ],\n examples: [{ args: { value: 'review' } }],\n descriptionKey: 'ui.agent.workflowStatus.actions.setValue',\n description:\n 'Request a permitted workflow status through the host-owned change callback.',\n invoke: (handle, args: { value: string }) => handle.setValue(args.value),\n },\n open: {\n safety: 'read',\n idempotent: true,\n descriptionKey: 'ui.agent.workflowStatus.actions.open',\n description: 'Open the permitted workflow status list.',\n invoke: (handle) => handle.open(),\n },\n close: {\n safety: 'read',\n idempotent: true,\n descriptionKey: 'ui.agent.workflowStatus.actions.close',\n description: 'Close the workflow status list.',\n invoke: (handle) => handle.close(),\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'workflow-status',\n description: 'Marks the WorkflowStatus boundary.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n item: {\n attr: 'data-option-id',\n description: 'Non-sensitive workflow status key for a permitted option.',\n },\n },\n};\n","import {\n forwardRef,\n useCallback,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle, ChevronDown, LoaderCircle } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { INPUT_SURFACE_HEIGHT } from '../_shared/input-surface';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { workflowStatusAgent } from './workflow-status.agent';\n\nexport type WorkflowStatusTone =\n \| 'neutral'\n \| 'info'\n \| 'success'\n \| 'warning'\n \| 'error'\n \| 'accent';\n\nexport type WorkflowStatusSize = 'sm' \| 'md' \| 'lg';\n\nexport interface WorkflowStatusOption {\n value: string;\n label: string;\n icon: ReactNode;\n tone: WorkflowStatusTone;\n disabled?: boolean;\n}\n\nconst rootVariants = cva(\n 'ds:inline-flex ds:max-w-full ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]',\n {\n variants: {\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst surfaceVariants = cva(\n [\n 'ds:group/workflow-status ds:inline-grid ds:max-w-full ds:w-fit ds:items-center',\n 'ds:overflow-hidden ds:text-start',\n 'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n 'ds:bg-transparent ds:text-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)]',\n 'ds:motion-reduce:transition-none',\n 'ds:forced-colors:border-[ButtonBorder]',\n ].join(' '),\n {\n variants: {\n size: {\n sm: `${INPUT_SURFACE_HEIGHT.sm} ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,\n md: `${INPUT_SURFACE_HEIGHT.md} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-sm)]`,\n lg: `${INPUT_SURFACE_HEIGHT.lg} ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-md)]`,\n },\n interactive: {\n true: [\n 'ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:appearance-none ds:cursor-pointer',\n 'ds:hover:enabled:bg-muted/10 ds:active:enabled:bg-muted/20',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:data-[open]:bg-muted/20 ds:data-[open]:border-[color:var(--primary)]',\n 'ds:forced-colors:data-[open]:border-[Highlight]',\n ].join(' '),\n false: 'ds:grid-cols-[auto_minmax(0,1fr)] ds:cursor-default',\n },\n operation: {\n idle: '',\n disabled: 'ds:cursor-not-allowed ds:opacity-50',\n saving: 'ds:cursor-wait ds:border-[color:var(--info-foreground)]',\n error: 'ds:border-[color:var(--error-foreground)]',\n },\n },\n defaultVariants: {\n size: 'md',\n interactive: false,\n operation: 'idle',\n },\n },\n);\n\nconst iconVariants = cva(\n [\n 'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n 'ds:rounded-[var(--radius-full)] ds:border ds:[&>svg]:block',\n 'ds:forced-colors:bg-transparent ds:forced-colors:border-[CanvasText]',\n ].join(' '),\n {\n variants: {\n tone: {\n neutral:\n 'ds:bg-muted ds:text-muted-foreground ds:border-[color:var(--border)]',\n info: 'ds:bg-info/15 ds:text-[color:var(--info-foreground)] ds:border-[color:var(--info-foreground)]',\n success:\n 'ds:bg-success/15 ds:text-[color:var(--success-foreground)] ds:border-[color:var(--success-foreground)]',\n warning:\n 'ds:bg-warning/15 ds:text-[color:var(--warning-foreground)] ds:border-[color:var(--warning-foreground)]',\n error:\n 'ds:bg-destructive/15 ds:text-[color:var(--error-foreground)] ds:border-[color:var(--error-foreground)]',\n accent:\n 'ds:bg-[color:color-mix(in_srgb,var(--accent)_15%,transparent)] ds:text-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))] ds:border-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))]',\n },\n /* The ball is a SETTING for the glyph, not a container it fills: at\n the old 24px/16px the icon took two thirds of the circle and the two\n read as one crowded blob. Each step is smaller overall and gives the\n glyph roughly half its diameter, so the ring stays legible as a ring\n and the status colour has room to register. */\n size: {\n sm: 'ds:size-5 ds:[&>svg]:size-3',\n md: 'ds:size-[var(--spacing-lg)] ds:[&>svg]:size-3.5',\n lg: 'ds:size-7 ds:[&>svg]:size-[var(--icon-size-sm)]',\n menu: 'ds:size-5 ds:[&>svg]:size-3',\n },\n },\n defaultVariants: { tone: 'neutral', size: 'md' },\n },\n);\n\nconst labelGroupVariants = cva(\n 'ds:flex ds:min-w-0 ds:flex-col ds:justify-center ds:text-start',\n {\n variants: {\n size: {\n sm: 'ds:gap-0',\n md: 'ds:gap-0',\n lg: 'ds:gap-0',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst valueVariants = cva(\n 'ds:block ds:min-w-0 ds:truncate ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]',\n {\n variants: {\n size: {\n sm: 'type-body-sm',\n md: 'type-label',\n lg: 'type-body',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst trailingVariants = cva(\n [\n 'ds:inline-flex ds:self-stretch ds:items-center ds:justify-center',\n 'ds:gap-[var(--spacing-2xs)] ds:border-s ds:border-border',\n 'ds:text-[color:var(--muted-foreground)]',\n 'ds:forced-colors:border-[ButtonBorder]',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:ps-[var(--spacing-xs)]',\n md: 'ds:ps-[var(--spacing-sm)]',\n lg: 'ds:ps-[var(--spacing-md)]',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst errorVariants = cva(\n [\n 'ds:flex ds:max-w-full ds:items-start ds:gap-[var(--spacing-xs)]',\n 'type-meta ds:text-[color:var(--error-foreground)]',\n 'ds:[&>svg]:mt-[var(--spacing-2xs)] ds:[&>svg]:size-[var(--spacing-md)] ds:[&>svg]:shrink-0',\n 'ds:forced-colors:text-[CanvasText]',\n ].join(' '),\n);\n\ninterface WorkflowStatusSurfaceProps extends Pick<\n VariantProps<typeof surfaceVariants>,\n 'size'\n> {\n option: WorkflowStatusOption;\n workflowLabel: string;\n interactive: boolean;\n operation?: 'idle' \| 'disabled' \| 'saving' \| 'error';\n error: boolean;\n}\n\nfunction WorkflowStatusSurface({\n option,\n workflowLabel,\n size = 'md',\n interactive,\n operation = 'idle',\n error,\n}: WorkflowStatusSurfaceProps) {\n return (\n <>\n <span\n aria-hidden=\"true\"\n data-workflow-status-icon=\"\"\n data-tone={option.tone}\n className={iconVariants({ tone: option.tone, size })}\n >\n {option.icon}\n </span>\n <span className={labelGroupVariants({ size })}>\n {size !== 'sm' ? (\n <span className=\"type-meta ds:font-[var(--font-weight-medium)] ds:text-[color:var(--muted-foreground)]\">\n {workflowLabel}\n </span>\n ) : null}\n <span\n data-workflow-status-value=\"\"\n title={option.label}\n className={valueVariants({ size })}\n >\n {option.label}\n </span>\n </span>\n {interactive ? (\n <span className={trailingVariants({ size })} aria-hidden=\"true\">\n {error ? (\n <AlertCircle\n data-testid=\"workflow-status-error-icon\"\n className=\"ds:size-[var(--spacing-md)] ds:shrink-0\"\n />\n ) : null}\n {operation === 'saving' ? (\n <LoaderCircle className=\"ds:size-[var(--spacing-md)] ds:shrink-0 ds:animate-spin ds:motion-reduce:animate-none\" />\n ) : (\n <ChevronDown\n data-testid=\"workflow-status-chevron\"\n className=\"ds:size-[var(--spacing-md)] ds:shrink-0 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-data-[open]/workflow-status:rotate-180\"\n />\n )}\n </span>\n ) : null}\n </>\n );\n}\n\nexport interface WorkflowStatusDisplayProps {\n value: string;\n option: WorkflowStatusOption;\n size?: WorkflowStatusSize;\n workflowLabel?: string;\n id?: string;\n className?: string;\n dir?: 'ltr' \| 'rtl';\n}\n\nexport const WorkflowStatusDisplay = forwardRef<\n HTMLDivElement,\n WorkflowStatusDisplayProps\n>(function WorkflowStatusDisplay(\n { value, option, size = 'md', workflowLabel, id, className, dir },\n ref,\n) {\n const { t } = useTranslation();\n const resolvedWorkflowLabel =\n workflowLabel ?? t('workflowStatus.label', 'Workflow');\n\n return (\n <div\n ref={ref}\n id={id}\n dir={dir}\n data-component=\"workflow-status\"\n data-component-id={id}\n data-state={value}\n data-variant=\"display\"\n className={rootVariants({ size, className })}\n >\n <div className={surfaceVariants({ size, interactive: false })}>\n <WorkflowStatusSurface\n option={option}\n workflowLabel={resolvedWorkflowLabel}\n size={size}\n interactive={false}\n error={false}\n />\n </div>\n </div>\n );\n});\n\nWorkflowStatusDisplay.displayName = 'WorkflowStatusDisplay';\n\nexport interface WorkflowStatusControlHandle {\n getValue: () => string;\n getIsOpen: () => boolean;\n getIsSaving: () => boolean;\n setValue: (value: string) => void \| Promise<void>;\n open: () => void;\n close: () => void;\n focus: () => void;\n}\n\nexport interface WorkflowStatusControlProps {\n value: string;\n options: readonly WorkflowStatusOption[];\n onValueChange: (value: string) => void \| Promise<void>;\n size?: WorkflowStatusSize;\n disabled?: boolean;\n saving?: boolean;\n error?: boolean;\n errorMessage?: string;\n workflowLabel?: string;\n menuLabel?: string;\n savingLabel?: string;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n id?: string;\n className?: string;\n dir?: 'ltr' \| 'rtl';\n 'aria-label'?: string;\n 'aria-describedby'?: string;\n}\n\nexport const WorkflowStatusControl = forwardRef<\n WorkflowStatusControlHandle,\n WorkflowStatusControlProps\n>(function WorkflowStatusControl(\n {\n value,\n options,\n onValueChange,\n size = 'md',\n disabled = false,\n saving = false,\n error = false,\n errorMessage,\n workflowLabel,\n menuLabel,\n savingLabel,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n id,\n className,\n dir,\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedBy,\n },\n ref,\n) {\n const { t } = useTranslation();\n const generatedErrorId = useId();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const currentOption = options.find((option) => option.value === value);\n\n if (!currentOption) {\n throw new Error(\n `WorkflowStatusControl requires an option matching value \"${value}\".`,\n );\n }\n\n const resolvedWorkflowLabel =\n workflowLabel ?? t('workflowStatus.label', 'Workflow');\n const resolvedMenuLabel =\n menuLabel ?? t('workflowStatus.menuLabel', 'Workflow statuses');\n const resolvedSavingLabel =\n savingLabel ?? t('workflowStatus.saving', 'Saving workflow status');\n const resolvedErrorMessage =\n errorMessage ??\n t(\n 'workflowStatus.saveFailed',\n 'Could not change workflow status. The previous status is still shown.',\n );\n const resolvedAriaLabel =\n ariaLabel ??\n t('workflowStatus.changeLabel', 'Change workflow status: {{status}}', {\n status: currentOption.label,\n });\n const hasError = error \|\| Boolean(errorMessage);\n const inactive = disabled \|\| saving;\n const errorId = id ? `${id}-error` : generatedErrorId;\n const describedBy =\n [ariaDescribedBy, hasError ? errorId : undefined]\n .filter(Boolean)\n .join(' ') \|\| undefined;\n const operation = saving\n ? 'saving'\n : disabled\n ? 'disabled'\n : hasError\n ? 'error'\n : 'idle';\n const [openValue, setOpen] = useControllableState<boolean>({\n value: openProp,\n defaultValue: defaultOpen,\n onChange: onOpenChange,\n });\n const isOpen = Boolean(openValue) && !inactive;\n\n const changeValue = useCallback(\n (next: string): void \| Promise<void> => {\n if (inactive \|\| next === value) return;\n const nextOption = options.find((option) => option.value === next);\n if (!nextOption \|\| nextOption.disabled) return;\n return onValueChange(next);\n },\n [inactive, onValueChange, options, value],\n );\n\n const handle = useMemo<WorkflowStatusControlHandle>(\n () => ({\n getValue: () => value,\n getIsOpen: () => isOpen,\n getIsSaving: () => saving,\n setValue: changeValue,\n open: () => {\n if (!inactive) setOpen(true);\n },\n close: () => setOpen(false),\n focus: () => triggerRef.current?.focus(),\n }),\n [changeValue, inactive, isOpen, saving, setOpen, value],\n );\n\n useImperativeHandle(ref, () => handle, [handle]);\n useAgentRegistration(workflowStatusAgent, handle, id);\n\n return (\n <div\n id={id}\n dir={dir}\n data-component=\"workflow-status\"\n data-component-id={id}\n data-state={value}\n data-variant=\"control\"\n data-saving={saving ? '' : undefined}\n data-error={hasError ? '' : undefined}\n className={rootVariants({ size, className })}\n >\n <DropdownMenu.Root\n dir={dir}\n open={isOpen}\n onOpenChange={(next) => {\n if (next && inactive) return;\n setOpen(next);\n }}\n >\n <DropdownMenu.Trigger asChild>\n <button\n ref={triggerRef}\n id={id ? `${id}-trigger` : undefined}\n type=\"button\"\n disabled={inactive}\n aria-label={resolvedAriaLabel}\n aria-describedby={describedBy}\n aria-busy={saving}\n data-open={isOpen ? '' : undefined}\n className={surfaceVariants({\n size,\n interactive: true,\n operation,\n })}\n >\n <WorkflowStatusSurface\n option={currentOption}\n workflowLabel={resolvedWorkflowLabel}\n size={size}\n interactive\n operation={operation}\n error={hasError}\n />\n </button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content align=\"start\">\n <DropdownMenu.Label>{resolvedMenuLabel}</DropdownMenu.Label>\n <DropdownMenu.RadioGroup\n value={value}\n onValueChange={(next) => {\n // Close explicitly. `isOpen` is derived (`openValue &&\n // !inactive`), so a caller flipping `saving` in this same\n // event already controls the Root to `open={false}`, and\n // Radix swallows its own `onOpenChange` when the value\n // matches. `openValue` would stay true and the menu would\n // spring back once `saving` cleared.\n setOpen(false);\n triggerRef.current?.focus();\n void changeValue(next);\n }}\n >\n {options.map((option) => (\n <DropdownMenu.RadioItem\n key={option.value}\n value={option.value}\n disabled={inactive \|\| option.disabled}\n data-option-id={option.value}\n >\n <span className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]\">\n <span\n aria-hidden=\"true\"\n data-workflow-status-icon=\"\"\n data-tone={option.tone}\n className={iconVariants({\n tone: option.tone,\n size: 'menu',\n })}\n >\n {option.icon}\n </span>\n <span className=\"ds:min-w-0 ds:truncate\" title={option.label}>\n {option.label}\n </span>\n </span>\n </DropdownMenu.RadioItem>\n ))}\n </DropdownMenu.RadioGroup>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n <span\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"ds:sr-only\"\n >\n {saving ? resolvedSavingLabel : ''}\n </span>\n {hasError ? (\n <div id={errorId} role=\"alert\" className={errorVariants()}>\n <AlertCircle aria-hidden=\"true\" />\n <span>{resolvedErrorMessage}</span>\n </div>\n ) : null}\n </div>\n );\n});\n\nWorkflowStatusControl.displayName = 'WorkflowStatusControl';\n"],"names":["workflowStatusAgent","handle","args","rootVariants","cva","surfaceVariants","INPUT_SURFACE_HEIGHT","iconVariants","labelGroupVariants","valueVariants","trailingVariants","errorVariants","WorkflowStatusSurface","option","workflowLabel","size","interactive","operation","error","jsxs","Fragment","jsx","AlertCircle","LoaderCircle","ChevronDown","WorkflowStatusDisplay","forwardRef","value","id","className","dir","ref","t","useTranslation","resolvedWorkflowLabel","WorkflowStatusControl","options","onValueChange","disabled","saving","errorMessage","menuLabel","savingLabel","openProp","defaultOpen","onOpenChange","ariaLabel","ariaDescribedBy","generatedErrorId","useId","triggerRef","useRef","currentOption","resolvedMenuLabel","resolvedSavingLabel","resolvedErrorMessage","resolvedAriaLabel","hasError","inactive","errorId","describedBy","openValue","setOpen","useControllableState","isOpen","changeValue","useCallback","next","nextOption","useMemo","_a","useImperativeHandle","useAgentRegistration","DropdownMenu"],"mappings":"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"}