@nucleux/md3-modes 0.7.0 → 0.8.0

package/dist/index.cjs

@@ -5,6 +5,7 @@ var React = require('react');
 var lucideReact = require('lucide-react');
 var utils = require('@nucleux/utils');
 var modes = require('@nucleux/modes');
+var md3OpenInput = require('@nucleux/md3-open-input');
 var md3AgentComposer = require('@nucleux/md3-agent-composer');
 var md3Button = require('@nucleux/md3-button');
 var md3Chip = require('@nucleux/md3-chip');
@@ -223,6 +224,7 @@ var Md3ModesPicker = React__namespace.forwardRef(
     rejected,
     showDescriptions = true,
     autoFocus = false,
+    showClose = false,
     className,
     onKeyDown,
     ...props
@@ -253,9 +255,10 @@ var Md3ModesPicker = React__namespace.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 px-3 pb-2 pt-2.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("relative flex flex-col gap-0.5 px-3 pb-2 pt-2.5", showClose && "pr-12"), children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-medium leading-6 text-md-on-surface", children: label }),
-            description != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-[18px] text-md-on-surface-variant", children: description })
+            description != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-[18px] text-md-on-surface-variant", children: description }),
+            showClose && /* @__PURE__ */ jsxRuntime.jsx(md3IconButton.Md3IconButton, { "aria-label": modes.modesLabels.close, onClick: onClose, className: "absolute right-0 top-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true" }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Md3ModesList,
@@ -330,6 +333,9 @@ var Md3Modes = React__namespace.forwardRef(
     composerLeading,
     composerActions,
     sendLabel: _sendLabel,
+    trigger = "chip",
+    settingsItems,
+    onSettingsSelect,
     className,
     ...props
   }, ref) => {
@@ -406,6 +412,23 @@ var Md3Modes = React__namespace.forwardRef(
         onRemove: clearable ? clearMode : void 0
       }
     ) });
+    const settings = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: chipBoxRef, className: "inline-flex", children: /* @__PURE__ */ jsxRuntime.jsx(
+      md3OpenInput.Md3RequestSettings,
+      {
+        ref: chipRef,
+        items: md3OpenInput.mergeRequestSettingsItems(modes.modesSettingsItem(label, s.mode, /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontal, {})), settingsItems),
+        onSelect: (id) => {
+          if (id !== "mode") return onSettingsSelect?.(id);
+          setUserOpened(true);
+          s.setOpen(true);
+        },
+        onOpenChange: (o) => {
+          if (o && s.open) s.setOpen(false);
+        },
+        className: variant === "composer" ? "static [&>[role=menu]]:left-10" : void 0
+      }
+    ) });
+    const control = trigger === "settings" ? settings : chip;
     const picker = s.open ? /* @__PURE__ */ jsxRuntime.jsx(
       Md3ModesPicker,
       {
@@ -420,6 +443,7 @@ var Md3Modes = React__namespace.forwardRef(
         rejected,
         showDescriptions,
         autoFocus: userOpened,
+        showClose: trigger === "settings",
         className: utils.cn(
           "absolute z-50",
           variant === "chip" ? "bottom-full left-0 mb-2 w-[22rem]" : "inset-x-0 bottom-full mb-2"
@@ -447,7 +471,7 @@ var Md3Modes = React__namespace.forwardRef(
     }
     if (variant === "chip") {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: utils.cn("relative inline-flex flex-col items-start gap-2", className), ...props, children: [
-        chip,
+        control,
         picker,
         note,
         live
@@ -467,13 +491,16 @@ var Md3Modes = React__namespace.forwardRef(
             if (draftProp === void 0) setInternalDraft("");
           },
           placeholder,
-          leftActions: composerLeading,
+          leftActions: trigger === "settings" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            composerLeading,
+            settings
+          ] }) : composerLeading,
           rightActions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            chip,
+            trigger === "chip" && chip,
             composerActions
           ] }),
           className: utils.cn(
-            "gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1"
+            "relative gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1"
           )
         }
       ),

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"names":["React","modes","useModesRoving","jsx","Md3SegmentedButton","cn","Md3SegmentedButtonItem","modeSupportingText","jsxs","Info","Check","ChevronDown","Md3Chip","SlidersHorizontal","modesLabels","Md3IconButton","X","Md3Menu","Md3Button","RefreshCw","useModes","useModesDismiss","Md3AgentComposer","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { Check, ChevronDown, Info, RefreshCw, SlidersHorizontal, X } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport {\n  modeSupportingText,\n  modesLabels,\n  useModes,\n  useModesDismiss,\n  useModesRoving,\n  type ModeOption,\n  type ModesChipProps,\n  type ModesListProps,\n  type ModesNoteProps,\n  type ModesNotice,\n  type ModesPickerProps,\n  type ModesProps,\n  type ModesSegmentedProps,\n  type ModesSubmitDetails,\n  type ModesVariant,\n} from \"@nucleux/modes\";\nimport { Md3AgentComposer } from \"@nucleux/md3-agent-composer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Chip } from \"@nucleux/md3-chip\";\nimport { Md3IconButton } from \"@nucleux/md3-icon-button\";\nimport { Md3Menu } from \"@nucleux/md3-menu\";\nimport { Md3SegmentedButton, Md3SegmentedButtonItem } from \"@nucleux/md3-segmented-button\";\n\nexport type Md3ModeOption = ModeOption;\nexport type Md3ModesNotice = ModesNotice;\nexport type Md3ModesVariant = ModesVariant;\nexport type Md3ModesSubmitDetails = ModesSubmitDetails;\nexport type Md3ModesProps = ModesProps;\nexport type Md3ModesSegmentedProps = ModesSegmentedProps;\nexport type Md3ModesListProps = ModesListProps;\nexport type Md3ModesChipProps = ModesChipProps;\nexport type Md3ModesPickerProps = ModesPickerProps;\nexport type Md3ModesNoteProps = ModesNoteProps;\n\nconst stateLayer =\n  \"before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:content-[''] hover:before:opacity-[0.08] focus-visible:before:opacity-[0.12] active:before:opacity-[0.12] motion-reduce:before:transition-none\";\n\n/**\n * Material 3 segmented control for Modes: an outlined track of segments, the\n * active one in secondary-container with a check. Same radio group and keyboard\n * model as the shadcn `ModesSegmented` (Arrow keys move, Space/Enter choose).\n */\nexport const Md3ModesSegmented = React.forwardRef<HTMLDivElement, Md3ModesSegmentedProps>(\n  ({ modes, value, onSelect, label = \"Mode\", className, ...props }, ref) => {\n    const roving = useModesRoving(modes, value);\n    return (\n      <Md3SegmentedButton\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        value={value ?? \"\"}\n        className={cn(\"divide-md-outline-variant border-md-outline-variant\", className)}\n        {...props}\n      >\n        {modes.map((m, i) => (\n          <Md3SegmentedButtonItem\n            key={m.id}\n            value={m.id}\n            icon={m.icon}\n            role=\"radio\"\n            aria-checked={m.id === value}\n            aria-pressed={undefined}\n            aria-disabled={m.unavailable ? true : undefined}\n            title={m.unavailable}\n            {...roving.getItemProps(i)}\n            onClick={() => onSelect(m.id)}\n            className={cn(\"min-w-[5.5rem] motion-reduce:transition-none\", m.unavailable && \"cursor-not-allowed opacity-[0.38]\")}\n          >\n            {m.shortName ?? m.name}\n          </Md3SegmentedButtonItem>\n        ))}\n      </Md3SegmentedButton>\n    );\n  },\n);\nMd3ModesSegmented.displayName = \"Md3ModesSegmented\";\n\n/**\n * Material 3 mode rows: a 40dp icon tile, the name and one line on what\n * changes; the active row in secondary-container with a primary tile and a\n * trailing check; an unavailable row dimmed with its reason. Same radio group\n * and keyboard model as the shadcn `ModesList`.\n */\nexport const Md3ModesList = React.forwardRef<HTMLDivElement, Md3ModesListProps>(\n  (\n    { modes, value, onSelect, label = \"Mode\", showDescriptions = true, framed = true, className, ...props },\n    ref,\n  ) => {\n    const roving = useModesRoving(modes, value);\n    const baseId = React.useId();\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        className={cn(\n          \"flex flex-col gap-0.5\",\n          framed && \"rounded-md-lg border border-md-outline-variant bg-md-surface p-2\",\n          className,\n        )}\n        {...props}\n      >\n        {modes.map((m, i) => {\n          const on = m.id === value;\n          const support = modeSupportingText(m, showDescriptions);\n          const descId = `${baseId}-${i}`;\n          return (\n            <button\n              key={m.id}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={on}\n              aria-disabled={m.unavailable ? true : undefined}\n              aria-labelledby={`${descId}-n`}\n              aria-describedby={support || m.unavailable ? descId : undefined}\n              {...roving.getItemProps(i)}\n              onClick={() => onSelect(m.id)}\n              className={cn(\n                \"relative flex min-h-14 w-full items-center gap-3 overflow-hidden rounded-md-md px-3 py-2.5 text-left transition-colors motion-reduce:transition-none\",\n                stateLayer,\n                \"outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-md-primary\",\n                on ? \"bg-md-secondary-container text-md-on-secondary-container\" : \"text-md-on-surface\",\n                m.unavailable && \"cursor-not-allowed\",\n              )}\n            >\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  \"relative grid size-10 shrink-0 place-items-center rounded-md-md text-base [&_svg]:size-[22px]\",\n                  on ? \"bg-md-primary text-md-on-primary\" : \"bg-md-surface-container-high text-md-on-surface-variant\",\n                  m.unavailable && \"opacity-[0.55]\",\n                )}\n              >\n                {m.icon}\n              </span>\n              <span className=\"relative flex min-w-0 flex-1 flex-col gap-0.5\">\n                <span id={`${descId}-n`} className={cn(\"text-sm font-medium leading-5\", m.unavailable && \"opacity-[0.55]\")}>\n                  {m.name}\n                </span>\n                {(support || m.unavailable) && (\n                  <span id={descId} className=\"flex flex-col gap-0.5 text-xs leading-[18px]\">\n                    {support && (\n                      <span className={cn(on ? \"text-current\" : \"text-md-on-surface-variant\", m.unavailable && \"opacity-[0.55]\")}>\n                        {support}\n                      </span>\n                    )}\n                    {m.unavailable && (\n                      <span className=\"inline-flex items-center gap-1 text-md-on-surface\">\n                        <Info aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n                        {m.unavailable}\n                      </span>\n                    )}\n                  </span>\n                )}\n              </span>\n              {on && <Check aria-hidden=\"true\" className=\"relative size-[22px] shrink-0 text-md-on-secondary-container\" />}\n            </button>\n          );\n        })}\n      </div>\n    );\n  },\n);\nMd3ModesList.displayName = \"Md3ModesList\";\n\n/**\n * The Material 3 Mode chip in the composer's settings row. Unset it is an\n * outlined assist chip (\"Mode ▾\"); set it becomes a tonal chip reading\n * \"Mode **Plan**\" with the mode's icon, a chevron that turns when open, and a\n * × that clears it. Same accessible names as the shadcn `ModesChip`.\n */\nexport const Md3ModesChip = React.forwardRef<HTMLButtonElement, Md3ModesChipProps>(\n  ({ mode, label = \"Mode\", open = false, onRemove, className, ...props }, ref) => {\n    const chevron = (\n      <ChevronDown\n        aria-hidden=\"true\"\n        className={cn(\"relative -mr-1 size-[18px] transition-transform motion-reduce:transition-none\", open && \"rotate-180\")}\n      />\n    );\n    if (!mode) {\n      return (\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          icon={<SlidersHorizontal aria-hidden=\"true\" />}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, null)}\n          className={cn(\"shrink-0 border-md-outline-variant font-normal [&_svg]:size-4\", open && \"border-md-primary\", className)}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            {label}\n            {chevron}\n          </span>\n        </Md3Chip>\n      );\n    }\n    return (\n      <span\n        className={cn(\n          \"inline-flex h-8 shrink-0 items-center rounded-md-sm bg-md-secondary-container text-md-on-secondary-container animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n      >\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          selected\n          icon={mode.icon}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, mode)}\n          className={cn(\"bg-transparent pl-2 font-normal [&_svg]:size-4\", onRemove ? \"rounded-r-none pr-1.5\" : \"pr-2.5\")}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            <span>{label}</span>\n            <span className=\"max-w-[18ch] truncate font-semibold\">{mode.shortName ?? mode.name}</span>\n            {chevron}\n          </span>\n        </Md3Chip>\n        {onRemove && (\n          <Md3IconButton\n            aria-label={modesLabels.remove(label, mode)}\n            onClick={onRemove}\n            className=\"h-8 w-7 rounded-none rounded-r-md-sm pr-1 text-current focus-visible:ring-offset-0 [&_svg]:size-3.5\"\n          >\n            <X aria-hidden=\"true\" />\n          </Md3IconButton>\n        )}\n      </span>\n    );\n  },\n);\nMd3ModesChip.displayName = \"Md3ModesChip\";\n\n/**\n * The Material 3 Mode picker: a menu surface with \"Mode\" and one line on what\n * a mode is, the mode rows, an error-container alert when an unavailable mode\n * was chosen, and a \"No mode\" text button. A dialog; Escape closes it.\n */\nexport const Md3ModesPicker = React.forwardRef<HTMLDivElement, Md3ModesPickerProps>(\n  (\n    {\n      modes,\n      value,\n      onSelect,\n      onClear,\n      onClose,\n      label = \"Mode\",\n      description = \"How the agent approaches this request. Model and effort stay as they are.\",\n      rejected,\n      showDescriptions = true,\n      autoFocus = false,\n      className,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const listRef = React.useRef<HTMLDivElement>(null);\n    React.useEffect(() => {\n      if (!autoFocus) return;\n      const el =\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"][aria-checked=\"true\"]') ??\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"]');\n      el?.focus();\n    }, [autoFocus]);\n    return (\n      <Md3Menu\n        ref={ref}\n        role=\"dialog\"\n        aria-label={modesLabels.picker(label)}\n        className={cn(\n          \"min-w-[18rem] rounded-md-lg border border-md-outline-variant bg-md-surface p-2 shadow-md-2 animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (e.key === \"Escape\") {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose?.();\n          }\n        }}\n        {...props}\n      >\n        <div className=\"flex flex-col gap-0.5 px-3 pb-2 pt-2.5\">\n          <p className=\"text-base font-medium leading-6 text-md-on-surface\">{label}</p>\n          {description != null && <p className=\"text-xs leading-[18px] text-md-on-surface-variant\">{description}</p>}\n        </div>\n        <Md3ModesList\n          ref={listRef}\n          modes={modes}\n          value={value}\n          onSelect={onSelect}\n          label={label}\n          framed={false}\n          showDescriptions={showDescriptions}\n        />\n        {rejected && (\n          <p\n            role=\"alert\"\n            className=\"mx-2 mb-1 mt-2 flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n          >\n            <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n            {modesLabels.unavailable(rejected)}\n          </p>\n        )}\n        {onClear && value != null && (\n          <div className=\"mx-1 mt-1.5\">\n            <Md3Button variant=\"text\" onClick={onClear}>\n              {modesLabels.clear}\n            </Md3Button>\n          </div>\n        )}\n      </Md3Menu>\n    );\n  },\n);\nMd3ModesPicker.displayName = \"Md3ModesPicker\";\n\n/** The one quiet line after a change, with a primary sync icon and an Undo text button. */\nexport const Md3ModesNote = React.forwardRef<HTMLDivElement, Md3ModesNoteProps>(\n  ({ onUndo, className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-2 px-2 text-[13px] leading-5 text-md-on-surface-variant animate-nx-fade-in motion-reduce:animate-none\",\n        className,\n      )}\n      {...props}\n    >\n      <RefreshCw aria-hidden=\"true\" className=\"size-[18px] shrink-0 text-md-primary\" />\n      <span className=\"min-w-0 flex-1\">{children}</span>\n      {onUndo && (\n        <Md3Button variant=\"text\" onClick={onUndo} className=\"h-8 px-2\">\n          {modesLabels.undo}\n        </Md3Button>\n      )}\n    </div>\n  ),\n);\nMd3ModesNote.displayName = \"Md3ModesNote\";\n\n/**\n * Material 3 Modes: choose how the agent approaches a request — Brainstorm,\n * Draft, Review, Plan — separate from which model answers. A Mode chip in the\n * composer's settings row opens a short list where each mode says what changes\n * and an unavailable one says why; the chip then reads \"Mode Plan\" with a way\n * to change or clear it, and a change adds one quiet line with Undo. Same API,\n * states, keyboard model and accessible names as `Modes` from\n * `@nucleux/modes`; choosing a mode never touches the text, and nothing is\n * sent until the person sends.\n */\nexport const Md3Modes = React.forwardRef<HTMLDivElement, Md3ModesProps>(\n  (\n    {\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      variant = \"composer\",\n      open,\n      defaultOpen,\n      onOpenChange,\n      clearable = true,\n      showDescriptions = true,\n      label = \"Mode\",\n      pickerDescription,\n      defaultNotice,\n      onUnavailable,\n      draft: draftProp,\n      defaultDraft = \"\",\n      onDraftChange,\n      onSubmit,\n      placeholder = \"Ask Aria…\",\n      composerLeading,\n      composerActions,\n      sendLabel: _sendLabel,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    void _sendLabel; // Md3AgentComposer names its send button \"Send\".\n    const s = useModes({\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      open,\n      defaultOpen,\n      onOpenChange,\n      defaultNotice,\n      onUnavailable,\n    });\n    const [internalDraft, setInternalDraft] = React.useState(defaultDraft);\n    const draft = draftProp ?? internalDraft;\n    const setDraft = (t: string) => {\n      if (draftProp === undefined) setInternalDraft(t);\n      onDraftChange?.(t);\n    };\n\n    const chipRef = React.useRef<HTMLButtonElement>(null);\n    const chipBoxRef = React.useRef<HTMLDivElement>(null);\n    const pickerRef = React.useRef<HTMLDivElement>(null);\n    const [userOpened, setUserOpened] = React.useState(false);\n    useModesDismiss([chipBoxRef, pickerRef], s.open, () => s.setOpen(false));\n\n    // Return focus to the chip after it re-renders (its element can change when a mode is set or cleared).\n    const [refocus, setRefocus] = React.useState(0);\n    React.useEffect(() => {\n      if (refocus) chipRef.current?.focus();\n    }, [refocus]);\n    const choose = (id: string) => {\n      const m = modes.find((x) => x.id === id);\n      const wasOpen = s.open;\n      s.select(id);\n      if (wasOpen && m && !m.unavailable) setRefocus((n) => n + 1);\n    };\n    const clearMode = () => {\n      s.clear();\n      setRefocus((n) => n + 1);\n    };\n    const undoChange = () => {\n      s.undo();\n      setRefocus((n) => n + 1);\n    };\n    const closePicker = () => {\n      s.setOpen(false);\n      setRefocus((n) => n + 1);\n    };\n    const notice = s.notice;\n    const rejected = notice?.type === \"unavailable\" ? (modes.find((m) => m.id === notice.id) ?? null) : null;\n    const changedTo = notice?.type === \"changed\" ? s.mode : null;\n\n    const note = changedTo ? <Md3ModesNote onUndo={undoChange}>{modesLabels.changed(changedTo)}</Md3ModesNote> : null;\n    const inlineAlert =\n      rejected && !s.open ? (\n        <p\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n        >\n          <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n          {modesLabels.unavailable(rejected)}\n        </p>\n      ) : null;\n\n    const chip = (\n      <div ref={chipBoxRef} className=\"inline-flex\">\n        <Md3ModesChip\n          ref={chipRef}\n          mode={s.mode}\n          label={label}\n          open={s.open}\n          onClick={() => {\n            setUserOpened(!s.open);\n            s.setOpen(!s.open);\n          }}\n          onRemove={clearable ? clearMode : undefined}\n        />\n      </div>\n    );\n    const picker = s.open ? (\n      <Md3ModesPicker\n        ref={pickerRef}\n        modes={modes}\n        value={s.value}\n        onSelect={choose}\n        onClear={clearable ? clearMode : undefined}\n        onClose={closePicker}\n        label={label}\n        description={pickerDescription}\n        rejected={rejected}\n        showDescriptions={showDescriptions}\n        autoFocus={userOpened}\n        className={cn(\n          \"absolute z-50\",\n          variant === \"chip\" ? \"bottom-full left-0 mb-2 w-[22rem]\" : \"inset-x-0 bottom-full mb-2\",\n        )}\n      />\n    ) : null;\n\n    const live = (\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {s.announcement}\n      </span>\n    );\n\n    if (variant === \"segmented\" || variant === \"list\") {\n      return (\n        <div ref={ref} className={cn(\"flex flex-col gap-2\", variant === \"segmented\" && \"items-start\", className)} {...props}>\n          {variant === \"segmented\" ? (\n            <Md3ModesSegmented modes={modes} value={s.value} onSelect={s.select} label={label} />\n          ) : (\n            <Md3ModesList\n              modes={modes}\n              value={s.value}\n              onSelect={s.select}\n              label={label}\n              showDescriptions={showDescriptions}\n              className=\"w-full max-w-[30rem]\"\n            />\n          )}\n          {inlineAlert}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    if (variant === \"chip\") {\n      return (\n        <div ref={ref} className={cn(\"relative inline-flex flex-col items-start gap-2\", className)} {...props}>\n          {chip}\n          {picker}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} className={cn(\"relative flex w-full max-w-[38rem] flex-col gap-2\", className)} {...props}>\n        {picker}\n        {note}\n        <Md3AgentComposer\n          value={draft}\n          onValueChange={setDraft}\n          onSubmit={(text) => {\n            onSubmit?.(text, { mode: s.mode });\n            s.dismissNotice();\n            if (draftProp === undefined) setInternalDraft(\"\");\n          }}\n          placeholder={placeholder}\n          leftActions={composerLeading}\n          rightActions={\n            <>\n              {chip}\n              {composerActions}\n            </>\n          }\n          className={cn(\n            \"gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1\",\n          )}\n        />\n        {live}\n      </div>\n    );\n  },\n);\nMd3Modes.displayName = \"Md3Modes\";\n"]}
+{"version":3,"sources":["../src/index.tsx"],"names":["React","modes","useModesRoving","jsx","Md3SegmentedButton","cn","Md3SegmentedButtonItem","modeSupportingText","jsxs","Info","Check","ChevronDown","Md3Chip","SlidersHorizontal","modesLabels","Md3IconButton","X","Md3Menu","Md3Button","RefreshCw","useModes","useModesDismiss","Md3RequestSettings","mergeRequestSettingsItems","modesSettingsItem","Md3AgentComposer","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { Check, ChevronDown, Info, RefreshCw, SlidersHorizontal, X } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport {\n  modeSupportingText,\n  modesLabels,\n  modesSettingsItem,\n  useModes,\n  useModesDismiss,\n  useModesRoving,\n  type ModeOption,\n  type ModesChipProps,\n  type ModesListProps,\n  type ModesNoteProps,\n  type ModesNotice,\n  type ModesPickerProps,\n  type ModesProps,\n  type ModesSegmentedProps,\n  type ModesSubmitDetails,\n  type ModesTrigger,\n  type ModesVariant,\n} from \"@nucleux/modes\";\nimport { Md3RequestSettings, mergeRequestSettingsItems } from \"@nucleux/md3-open-input\";\nimport { Md3AgentComposer } from \"@nucleux/md3-agent-composer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Chip } from \"@nucleux/md3-chip\";\nimport { Md3IconButton } from \"@nucleux/md3-icon-button\";\nimport { Md3Menu } from \"@nucleux/md3-menu\";\nimport { Md3SegmentedButton, Md3SegmentedButtonItem } from \"@nucleux/md3-segmented-button\";\n\nexport type Md3ModeOption = ModeOption;\nexport type Md3ModesNotice = ModesNotice;\nexport type Md3ModesVariant = ModesVariant;\nexport type Md3ModesTrigger = ModesTrigger;\nexport type Md3ModesSubmitDetails = ModesSubmitDetails;\nexport type Md3ModesProps = ModesProps;\nexport type Md3ModesSegmentedProps = ModesSegmentedProps;\nexport type Md3ModesListProps = ModesListProps;\nexport type Md3ModesChipProps = ModesChipProps;\nexport type Md3ModesPickerProps = ModesPickerProps;\nexport type Md3ModesNoteProps = ModesNoteProps;\n\nconst stateLayer =\n  \"before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:content-[''] hover:before:opacity-[0.08] focus-visible:before:opacity-[0.12] active:before:opacity-[0.12] motion-reduce:before:transition-none\";\n\n/**\n * Material 3 segmented control for Modes: an outlined track of segments, the\n * active one in secondary-container with a check. Same radio group and keyboard\n * model as the shadcn `ModesSegmented` (Arrow keys move, Space/Enter choose).\n */\nexport const Md3ModesSegmented = React.forwardRef<HTMLDivElement, Md3ModesSegmentedProps>(\n  ({ modes, value, onSelect, label = \"Mode\", className, ...props }, ref) => {\n    const roving = useModesRoving(modes, value);\n    return (\n      <Md3SegmentedButton\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        value={value ?? \"\"}\n        className={cn(\"divide-md-outline-variant border-md-outline-variant\", className)}\n        {...props}\n      >\n        {modes.map((m, i) => (\n          <Md3SegmentedButtonItem\n            key={m.id}\n            value={m.id}\n            icon={m.icon}\n            role=\"radio\"\n            aria-checked={m.id === value}\n            aria-pressed={undefined}\n            aria-disabled={m.unavailable ? true : undefined}\n            title={m.unavailable}\n            {...roving.getItemProps(i)}\n            onClick={() => onSelect(m.id)}\n            className={cn(\"min-w-[5.5rem] motion-reduce:transition-none\", m.unavailable && \"cursor-not-allowed opacity-[0.38]\")}\n          >\n            {m.shortName ?? m.name}\n          </Md3SegmentedButtonItem>\n        ))}\n      </Md3SegmentedButton>\n    );\n  },\n);\nMd3ModesSegmented.displayName = \"Md3ModesSegmented\";\n\n/**\n * Material 3 mode rows: a 40dp icon tile, the name and one line on what\n * changes; the active row in secondary-container with a primary tile and a\n * trailing check; an unavailable row dimmed with its reason. Same radio group\n * and keyboard model as the shadcn `ModesList`.\n */\nexport const Md3ModesList = React.forwardRef<HTMLDivElement, Md3ModesListProps>(\n  (\n    { modes, value, onSelect, label = \"Mode\", showDescriptions = true, framed = true, className, ...props },\n    ref,\n  ) => {\n    const roving = useModesRoving(modes, value);\n    const baseId = React.useId();\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        className={cn(\n          \"flex flex-col gap-0.5\",\n          framed && \"rounded-md-lg border border-md-outline-variant bg-md-surface p-2\",\n          className,\n        )}\n        {...props}\n      >\n        {modes.map((m, i) => {\n          const on = m.id === value;\n          const support = modeSupportingText(m, showDescriptions);\n          const descId = `${baseId}-${i}`;\n          return (\n            <button\n              key={m.id}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={on}\n              aria-disabled={m.unavailable ? true : undefined}\n              aria-labelledby={`${descId}-n`}\n              aria-describedby={support || m.unavailable ? descId : undefined}\n              {...roving.getItemProps(i)}\n              onClick={() => onSelect(m.id)}\n              className={cn(\n                \"relative flex min-h-14 w-full items-center gap-3 overflow-hidden rounded-md-md px-3 py-2.5 text-left transition-colors motion-reduce:transition-none\",\n                stateLayer,\n                \"outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-md-primary\",\n                on ? \"bg-md-secondary-container text-md-on-secondary-container\" : \"text-md-on-surface\",\n                m.unavailable && \"cursor-not-allowed\",\n              )}\n            >\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  \"relative grid size-10 shrink-0 place-items-center rounded-md-md text-base [&_svg]:size-[22px]\",\n                  on ? \"bg-md-primary text-md-on-primary\" : \"bg-md-surface-container-high text-md-on-surface-variant\",\n                  m.unavailable && \"opacity-[0.55]\",\n                )}\n              >\n                {m.icon}\n              </span>\n              <span className=\"relative flex min-w-0 flex-1 flex-col gap-0.5\">\n                <span id={`${descId}-n`} className={cn(\"text-sm font-medium leading-5\", m.unavailable && \"opacity-[0.55]\")}>\n                  {m.name}\n                </span>\n                {(support || m.unavailable) && (\n                  <span id={descId} className=\"flex flex-col gap-0.5 text-xs leading-[18px]\">\n                    {support && (\n                      <span className={cn(on ? \"text-current\" : \"text-md-on-surface-variant\", m.unavailable && \"opacity-[0.55]\")}>\n                        {support}\n                      </span>\n                    )}\n                    {m.unavailable && (\n                      <span className=\"inline-flex items-center gap-1 text-md-on-surface\">\n                        <Info aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n                        {m.unavailable}\n                      </span>\n                    )}\n                  </span>\n                )}\n              </span>\n              {on && <Check aria-hidden=\"true\" className=\"relative size-[22px] shrink-0 text-md-on-secondary-container\" />}\n            </button>\n          );\n        })}\n      </div>\n    );\n  },\n);\nMd3ModesList.displayName = \"Md3ModesList\";\n\n/**\n * The Material 3 Mode chip in the composer's settings row. Unset it is an\n * outlined assist chip (\"Mode ▾\"); set it becomes a tonal chip reading\n * \"Mode **Plan**\" with the mode's icon, a chevron that turns when open, and a\n * × that clears it. Same accessible names as the shadcn `ModesChip`.\n */\nexport const Md3ModesChip = React.forwardRef<HTMLButtonElement, Md3ModesChipProps>(\n  ({ mode, label = \"Mode\", open = false, onRemove, className, ...props }, ref) => {\n    const chevron = (\n      <ChevronDown\n        aria-hidden=\"true\"\n        className={cn(\"relative -mr-1 size-[18px] transition-transform motion-reduce:transition-none\", open && \"rotate-180\")}\n      />\n    );\n    if (!mode) {\n      return (\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          icon={<SlidersHorizontal aria-hidden=\"true\" />}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, null)}\n          className={cn(\"shrink-0 border-md-outline-variant font-normal [&_svg]:size-4\", open && \"border-md-primary\", className)}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            {label}\n            {chevron}\n          </span>\n        </Md3Chip>\n      );\n    }\n    return (\n      <span\n        className={cn(\n          \"inline-flex h-8 shrink-0 items-center rounded-md-sm bg-md-secondary-container text-md-on-secondary-container animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n      >\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          selected\n          icon={mode.icon}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, mode)}\n          className={cn(\"bg-transparent pl-2 font-normal [&_svg]:size-4\", onRemove ? \"rounded-r-none pr-1.5\" : \"pr-2.5\")}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            <span>{label}</span>\n            <span className=\"max-w-[18ch] truncate font-semibold\">{mode.shortName ?? mode.name}</span>\n            {chevron}\n          </span>\n        </Md3Chip>\n        {onRemove && (\n          <Md3IconButton\n            aria-label={modesLabels.remove(label, mode)}\n            onClick={onRemove}\n            className=\"h-8 w-7 rounded-none rounded-r-md-sm pr-1 text-current focus-visible:ring-offset-0 [&_svg]:size-3.5\"\n          >\n            <X aria-hidden=\"true\" />\n          </Md3IconButton>\n        )}\n      </span>\n    );\n  },\n);\nMd3ModesChip.displayName = \"Md3ModesChip\";\n\n/**\n * The Material 3 Mode picker: a menu surface with \"Mode\" and one line on what\n * a mode is, the mode rows, an error-container alert when an unavailable mode\n * was chosen, and a \"No mode\" text button. A dialog; Escape closes it.\n */\nexport const Md3ModesPicker = React.forwardRef<HTMLDivElement, Md3ModesPickerProps>(\n  (\n    {\n      modes,\n      value,\n      onSelect,\n      onClear,\n      onClose,\n      label = \"Mode\",\n      description = \"How the agent approaches this request. Model and effort stay as they are.\",\n      rejected,\n      showDescriptions = true,\n      autoFocus = false,\n      showClose = false,\n      className,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const listRef = React.useRef<HTMLDivElement>(null);\n    React.useEffect(() => {\n      if (!autoFocus) return;\n      const el =\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"][aria-checked=\"true\"]') ??\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"]');\n      el?.focus();\n    }, [autoFocus]);\n    return (\n      <Md3Menu\n        ref={ref}\n        role=\"dialog\"\n        aria-label={modesLabels.picker(label)}\n        className={cn(\n          \"min-w-[18rem] rounded-md-lg border border-md-outline-variant bg-md-surface p-2 shadow-md-2 animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (e.key === \"Escape\") {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose?.();\n          }\n        }}\n        {...props}\n      >\n        <div className={cn(\"relative flex flex-col gap-0.5 px-3 pb-2 pt-2.5\", showClose && \"pr-12\")}>\n          <p className=\"text-base font-medium leading-6 text-md-on-surface\">{label}</p>\n          {description != null && <p className=\"text-xs leading-[18px] text-md-on-surface-variant\">{description}</p>}\n          {showClose && (\n            <Md3IconButton aria-label={modesLabels.close} onClick={onClose} className=\"absolute right-0 top-0\">\n              <X aria-hidden=\"true\" />\n            </Md3IconButton>\n          )}\n        </div>\n        <Md3ModesList\n          ref={listRef}\n          modes={modes}\n          value={value}\n          onSelect={onSelect}\n          label={label}\n          framed={false}\n          showDescriptions={showDescriptions}\n        />\n        {rejected && (\n          <p\n            role=\"alert\"\n            className=\"mx-2 mb-1 mt-2 flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n          >\n            <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n            {modesLabels.unavailable(rejected)}\n          </p>\n        )}\n        {onClear && value != null && (\n          <div className=\"mx-1 mt-1.5\">\n            <Md3Button variant=\"text\" onClick={onClear}>\n              {modesLabels.clear}\n            </Md3Button>\n          </div>\n        )}\n      </Md3Menu>\n    );\n  },\n);\nMd3ModesPicker.displayName = \"Md3ModesPicker\";\n\n/** The one quiet line after a change, with a primary sync icon and an Undo text button. */\nexport const Md3ModesNote = React.forwardRef<HTMLDivElement, Md3ModesNoteProps>(\n  ({ onUndo, className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-2 px-2 text-[13px] leading-5 text-md-on-surface-variant animate-nx-fade-in motion-reduce:animate-none\",\n        className,\n      )}\n      {...props}\n    >\n      <RefreshCw aria-hidden=\"true\" className=\"size-[18px] shrink-0 text-md-primary\" />\n      <span className=\"min-w-0 flex-1\">{children}</span>\n      {onUndo && (\n        <Md3Button variant=\"text\" onClick={onUndo} className=\"h-8 px-2\">\n          {modesLabels.undo}\n        </Md3Button>\n      )}\n    </div>\n  ),\n);\nMd3ModesNote.displayName = \"Md3ModesNote\";\n\n/**\n * Material 3 Modes: choose how the agent approaches a request — Brainstorm,\n * Draft, Review, Plan — separate from which model answers. A Mode chip in the\n * composer's settings row opens a short list where each mode says what changes\n * and an unavailable one says why; the chip then reads \"Mode Plan\" with a way\n * to change or clear it, and a change adds one quiet line with Undo. Same API,\n * states, keyboard model and accessible names as `Modes` from\n * `@nucleux/modes`; choosing a mode never touches the text, and nothing is\n * sent until the person sends.\n */\nexport const Md3Modes = React.forwardRef<HTMLDivElement, Md3ModesProps>(\n  (\n    {\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      variant = \"composer\",\n      open,\n      defaultOpen,\n      onOpenChange,\n      clearable = true,\n      showDescriptions = true,\n      label = \"Mode\",\n      pickerDescription,\n      defaultNotice,\n      onUnavailable,\n      draft: draftProp,\n      defaultDraft = \"\",\n      onDraftChange,\n      onSubmit,\n      placeholder = \"Ask Aria…\",\n      composerLeading,\n      composerActions,\n      sendLabel: _sendLabel,\n      trigger = \"chip\",\n      settingsItems,\n      onSettingsSelect,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    void _sendLabel; // Md3AgentComposer names its send button \"Send\".\n    const s = useModes({\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      open,\n      defaultOpen,\n      onOpenChange,\n      defaultNotice,\n      onUnavailable,\n    });\n    const [internalDraft, setInternalDraft] = React.useState(defaultDraft);\n    const draft = draftProp ?? internalDraft;\n    const setDraft = (t: string) => {\n      if (draftProp === undefined) setInternalDraft(t);\n      onDraftChange?.(t);\n    };\n\n    const chipRef = React.useRef<HTMLButtonElement>(null);\n    const chipBoxRef = React.useRef<HTMLDivElement>(null);\n    const pickerRef = React.useRef<HTMLDivElement>(null);\n    const [userOpened, setUserOpened] = React.useState(false);\n    useModesDismiss([chipBoxRef, pickerRef], s.open, () => s.setOpen(false));\n\n    // Return focus to the chip after it re-renders (its element can change when a mode is set or cleared).\n    const [refocus, setRefocus] = React.useState(0);\n    React.useEffect(() => {\n      if (refocus) chipRef.current?.focus();\n    }, [refocus]);\n    const choose = (id: string) => {\n      const m = modes.find((x) => x.id === id);\n      const wasOpen = s.open;\n      s.select(id);\n      if (wasOpen && m && !m.unavailable) setRefocus((n) => n + 1);\n    };\n    const clearMode = () => {\n      s.clear();\n      setRefocus((n) => n + 1);\n    };\n    const undoChange = () => {\n      s.undo();\n      setRefocus((n) => n + 1);\n    };\n    const closePicker = () => {\n      s.setOpen(false);\n      setRefocus((n) => n + 1);\n    };\n    const notice = s.notice;\n    const rejected = notice?.type === \"unavailable\" ? (modes.find((m) => m.id === notice.id) ?? null) : null;\n    const changedTo = notice?.type === \"changed\" ? s.mode : null;\n\n    const note = changedTo ? <Md3ModesNote onUndo={undoChange}>{modesLabels.changed(changedTo)}</Md3ModesNote> : null;\n    const inlineAlert =\n      rejected && !s.open ? (\n        <p\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n        >\n          <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n          {modesLabels.unavailable(rejected)}\n        </p>\n      ) : null;\n\n    const chip = (\n      <div ref={chipBoxRef} className=\"inline-flex\">\n        <Md3ModesChip\n          ref={chipRef}\n          mode={s.mode}\n          label={label}\n          open={s.open}\n          onClick={() => {\n            setUserOpened(!s.open);\n            s.setOpen(!s.open);\n          }}\n          onRemove={clearable ? clearMode : undefined}\n        />\n      </div>\n    );\n    const settings = (\n      <div ref={chipBoxRef} className=\"inline-flex\">\n        <Md3RequestSettings\n          ref={chipRef}\n          items={mergeRequestSettingsItems(modesSettingsItem(label, s.mode, <SlidersHorizontal />), settingsItems)}\n          onSelect={(id) => {\n            if (id !== \"mode\") return onSettingsSelect?.(id);\n            setUserOpened(true);\n            s.setOpen(true);\n          }}\n          onOpenChange={(o) => {\n            if (o && s.open) s.setOpen(false);\n          }}\n          className={variant === \"composer\" ? \"static [&>[role=menu]]:left-10\" : undefined}\n        />\n      </div>\n    );\n    const control = trigger === \"settings\" ? settings : chip;\n\n    const picker = s.open ? (\n      <Md3ModesPicker\n        ref={pickerRef}\n        modes={modes}\n        value={s.value}\n        onSelect={choose}\n        onClear={clearable ? clearMode : undefined}\n        onClose={closePicker}\n        label={label}\n        description={pickerDescription}\n        rejected={rejected}\n        showDescriptions={showDescriptions}\n        autoFocus={userOpened}\n        showClose={trigger === \"settings\"}\n        className={cn(\n          \"absolute z-50\",\n          variant === \"chip\" ? \"bottom-full left-0 mb-2 w-[22rem]\" : \"inset-x-0 bottom-full mb-2\",\n        )}\n      />\n    ) : null;\n\n    const live = (\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {s.announcement}\n      </span>\n    );\n\n    if (variant === \"segmented\" || variant === \"list\") {\n      return (\n        <div ref={ref} className={cn(\"flex flex-col gap-2\", variant === \"segmented\" && \"items-start\", className)} {...props}>\n          {variant === \"segmented\" ? (\n            <Md3ModesSegmented modes={modes} value={s.value} onSelect={s.select} label={label} />\n          ) : (\n            <Md3ModesList\n              modes={modes}\n              value={s.value}\n              onSelect={s.select}\n              label={label}\n              showDescriptions={showDescriptions}\n              className=\"w-full max-w-[30rem]\"\n            />\n          )}\n          {inlineAlert}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    if (variant === \"chip\") {\n      return (\n        <div ref={ref} className={cn(\"relative inline-flex flex-col items-start gap-2\", className)} {...props}>\n          {control}\n          {picker}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} className={cn(\"relative flex w-full max-w-[38rem] flex-col gap-2\", className)} {...props}>\n        {picker}\n        {note}\n        <Md3AgentComposer\n          value={draft}\n          onValueChange={setDraft}\n          onSubmit={(text) => {\n            onSubmit?.(text, { mode: s.mode });\n            s.dismissNotice();\n            if (draftProp === undefined) setInternalDraft(\"\");\n          }}\n          placeholder={placeholder}\n          leftActions={\n            trigger === \"settings\" ? (\n              <>\n                {composerLeading}\n                {settings}\n              </>\n            ) : (\n              composerLeading\n            )\n          }\n          rightActions={\n            <>\n              {trigger === \"chip\" && chip}\n              {composerActions}\n            </>\n          }\n          className={cn(\n            \"relative gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1\",\n          )}\n        />\n        {live}\n      </div>\n    );\n  },\n);\nMd3Modes.displayName = \"Md3Modes\";\n"]}

package/dist/index.d.cts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { ModeOption, ModesProps, ModesChipProps, ModesListProps, ModesNoteProps, ModesNotice, ModesPickerProps, ModesSegmentedProps, ModesSubmitDetails, ModesVariant } from '@nucleux/modes';
+import { ModeOption, ModesProps, ModesChipProps, ModesListProps, ModesNoteProps, ModesNotice, ModesPickerProps, ModesSegmentedProps, ModesSubmitDetails, ModesTrigger, ModesVariant } from '@nucleux/modes';
 
 type Md3ModeOption = ModeOption;
 type Md3ModesNotice = ModesNotice;
 type Md3ModesVariant = ModesVariant;
+type Md3ModesTrigger = ModesTrigger;
 type Md3ModesSubmitDetails = ModesSubmitDetails;
 type Md3ModesProps = ModesProps;
 type Md3ModesSegmentedProps = ModesSegmentedProps;
@@ -51,4 +52,4 @@ declare const Md3ModesNote: React.ForwardRefExoticComponent<ModesNoteProps & Rea
  */
 declare const Md3Modes: React.ForwardRefExoticComponent<ModesProps & React.RefAttributes<HTMLDivElement>>;
 
-export { type Md3ModeOption, Md3Modes, Md3ModesChip, type Md3ModesChipProps, Md3ModesList, type Md3ModesListProps, Md3ModesNote, type Md3ModesNoteProps, type Md3ModesNotice, Md3ModesPicker, type Md3ModesPickerProps, type Md3ModesProps, Md3ModesSegmented, type Md3ModesSegmentedProps, type Md3ModesSubmitDetails, type Md3ModesVariant };
+export { type Md3ModeOption, Md3Modes, Md3ModesChip, type Md3ModesChipProps, Md3ModesList, type Md3ModesListProps, Md3ModesNote, type Md3ModesNoteProps, type Md3ModesNotice, Md3ModesPicker, type Md3ModesPickerProps, type Md3ModesProps, Md3ModesSegmented, type Md3ModesSegmentedProps, type Md3ModesSubmitDetails, type Md3ModesTrigger, type Md3ModesVariant };

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { ModeOption, ModesProps, ModesChipProps, ModesListProps, ModesNoteProps, ModesNotice, ModesPickerProps, ModesSegmentedProps, ModesSubmitDetails, ModesVariant } from '@nucleux/modes';
+import { ModeOption, ModesProps, ModesChipProps, ModesListProps, ModesNoteProps, ModesNotice, ModesPickerProps, ModesSegmentedProps, ModesSubmitDetails, ModesTrigger, ModesVariant } from '@nucleux/modes';
 
 type Md3ModeOption = ModeOption;
 type Md3ModesNotice = ModesNotice;
 type Md3ModesVariant = ModesVariant;
+type Md3ModesTrigger = ModesTrigger;
 type Md3ModesSubmitDetails = ModesSubmitDetails;
 type Md3ModesProps = ModesProps;
 type Md3ModesSegmentedProps = ModesSegmentedProps;
@@ -51,4 +52,4 @@ declare const Md3ModesNote: React.ForwardRefExoticComponent<ModesNoteProps & Rea
  */
 declare const Md3Modes: React.ForwardRefExoticComponent<ModesProps & React.RefAttributes<HTMLDivElement>>;
 
-export { type Md3ModeOption, Md3Modes, Md3ModesChip, type Md3ModesChipProps, Md3ModesList, type Md3ModesListProps, Md3ModesNote, type Md3ModesNoteProps, type Md3ModesNotice, Md3ModesPicker, type Md3ModesPickerProps, type Md3ModesProps, Md3ModesSegmented, type Md3ModesSegmentedProps, type Md3ModesSubmitDetails, type Md3ModesVariant };
+export { type Md3ModeOption, Md3Modes, Md3ModesChip, type Md3ModesChipProps, Md3ModesList, type Md3ModesListProps, Md3ModesNote, type Md3ModesNoteProps, type Md3ModesNotice, Md3ModesPicker, type Md3ModesPickerProps, type Md3ModesProps, Md3ModesSegmented, type Md3ModesSegmentedProps, type Md3ModesSubmitDetails, type Md3ModesTrigger, type Md3ModesVariant };

package/dist/index.js

@@ -2,7 +2,8 @@
 import * as React from 'react';
 import { Info, Check, ChevronDown, SlidersHorizontal, X, RefreshCw } from 'lucide-react';
 import { cn } from '@nucleux/utils';
-import { useModesRoving, modeSupportingText, modesLabels, useModes, useModesDismiss } from '@nucleux/modes';
+import { useModesRoving, modeSupportingText, modesLabels, useModes, useModesDismiss, modesSettingsItem } from '@nucleux/modes';
+import { Md3RequestSettings, mergeRequestSettingsItems } from '@nucleux/md3-open-input';
 import { Md3AgentComposer } from '@nucleux/md3-agent-composer';
 import { Md3Button } from '@nucleux/md3-button';
 import { Md3Chip } from '@nucleux/md3-chip';
@@ -201,6 +202,7 @@ var Md3ModesPicker = React.forwardRef(
     rejected,
     showDescriptions = true,
     autoFocus = false,
+    showClose = false,
     className,
     onKeyDown,
     ...props
@@ -231,9 +233,10 @@ var Md3ModesPicker = React.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 px-3 pb-2 pt-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("relative flex flex-col gap-0.5 px-3 pb-2 pt-2.5", showClose && "pr-12"), children: [
             /* @__PURE__ */ jsx("p", { className: "text-base font-medium leading-6 text-md-on-surface", children: label }),
-            description != null && /* @__PURE__ */ jsx("p", { className: "text-xs leading-[18px] text-md-on-surface-variant", children: description })
+            description != null && /* @__PURE__ */ jsx("p", { className: "text-xs leading-[18px] text-md-on-surface-variant", children: description }),
+            showClose && /* @__PURE__ */ jsx(Md3IconButton, { "aria-label": modesLabels.close, onClick: onClose, className: "absolute right-0 top-0", children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }) })
           ] }),
           /* @__PURE__ */ jsx(
             Md3ModesList,
@@ -308,6 +311,9 @@ var Md3Modes = React.forwardRef(
     composerLeading,
     composerActions,
     sendLabel: _sendLabel,
+    trigger = "chip",
+    settingsItems,
+    onSettingsSelect,
     className,
     ...props
   }, ref) => {
@@ -384,6 +390,23 @@ var Md3Modes = React.forwardRef(
         onRemove: clearable ? clearMode : void 0
       }
     ) });
+    const settings = /* @__PURE__ */ jsx("div", { ref: chipBoxRef, className: "inline-flex", children: /* @__PURE__ */ jsx(
+      Md3RequestSettings,
+      {
+        ref: chipRef,
+        items: mergeRequestSettingsItems(modesSettingsItem(label, s.mode, /* @__PURE__ */ jsx(SlidersHorizontal, {})), settingsItems),
+        onSelect: (id) => {
+          if (id !== "mode") return onSettingsSelect?.(id);
+          setUserOpened(true);
+          s.setOpen(true);
+        },
+        onOpenChange: (o) => {
+          if (o && s.open) s.setOpen(false);
+        },
+        className: variant === "composer" ? "static [&>[role=menu]]:left-10" : void 0
+      }
+    ) });
+    const control = trigger === "settings" ? settings : chip;
     const picker = s.open ? /* @__PURE__ */ jsx(
       Md3ModesPicker,
       {
@@ -398,6 +421,7 @@ var Md3Modes = React.forwardRef(
         rejected,
         showDescriptions,
         autoFocus: userOpened,
+        showClose: trigger === "settings",
         className: cn(
           "absolute z-50",
           variant === "chip" ? "bottom-full left-0 mb-2 w-[22rem]" : "inset-x-0 bottom-full mb-2"
@@ -425,7 +449,7 @@ var Md3Modes = React.forwardRef(
     }
     if (variant === "chip") {
       return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-flex flex-col items-start gap-2", className), ...props, children: [
-        chip,
+        control,
         picker,
         note,
         live
@@ -445,13 +469,16 @@ var Md3Modes = React.forwardRef(
             if (draftProp === void 0) setInternalDraft("");
           },
           placeholder,
-          leftActions: composerLeading,
+          leftActions: trigger === "settings" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            composerLeading,
+            settings
+          ] }) : composerLeading,
           rightActions: /* @__PURE__ */ jsxs(Fragment, { children: [
-            chip,
+            trigger === "chip" && chip,
             composerActions
           ] }),
           className: cn(
-            "gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1"
+            "relative gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1"
           )
         }
       ),

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { Check, ChevronDown, Info, RefreshCw, SlidersHorizontal, X } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport {\n  modeSupportingText,\n  modesLabels,\n  useModes,\n  useModesDismiss,\n  useModesRoving,\n  type ModeOption,\n  type ModesChipProps,\n  type ModesListProps,\n  type ModesNoteProps,\n  type ModesNotice,\n  type ModesPickerProps,\n  type ModesProps,\n  type ModesSegmentedProps,\n  type ModesSubmitDetails,\n  type ModesVariant,\n} from \"@nucleux/modes\";\nimport { Md3AgentComposer } from \"@nucleux/md3-agent-composer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Chip } from \"@nucleux/md3-chip\";\nimport { Md3IconButton } from \"@nucleux/md3-icon-button\";\nimport { Md3Menu } from \"@nucleux/md3-menu\";\nimport { Md3SegmentedButton, Md3SegmentedButtonItem } from \"@nucleux/md3-segmented-button\";\n\nexport type Md3ModeOption = ModeOption;\nexport type Md3ModesNotice = ModesNotice;\nexport type Md3ModesVariant = ModesVariant;\nexport type Md3ModesSubmitDetails = ModesSubmitDetails;\nexport type Md3ModesProps = ModesProps;\nexport type Md3ModesSegmentedProps = ModesSegmentedProps;\nexport type Md3ModesListProps = ModesListProps;\nexport type Md3ModesChipProps = ModesChipProps;\nexport type Md3ModesPickerProps = ModesPickerProps;\nexport type Md3ModesNoteProps = ModesNoteProps;\n\nconst stateLayer =\n  \"before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:content-[''] hover:before:opacity-[0.08] focus-visible:before:opacity-[0.12] active:before:opacity-[0.12] motion-reduce:before:transition-none\";\n\n/**\n * Material 3 segmented control for Modes: an outlined track of segments, the\n * active one in secondary-container with a check. Same radio group and keyboard\n * model as the shadcn `ModesSegmented` (Arrow keys move, Space/Enter choose).\n */\nexport const Md3ModesSegmented = React.forwardRef<HTMLDivElement, Md3ModesSegmentedProps>(\n  ({ modes, value, onSelect, label = \"Mode\", className, ...props }, ref) => {\n    const roving = useModesRoving(modes, value);\n    return (\n      <Md3SegmentedButton\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        value={value ?? \"\"}\n        className={cn(\"divide-md-outline-variant border-md-outline-variant\", className)}\n        {...props}\n      >\n        {modes.map((m, i) => (\n          <Md3SegmentedButtonItem\n            key={m.id}\n            value={m.id}\n            icon={m.icon}\n            role=\"radio\"\n            aria-checked={m.id === value}\n            aria-pressed={undefined}\n            aria-disabled={m.unavailable ? true : undefined}\n            title={m.unavailable}\n            {...roving.getItemProps(i)}\n            onClick={() => onSelect(m.id)}\n            className={cn(\"min-w-[5.5rem] motion-reduce:transition-none\", m.unavailable && \"cursor-not-allowed opacity-[0.38]\")}\n          >\n            {m.shortName ?? m.name}\n          </Md3SegmentedButtonItem>\n        ))}\n      </Md3SegmentedButton>\n    );\n  },\n);\nMd3ModesSegmented.displayName = \"Md3ModesSegmented\";\n\n/**\n * Material 3 mode rows: a 40dp icon tile, the name and one line on what\n * changes; the active row in secondary-container with a primary tile and a\n * trailing check; an unavailable row dimmed with its reason. Same radio group\n * and keyboard model as the shadcn `ModesList`.\n */\nexport const Md3ModesList = React.forwardRef<HTMLDivElement, Md3ModesListProps>(\n  (\n    { modes, value, onSelect, label = \"Mode\", showDescriptions = true, framed = true, className, ...props },\n    ref,\n  ) => {\n    const roving = useModesRoving(modes, value);\n    const baseId = React.useId();\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        className={cn(\n          \"flex flex-col gap-0.5\",\n          framed && \"rounded-md-lg border border-md-outline-variant bg-md-surface p-2\",\n          className,\n        )}\n        {...props}\n      >\n        {modes.map((m, i) => {\n          const on = m.id === value;\n          const support = modeSupportingText(m, showDescriptions);\n          const descId = `${baseId}-${i}`;\n          return (\n            <button\n              key={m.id}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={on}\n              aria-disabled={m.unavailable ? true : undefined}\n              aria-labelledby={`${descId}-n`}\n              aria-describedby={support || m.unavailable ? descId : undefined}\n              {...roving.getItemProps(i)}\n              onClick={() => onSelect(m.id)}\n              className={cn(\n                \"relative flex min-h-14 w-full items-center gap-3 overflow-hidden rounded-md-md px-3 py-2.5 text-left transition-colors motion-reduce:transition-none\",\n                stateLayer,\n                \"outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-md-primary\",\n                on ? \"bg-md-secondary-container text-md-on-secondary-container\" : \"text-md-on-surface\",\n                m.unavailable && \"cursor-not-allowed\",\n              )}\n            >\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  \"relative grid size-10 shrink-0 place-items-center rounded-md-md text-base [&_svg]:size-[22px]\",\n                  on ? \"bg-md-primary text-md-on-primary\" : \"bg-md-surface-container-high text-md-on-surface-variant\",\n                  m.unavailable && \"opacity-[0.55]\",\n                )}\n              >\n                {m.icon}\n              </span>\n              <span className=\"relative flex min-w-0 flex-1 flex-col gap-0.5\">\n                <span id={`${descId}-n`} className={cn(\"text-sm font-medium leading-5\", m.unavailable && \"opacity-[0.55]\")}>\n                  {m.name}\n                </span>\n                {(support || m.unavailable) && (\n                  <span id={descId} className=\"flex flex-col gap-0.5 text-xs leading-[18px]\">\n                    {support && (\n                      <span className={cn(on ? \"text-current\" : \"text-md-on-surface-variant\", m.unavailable && \"opacity-[0.55]\")}>\n                        {support}\n                      </span>\n                    )}\n                    {m.unavailable && (\n                      <span className=\"inline-flex items-center gap-1 text-md-on-surface\">\n                        <Info aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n                        {m.unavailable}\n                      </span>\n                    )}\n                  </span>\n                )}\n              </span>\n              {on && <Check aria-hidden=\"true\" className=\"relative size-[22px] shrink-0 text-md-on-secondary-container\" />}\n            </button>\n          );\n        })}\n      </div>\n    );\n  },\n);\nMd3ModesList.displayName = \"Md3ModesList\";\n\n/**\n * The Material 3 Mode chip in the composer's settings row. Unset it is an\n * outlined assist chip (\"Mode ▾\"); set it becomes a tonal chip reading\n * \"Mode **Plan**\" with the mode's icon, a chevron that turns when open, and a\n * × that clears it. Same accessible names as the shadcn `ModesChip`.\n */\nexport const Md3ModesChip = React.forwardRef<HTMLButtonElement, Md3ModesChipProps>(\n  ({ mode, label = \"Mode\", open = false, onRemove, className, ...props }, ref) => {\n    const chevron = (\n      <ChevronDown\n        aria-hidden=\"true\"\n        className={cn(\"relative -mr-1 size-[18px] transition-transform motion-reduce:transition-none\", open && \"rotate-180\")}\n      />\n    );\n    if (!mode) {\n      return (\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          icon={<SlidersHorizontal aria-hidden=\"true\" />}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, null)}\n          className={cn(\"shrink-0 border-md-outline-variant font-normal [&_svg]:size-4\", open && \"border-md-primary\", className)}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            {label}\n            {chevron}\n          </span>\n        </Md3Chip>\n      );\n    }\n    return (\n      <span\n        className={cn(\n          \"inline-flex h-8 shrink-0 items-center rounded-md-sm bg-md-secondary-container text-md-on-secondary-container animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n      >\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          selected\n          icon={mode.icon}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, mode)}\n          className={cn(\"bg-transparent pl-2 font-normal [&_svg]:size-4\", onRemove ? \"rounded-r-none pr-1.5\" : \"pr-2.5\")}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            <span>{label}</span>\n            <span className=\"max-w-[18ch] truncate font-semibold\">{mode.shortName ?? mode.name}</span>\n            {chevron}\n          </span>\n        </Md3Chip>\n        {onRemove && (\n          <Md3IconButton\n            aria-label={modesLabels.remove(label, mode)}\n            onClick={onRemove}\n            className=\"h-8 w-7 rounded-none rounded-r-md-sm pr-1 text-current focus-visible:ring-offset-0 [&_svg]:size-3.5\"\n          >\n            <X aria-hidden=\"true\" />\n          </Md3IconButton>\n        )}\n      </span>\n    );\n  },\n);\nMd3ModesChip.displayName = \"Md3ModesChip\";\n\n/**\n * The Material 3 Mode picker: a menu surface with \"Mode\" and one line on what\n * a mode is, the mode rows, an error-container alert when an unavailable mode\n * was chosen, and a \"No mode\" text button. A dialog; Escape closes it.\n */\nexport const Md3ModesPicker = React.forwardRef<HTMLDivElement, Md3ModesPickerProps>(\n  (\n    {\n      modes,\n      value,\n      onSelect,\n      onClear,\n      onClose,\n      label = \"Mode\",\n      description = \"How the agent approaches this request. Model and effort stay as they are.\",\n      rejected,\n      showDescriptions = true,\n      autoFocus = false,\n      className,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const listRef = React.useRef<HTMLDivElement>(null);\n    React.useEffect(() => {\n      if (!autoFocus) return;\n      const el =\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"][aria-checked=\"true\"]') ??\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"]');\n      el?.focus();\n    }, [autoFocus]);\n    return (\n      <Md3Menu\n        ref={ref}\n        role=\"dialog\"\n        aria-label={modesLabels.picker(label)}\n        className={cn(\n          \"min-w-[18rem] rounded-md-lg border border-md-outline-variant bg-md-surface p-2 shadow-md-2 animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (e.key === \"Escape\") {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose?.();\n          }\n        }}\n        {...props}\n      >\n        <div className=\"flex flex-col gap-0.5 px-3 pb-2 pt-2.5\">\n          <p className=\"text-base font-medium leading-6 text-md-on-surface\">{label}</p>\n          {description != null && <p className=\"text-xs leading-[18px] text-md-on-surface-variant\">{description}</p>}\n        </div>\n        <Md3ModesList\n          ref={listRef}\n          modes={modes}\n          value={value}\n          onSelect={onSelect}\n          label={label}\n          framed={false}\n          showDescriptions={showDescriptions}\n        />\n        {rejected && (\n          <p\n            role=\"alert\"\n            className=\"mx-2 mb-1 mt-2 flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n          >\n            <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n            {modesLabels.unavailable(rejected)}\n          </p>\n        )}\n        {onClear && value != null && (\n          <div className=\"mx-1 mt-1.5\">\n            <Md3Button variant=\"text\" onClick={onClear}>\n              {modesLabels.clear}\n            </Md3Button>\n          </div>\n        )}\n      </Md3Menu>\n    );\n  },\n);\nMd3ModesPicker.displayName = \"Md3ModesPicker\";\n\n/** The one quiet line after a change, with a primary sync icon and an Undo text button. */\nexport const Md3ModesNote = React.forwardRef<HTMLDivElement, Md3ModesNoteProps>(\n  ({ onUndo, className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-2 px-2 text-[13px] leading-5 text-md-on-surface-variant animate-nx-fade-in motion-reduce:animate-none\",\n        className,\n      )}\n      {...props}\n    >\n      <RefreshCw aria-hidden=\"true\" className=\"size-[18px] shrink-0 text-md-primary\" />\n      <span className=\"min-w-0 flex-1\">{children}</span>\n      {onUndo && (\n        <Md3Button variant=\"text\" onClick={onUndo} className=\"h-8 px-2\">\n          {modesLabels.undo}\n        </Md3Button>\n      )}\n    </div>\n  ),\n);\nMd3ModesNote.displayName = \"Md3ModesNote\";\n\n/**\n * Material 3 Modes: choose how the agent approaches a request — Brainstorm,\n * Draft, Review, Plan — separate from which model answers. A Mode chip in the\n * composer's settings row opens a short list where each mode says what changes\n * and an unavailable one says why; the chip then reads \"Mode Plan\" with a way\n * to change or clear it, and a change adds one quiet line with Undo. Same API,\n * states, keyboard model and accessible names as `Modes` from\n * `@nucleux/modes`; choosing a mode never touches the text, and nothing is\n * sent until the person sends.\n */\nexport const Md3Modes = React.forwardRef<HTMLDivElement, Md3ModesProps>(\n  (\n    {\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      variant = \"composer\",\n      open,\n      defaultOpen,\n      onOpenChange,\n      clearable = true,\n      showDescriptions = true,\n      label = \"Mode\",\n      pickerDescription,\n      defaultNotice,\n      onUnavailable,\n      draft: draftProp,\n      defaultDraft = \"\",\n      onDraftChange,\n      onSubmit,\n      placeholder = \"Ask Aria…\",\n      composerLeading,\n      composerActions,\n      sendLabel: _sendLabel,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    void _sendLabel; // Md3AgentComposer names its send button \"Send\".\n    const s = useModes({\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      open,\n      defaultOpen,\n      onOpenChange,\n      defaultNotice,\n      onUnavailable,\n    });\n    const [internalDraft, setInternalDraft] = React.useState(defaultDraft);\n    const draft = draftProp ?? internalDraft;\n    const setDraft = (t: string) => {\n      if (draftProp === undefined) setInternalDraft(t);\n      onDraftChange?.(t);\n    };\n\n    const chipRef = React.useRef<HTMLButtonElement>(null);\n    const chipBoxRef = React.useRef<HTMLDivElement>(null);\n    const pickerRef = React.useRef<HTMLDivElement>(null);\n    const [userOpened, setUserOpened] = React.useState(false);\n    useModesDismiss([chipBoxRef, pickerRef], s.open, () => s.setOpen(false));\n\n    // Return focus to the chip after it re-renders (its element can change when a mode is set or cleared).\n    const [refocus, setRefocus] = React.useState(0);\n    React.useEffect(() => {\n      if (refocus) chipRef.current?.focus();\n    }, [refocus]);\n    const choose = (id: string) => {\n      const m = modes.find((x) => x.id === id);\n      const wasOpen = s.open;\n      s.select(id);\n      if (wasOpen && m && !m.unavailable) setRefocus((n) => n + 1);\n    };\n    const clearMode = () => {\n      s.clear();\n      setRefocus((n) => n + 1);\n    };\n    const undoChange = () => {\n      s.undo();\n      setRefocus((n) => n + 1);\n    };\n    const closePicker = () => {\n      s.setOpen(false);\n      setRefocus((n) => n + 1);\n    };\n    const notice = s.notice;\n    const rejected = notice?.type === \"unavailable\" ? (modes.find((m) => m.id === notice.id) ?? null) : null;\n    const changedTo = notice?.type === \"changed\" ? s.mode : null;\n\n    const note = changedTo ? <Md3ModesNote onUndo={undoChange}>{modesLabels.changed(changedTo)}</Md3ModesNote> : null;\n    const inlineAlert =\n      rejected && !s.open ? (\n        <p\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n        >\n          <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n          {modesLabels.unavailable(rejected)}\n        </p>\n      ) : null;\n\n    const chip = (\n      <div ref={chipBoxRef} className=\"inline-flex\">\n        <Md3ModesChip\n          ref={chipRef}\n          mode={s.mode}\n          label={label}\n          open={s.open}\n          onClick={() => {\n            setUserOpened(!s.open);\n            s.setOpen(!s.open);\n          }}\n          onRemove={clearable ? clearMode : undefined}\n        />\n      </div>\n    );\n    const picker = s.open ? (\n      <Md3ModesPicker\n        ref={pickerRef}\n        modes={modes}\n        value={s.value}\n        onSelect={choose}\n        onClear={clearable ? clearMode : undefined}\n        onClose={closePicker}\n        label={label}\n        description={pickerDescription}\n        rejected={rejected}\n        showDescriptions={showDescriptions}\n        autoFocus={userOpened}\n        className={cn(\n          \"absolute z-50\",\n          variant === \"chip\" ? \"bottom-full left-0 mb-2 w-[22rem]\" : \"inset-x-0 bottom-full mb-2\",\n        )}\n      />\n    ) : null;\n\n    const live = (\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {s.announcement}\n      </span>\n    );\n\n    if (variant === \"segmented\" || variant === \"list\") {\n      return (\n        <div ref={ref} className={cn(\"flex flex-col gap-2\", variant === \"segmented\" && \"items-start\", className)} {...props}>\n          {variant === \"segmented\" ? (\n            <Md3ModesSegmented modes={modes} value={s.value} onSelect={s.select} label={label} />\n          ) : (\n            <Md3ModesList\n              modes={modes}\n              value={s.value}\n              onSelect={s.select}\n              label={label}\n              showDescriptions={showDescriptions}\n              className=\"w-full max-w-[30rem]\"\n            />\n          )}\n          {inlineAlert}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    if (variant === \"chip\") {\n      return (\n        <div ref={ref} className={cn(\"relative inline-flex flex-col items-start gap-2\", className)} {...props}>\n          {chip}\n          {picker}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} className={cn(\"relative flex w-full max-w-[38rem] flex-col gap-2\", className)} {...props}>\n        {picker}\n        {note}\n        <Md3AgentComposer\n          value={draft}\n          onValueChange={setDraft}\n          onSubmit={(text) => {\n            onSubmit?.(text, { mode: s.mode });\n            s.dismissNotice();\n            if (draftProp === undefined) setInternalDraft(\"\");\n          }}\n          placeholder={placeholder}\n          leftActions={composerLeading}\n          rightActions={\n            <>\n              {chip}\n              {composerActions}\n            </>\n          }\n          className={cn(\n            \"gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1\",\n          )}\n        />\n        {live}\n      </div>\n    );\n  },\n);\nMd3Modes.displayName = \"Md3Modes\";\n"]}
+{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { Check, ChevronDown, Info, RefreshCw, SlidersHorizontal, X } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport {\n  modeSupportingText,\n  modesLabels,\n  modesSettingsItem,\n  useModes,\n  useModesDismiss,\n  useModesRoving,\n  type ModeOption,\n  type ModesChipProps,\n  type ModesListProps,\n  type ModesNoteProps,\n  type ModesNotice,\n  type ModesPickerProps,\n  type ModesProps,\n  type ModesSegmentedProps,\n  type ModesSubmitDetails,\n  type ModesTrigger,\n  type ModesVariant,\n} from \"@nucleux/modes\";\nimport { Md3RequestSettings, mergeRequestSettingsItems } from \"@nucleux/md3-open-input\";\nimport { Md3AgentComposer } from \"@nucleux/md3-agent-composer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Chip } from \"@nucleux/md3-chip\";\nimport { Md3IconButton } from \"@nucleux/md3-icon-button\";\nimport { Md3Menu } from \"@nucleux/md3-menu\";\nimport { Md3SegmentedButton, Md3SegmentedButtonItem } from \"@nucleux/md3-segmented-button\";\n\nexport type Md3ModeOption = ModeOption;\nexport type Md3ModesNotice = ModesNotice;\nexport type Md3ModesVariant = ModesVariant;\nexport type Md3ModesTrigger = ModesTrigger;\nexport type Md3ModesSubmitDetails = ModesSubmitDetails;\nexport type Md3ModesProps = ModesProps;\nexport type Md3ModesSegmentedProps = ModesSegmentedProps;\nexport type Md3ModesListProps = ModesListProps;\nexport type Md3ModesChipProps = ModesChipProps;\nexport type Md3ModesPickerProps = ModesPickerProps;\nexport type Md3ModesNoteProps = ModesNoteProps;\n\nconst stateLayer =\n  \"before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:content-[''] hover:before:opacity-[0.08] focus-visible:before:opacity-[0.12] active:before:opacity-[0.12] motion-reduce:before:transition-none\";\n\n/**\n * Material 3 segmented control for Modes: an outlined track of segments, the\n * active one in secondary-container with a check. Same radio group and keyboard\n * model as the shadcn `ModesSegmented` (Arrow keys move, Space/Enter choose).\n */\nexport const Md3ModesSegmented = React.forwardRef<HTMLDivElement, Md3ModesSegmentedProps>(\n  ({ modes, value, onSelect, label = \"Mode\", className, ...props }, ref) => {\n    const roving = useModesRoving(modes, value);\n    return (\n      <Md3SegmentedButton\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        value={value ?? \"\"}\n        className={cn(\"divide-md-outline-variant border-md-outline-variant\", className)}\n        {...props}\n      >\n        {modes.map((m, i) => (\n          <Md3SegmentedButtonItem\n            key={m.id}\n            value={m.id}\n            icon={m.icon}\n            role=\"radio\"\n            aria-checked={m.id === value}\n            aria-pressed={undefined}\n            aria-disabled={m.unavailable ? true : undefined}\n            title={m.unavailable}\n            {...roving.getItemProps(i)}\n            onClick={() => onSelect(m.id)}\n            className={cn(\"min-w-[5.5rem] motion-reduce:transition-none\", m.unavailable && \"cursor-not-allowed opacity-[0.38]\")}\n          >\n            {m.shortName ?? m.name}\n          </Md3SegmentedButtonItem>\n        ))}\n      </Md3SegmentedButton>\n    );\n  },\n);\nMd3ModesSegmented.displayName = \"Md3ModesSegmented\";\n\n/**\n * Material 3 mode rows: a 40dp icon tile, the name and one line on what\n * changes; the active row in secondary-container with a primary tile and a\n * trailing check; an unavailable row dimmed with its reason. Same radio group\n * and keyboard model as the shadcn `ModesList`.\n */\nexport const Md3ModesList = React.forwardRef<HTMLDivElement, Md3ModesListProps>(\n  (\n    { modes, value, onSelect, label = \"Mode\", showDescriptions = true, framed = true, className, ...props },\n    ref,\n  ) => {\n    const roving = useModesRoving(modes, value);\n    const baseId = React.useId();\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        className={cn(\n          \"flex flex-col gap-0.5\",\n          framed && \"rounded-md-lg border border-md-outline-variant bg-md-surface p-2\",\n          className,\n        )}\n        {...props}\n      >\n        {modes.map((m, i) => {\n          const on = m.id === value;\n          const support = modeSupportingText(m, showDescriptions);\n          const descId = `${baseId}-${i}`;\n          return (\n            <button\n              key={m.id}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={on}\n              aria-disabled={m.unavailable ? true : undefined}\n              aria-labelledby={`${descId}-n`}\n              aria-describedby={support || m.unavailable ? descId : undefined}\n              {...roving.getItemProps(i)}\n              onClick={() => onSelect(m.id)}\n              className={cn(\n                \"relative flex min-h-14 w-full items-center gap-3 overflow-hidden rounded-md-md px-3 py-2.5 text-left transition-colors motion-reduce:transition-none\",\n                stateLayer,\n                \"outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-md-primary\",\n                on ? \"bg-md-secondary-container text-md-on-secondary-container\" : \"text-md-on-surface\",\n                m.unavailable && \"cursor-not-allowed\",\n              )}\n            >\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  \"relative grid size-10 shrink-0 place-items-center rounded-md-md text-base [&_svg]:size-[22px]\",\n                  on ? \"bg-md-primary text-md-on-primary\" : \"bg-md-surface-container-high text-md-on-surface-variant\",\n                  m.unavailable && \"opacity-[0.55]\",\n                )}\n              >\n                {m.icon}\n              </span>\n              <span className=\"relative flex min-w-0 flex-1 flex-col gap-0.5\">\n                <span id={`${descId}-n`} className={cn(\"text-sm font-medium leading-5\", m.unavailable && \"opacity-[0.55]\")}>\n                  {m.name}\n                </span>\n                {(support || m.unavailable) && (\n                  <span id={descId} className=\"flex flex-col gap-0.5 text-xs leading-[18px]\">\n                    {support && (\n                      <span className={cn(on ? \"text-current\" : \"text-md-on-surface-variant\", m.unavailable && \"opacity-[0.55]\")}>\n                        {support}\n                      </span>\n                    )}\n                    {m.unavailable && (\n                      <span className=\"inline-flex items-center gap-1 text-md-on-surface\">\n                        <Info aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n                        {m.unavailable}\n                      </span>\n                    )}\n                  </span>\n                )}\n              </span>\n              {on && <Check aria-hidden=\"true\" className=\"relative size-[22px] shrink-0 text-md-on-secondary-container\" />}\n            </button>\n          );\n        })}\n      </div>\n    );\n  },\n);\nMd3ModesList.displayName = \"Md3ModesList\";\n\n/**\n * The Material 3 Mode chip in the composer's settings row. Unset it is an\n * outlined assist chip (\"Mode ▾\"); set it becomes a tonal chip reading\n * \"Mode **Plan**\" with the mode's icon, a chevron that turns when open, and a\n * × that clears it. Same accessible names as the shadcn `ModesChip`.\n */\nexport const Md3ModesChip = React.forwardRef<HTMLButtonElement, Md3ModesChipProps>(\n  ({ mode, label = \"Mode\", open = false, onRemove, className, ...props }, ref) => {\n    const chevron = (\n      <ChevronDown\n        aria-hidden=\"true\"\n        className={cn(\"relative -mr-1 size-[18px] transition-transform motion-reduce:transition-none\", open && \"rotate-180\")}\n      />\n    );\n    if (!mode) {\n      return (\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          icon={<SlidersHorizontal aria-hidden=\"true\" />}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, null)}\n          className={cn(\"shrink-0 border-md-outline-variant font-normal [&_svg]:size-4\", open && \"border-md-primary\", className)}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            {label}\n            {chevron}\n          </span>\n        </Md3Chip>\n      );\n    }\n    return (\n      <span\n        className={cn(\n          \"inline-flex h-8 shrink-0 items-center rounded-md-sm bg-md-secondary-container text-md-on-secondary-container animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n      >\n        <Md3Chip\n          ref={ref}\n          variant=\"assist\"\n          selected\n          icon={mode.icon}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-label={modesLabels.chip(label, mode)}\n          className={cn(\"bg-transparent pl-2 font-normal [&_svg]:size-4\", onRemove ? \"rounded-r-none pr-1.5\" : \"pr-2.5\")}\n          {...props}\n        >\n          <span className=\"inline-flex items-center gap-1.5\">\n            <span>{label}</span>\n            <span className=\"max-w-[18ch] truncate font-semibold\">{mode.shortName ?? mode.name}</span>\n            {chevron}\n          </span>\n        </Md3Chip>\n        {onRemove && (\n          <Md3IconButton\n            aria-label={modesLabels.remove(label, mode)}\n            onClick={onRemove}\n            className=\"h-8 w-7 rounded-none rounded-r-md-sm pr-1 text-current focus-visible:ring-offset-0 [&_svg]:size-3.5\"\n          >\n            <X aria-hidden=\"true\" />\n          </Md3IconButton>\n        )}\n      </span>\n    );\n  },\n);\nMd3ModesChip.displayName = \"Md3ModesChip\";\n\n/**\n * The Material 3 Mode picker: a menu surface with \"Mode\" and one line on what\n * a mode is, the mode rows, an error-container alert when an unavailable mode\n * was chosen, and a \"No mode\" text button. A dialog; Escape closes it.\n */\nexport const Md3ModesPicker = React.forwardRef<HTMLDivElement, Md3ModesPickerProps>(\n  (\n    {\n      modes,\n      value,\n      onSelect,\n      onClear,\n      onClose,\n      label = \"Mode\",\n      description = \"How the agent approaches this request. Model and effort stay as they are.\",\n      rejected,\n      showDescriptions = true,\n      autoFocus = false,\n      showClose = false,\n      className,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const listRef = React.useRef<HTMLDivElement>(null);\n    React.useEffect(() => {\n      if (!autoFocus) return;\n      const el =\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"][aria-checked=\"true\"]') ??\n        listRef.current?.querySelector<HTMLElement>('[role=\"radio\"]');\n      el?.focus();\n    }, [autoFocus]);\n    return (\n      <Md3Menu\n        ref={ref}\n        role=\"dialog\"\n        aria-label={modesLabels.picker(label)}\n        className={cn(\n          \"min-w-[18rem] rounded-md-lg border border-md-outline-variant bg-md-surface p-2 shadow-md-2 animate-nx-fade-in motion-reduce:animate-none\",\n          className,\n        )}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (e.key === \"Escape\") {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose?.();\n          }\n        }}\n        {...props}\n      >\n        <div className={cn(\"relative flex flex-col gap-0.5 px-3 pb-2 pt-2.5\", showClose && \"pr-12\")}>\n          <p className=\"text-base font-medium leading-6 text-md-on-surface\">{label}</p>\n          {description != null && <p className=\"text-xs leading-[18px] text-md-on-surface-variant\">{description}</p>}\n          {showClose && (\n            <Md3IconButton aria-label={modesLabels.close} onClick={onClose} className=\"absolute right-0 top-0\">\n              <X aria-hidden=\"true\" />\n            </Md3IconButton>\n          )}\n        </div>\n        <Md3ModesList\n          ref={listRef}\n          modes={modes}\n          value={value}\n          onSelect={onSelect}\n          label={label}\n          framed={false}\n          showDescriptions={showDescriptions}\n        />\n        {rejected && (\n          <p\n            role=\"alert\"\n            className=\"mx-2 mb-1 mt-2 flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n          >\n            <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n            {modesLabels.unavailable(rejected)}\n          </p>\n        )}\n        {onClear && value != null && (\n          <div className=\"mx-1 mt-1.5\">\n            <Md3Button variant=\"text\" onClick={onClear}>\n              {modesLabels.clear}\n            </Md3Button>\n          </div>\n        )}\n      </Md3Menu>\n    );\n  },\n);\nMd3ModesPicker.displayName = \"Md3ModesPicker\";\n\n/** The one quiet line after a change, with a primary sync icon and an Undo text button. */\nexport const Md3ModesNote = React.forwardRef<HTMLDivElement, Md3ModesNoteProps>(\n  ({ onUndo, className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-2 px-2 text-[13px] leading-5 text-md-on-surface-variant animate-nx-fade-in motion-reduce:animate-none\",\n        className,\n      )}\n      {...props}\n    >\n      <RefreshCw aria-hidden=\"true\" className=\"size-[18px] shrink-0 text-md-primary\" />\n      <span className=\"min-w-0 flex-1\">{children}</span>\n      {onUndo && (\n        <Md3Button variant=\"text\" onClick={onUndo} className=\"h-8 px-2\">\n          {modesLabels.undo}\n        </Md3Button>\n      )}\n    </div>\n  ),\n);\nMd3ModesNote.displayName = \"Md3ModesNote\";\n\n/**\n * Material 3 Modes: choose how the agent approaches a request — Brainstorm,\n * Draft, Review, Plan — separate from which model answers. A Mode chip in the\n * composer's settings row opens a short list where each mode says what changes\n * and an unavailable one says why; the chip then reads \"Mode Plan\" with a way\n * to change or clear it, and a change adds one quiet line with Undo. Same API,\n * states, keyboard model and accessible names as `Modes` from\n * `@nucleux/modes`; choosing a mode never touches the text, and nothing is\n * sent until the person sends.\n */\nexport const Md3Modes = React.forwardRef<HTMLDivElement, Md3ModesProps>(\n  (\n    {\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      variant = \"composer\",\n      open,\n      defaultOpen,\n      onOpenChange,\n      clearable = true,\n      showDescriptions = true,\n      label = \"Mode\",\n      pickerDescription,\n      defaultNotice,\n      onUnavailable,\n      draft: draftProp,\n      defaultDraft = \"\",\n      onDraftChange,\n      onSubmit,\n      placeholder = \"Ask Aria…\",\n      composerLeading,\n      composerActions,\n      sendLabel: _sendLabel,\n      trigger = \"chip\",\n      settingsItems,\n      onSettingsSelect,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    void _sendLabel; // Md3AgentComposer names its send button \"Send\".\n    const s = useModes({\n      modes,\n      value,\n      defaultValue,\n      onValueChange,\n      open,\n      defaultOpen,\n      onOpenChange,\n      defaultNotice,\n      onUnavailable,\n    });\n    const [internalDraft, setInternalDraft] = React.useState(defaultDraft);\n    const draft = draftProp ?? internalDraft;\n    const setDraft = (t: string) => {\n      if (draftProp === undefined) setInternalDraft(t);\n      onDraftChange?.(t);\n    };\n\n    const chipRef = React.useRef<HTMLButtonElement>(null);\n    const chipBoxRef = React.useRef<HTMLDivElement>(null);\n    const pickerRef = React.useRef<HTMLDivElement>(null);\n    const [userOpened, setUserOpened] = React.useState(false);\n    useModesDismiss([chipBoxRef, pickerRef], s.open, () => s.setOpen(false));\n\n    // Return focus to the chip after it re-renders (its element can change when a mode is set or cleared).\n    const [refocus, setRefocus] = React.useState(0);\n    React.useEffect(() => {\n      if (refocus) chipRef.current?.focus();\n    }, [refocus]);\n    const choose = (id: string) => {\n      const m = modes.find((x) => x.id === id);\n      const wasOpen = s.open;\n      s.select(id);\n      if (wasOpen && m && !m.unavailable) setRefocus((n) => n + 1);\n    };\n    const clearMode = () => {\n      s.clear();\n      setRefocus((n) => n + 1);\n    };\n    const undoChange = () => {\n      s.undo();\n      setRefocus((n) => n + 1);\n    };\n    const closePicker = () => {\n      s.setOpen(false);\n      setRefocus((n) => n + 1);\n    };\n    const notice = s.notice;\n    const rejected = notice?.type === \"unavailable\" ? (modes.find((m) => m.id === notice.id) ?? null) : null;\n    const changedTo = notice?.type === \"changed\" ? s.mode : null;\n\n    const note = changedTo ? <Md3ModesNote onUndo={undoChange}>{modesLabels.changed(changedTo)}</Md3ModesNote> : null;\n    const inlineAlert =\n      rejected && !s.open ? (\n        <p\n          role=\"alert\"\n          className=\"flex items-center gap-2 rounded-md-md bg-md-error-container px-3 py-2 text-[13px] leading-5 text-md-on-error-container\"\n        >\n          <Info aria-hidden=\"true\" className=\"size-[18px] shrink-0\" />\n          {modesLabels.unavailable(rejected)}\n        </p>\n      ) : null;\n\n    const chip = (\n      <div ref={chipBoxRef} className=\"inline-flex\">\n        <Md3ModesChip\n          ref={chipRef}\n          mode={s.mode}\n          label={label}\n          open={s.open}\n          onClick={() => {\n            setUserOpened(!s.open);\n            s.setOpen(!s.open);\n          }}\n          onRemove={clearable ? clearMode : undefined}\n        />\n      </div>\n    );\n    const settings = (\n      <div ref={chipBoxRef} className=\"inline-flex\">\n        <Md3RequestSettings\n          ref={chipRef}\n          items={mergeRequestSettingsItems(modesSettingsItem(label, s.mode, <SlidersHorizontal />), settingsItems)}\n          onSelect={(id) => {\n            if (id !== \"mode\") return onSettingsSelect?.(id);\n            setUserOpened(true);\n            s.setOpen(true);\n          }}\n          onOpenChange={(o) => {\n            if (o && s.open) s.setOpen(false);\n          }}\n          className={variant === \"composer\" ? \"static [&>[role=menu]]:left-10\" : undefined}\n        />\n      </div>\n    );\n    const control = trigger === \"settings\" ? settings : chip;\n\n    const picker = s.open ? (\n      <Md3ModesPicker\n        ref={pickerRef}\n        modes={modes}\n        value={s.value}\n        onSelect={choose}\n        onClear={clearable ? clearMode : undefined}\n        onClose={closePicker}\n        label={label}\n        description={pickerDescription}\n        rejected={rejected}\n        showDescriptions={showDescriptions}\n        autoFocus={userOpened}\n        showClose={trigger === \"settings\"}\n        className={cn(\n          \"absolute z-50\",\n          variant === \"chip\" ? \"bottom-full left-0 mb-2 w-[22rem]\" : \"inset-x-0 bottom-full mb-2\",\n        )}\n      />\n    ) : null;\n\n    const live = (\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {s.announcement}\n      </span>\n    );\n\n    if (variant === \"segmented\" || variant === \"list\") {\n      return (\n        <div ref={ref} className={cn(\"flex flex-col gap-2\", variant === \"segmented\" && \"items-start\", className)} {...props}>\n          {variant === \"segmented\" ? (\n            <Md3ModesSegmented modes={modes} value={s.value} onSelect={s.select} label={label} />\n          ) : (\n            <Md3ModesList\n              modes={modes}\n              value={s.value}\n              onSelect={s.select}\n              label={label}\n              showDescriptions={showDescriptions}\n              className=\"w-full max-w-[30rem]\"\n            />\n          )}\n          {inlineAlert}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    if (variant === \"chip\") {\n      return (\n        <div ref={ref} className={cn(\"relative inline-flex flex-col items-start gap-2\", className)} {...props}>\n          {control}\n          {picker}\n          {note}\n          {live}\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} className={cn(\"relative flex w-full max-w-[38rem] flex-col gap-2\", className)} {...props}>\n        {picker}\n        {note}\n        <Md3AgentComposer\n          value={draft}\n          onValueChange={setDraft}\n          onSubmit={(text) => {\n            onSubmit?.(text, { mode: s.mode });\n            s.dismissNotice();\n            if (draftProp === undefined) setInternalDraft(\"\");\n          }}\n          placeholder={placeholder}\n          leftActions={\n            trigger === \"settings\" ? (\n              <>\n                {composerLeading}\n                {settings}\n              </>\n            ) : (\n              composerLeading\n            )\n          }\n          rightActions={\n            <>\n              {trigger === \"chip\" && chip}\n              {composerActions}\n            </>\n          }\n          className={cn(\n            \"relative gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1\",\n          )}\n        />\n        {live}\n      </div>\n    );\n  },\n);\nMd3Modes.displayName = \"Md3Modes\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nucleux/md3-modes",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
   "sideEffects": false,
   "description": "Material 3 Modes — choose how the agent approaches a request (Brainstorm, Draft, Review, Plan), shown as a chip in the composer and switchable before sending — Nucleux agentic UI for React.",
@@ -38,14 +38,15 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@nucleux/md3-agent-composer": "0.7.0",
-    "@nucleux/md3-button": "0.7.0",
-    "@nucleux/md3-chip": "0.7.0",
-    "@nucleux/md3-icon-button": "0.7.0",
-    "@nucleux/md3-menu": "0.7.0",
-    "@nucleux/md3-segmented-button": "0.7.0",
-    "@nucleux/modes": "0.7.0",
-    "@nucleux/utils": "0.7.0",
+    "@nucleux/md3-agent-composer": "0.8.0",
+    "@nucleux/md3-button": "0.8.0",
+    "@nucleux/md3-chip": "0.8.0",
+    "@nucleux/md3-icon-button": "0.8.0",
+    "@nucleux/md3-menu": "0.8.0",
+    "@nucleux/md3-open-input": "0.8.0",
+    "@nucleux/md3-segmented-button": "0.8.0",
+    "@nucleux/modes": "0.8.0",
+    "@nucleux/utils": "0.8.0",
     "lucide-react": "^0.469.0"
   },
   "devDependencies": {