@nucleux/md3-modes 0.0.0-stage → 0.8.0

package/dist/index.js

@@ -0,0 +1,493 @@
+"use client";
+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, 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';
+import { Md3IconButton } from '@nucleux/md3-icon-button';
+import { Md3Menu } from '@nucleux/md3-menu';
+import { Md3SegmentedButton, Md3SegmentedButtonItem } from '@nucleux/md3-segmented-button';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/index.tsx
+var stateLayer = "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";
+var Md3ModesSegmented = React.forwardRef(
+  ({ modes, value, onSelect, label = "Mode", className, ...props }, ref) => {
+    const roving = useModesRoving(modes, value);
+    return /* @__PURE__ */ jsx(
+      Md3SegmentedButton,
+      {
+        ref,
+        role: "radiogroup",
+        "aria-label": label,
+        value: value ?? "",
+        className: cn("divide-md-outline-variant border-md-outline-variant", className),
+        ...props,
+        children: modes.map((m, i) => /* @__PURE__ */ jsx(
+          Md3SegmentedButtonItem,
+          {
+            value: m.id,
+            icon: m.icon,
+            role: "radio",
+            "aria-checked": m.id === value,
+            "aria-pressed": void 0,
+            "aria-disabled": m.unavailable ? true : void 0,
+            title: m.unavailable,
+            ...roving.getItemProps(i),
+            onClick: () => onSelect(m.id),
+            className: cn("min-w-[5.5rem] motion-reduce:transition-none", m.unavailable && "cursor-not-allowed opacity-[0.38]"),
+            children: m.shortName ?? m.name
+          },
+          m.id
+        ))
+      }
+    );
+  }
+);
+Md3ModesSegmented.displayName = "Md3ModesSegmented";
+var Md3ModesList = React.forwardRef(
+  ({ modes, value, onSelect, label = "Mode", showDescriptions = true, framed = true, className, ...props }, ref) => {
+    const roving = useModesRoving(modes, value);
+    const baseId = React.useId();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "aria-label": label,
+        className: cn(
+          "flex flex-col gap-0.5",
+          framed && "rounded-md-lg border border-md-outline-variant bg-md-surface p-2",
+          className
+        ),
+        ...props,
+        children: modes.map((m, i) => {
+          const on = m.id === value;
+          const support = modeSupportingText(m, showDescriptions);
+          const descId = `${baseId}-${i}`;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": on,
+              "aria-disabled": m.unavailable ? true : void 0,
+              "aria-labelledby": `${descId}-n`,
+              "aria-describedby": support || m.unavailable ? descId : void 0,
+              ...roving.getItemProps(i),
+              onClick: () => onSelect(m.id),
+              className: cn(
+                "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",
+                stateLayer,
+                "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-md-primary",
+                on ? "bg-md-secondary-container text-md-on-secondary-container" : "text-md-on-surface",
+                m.unavailable && "cursor-not-allowed"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "relative grid size-10 shrink-0 place-items-center rounded-md-md text-base [&_svg]:size-[22px]",
+                      on ? "bg-md-primary text-md-on-primary" : "bg-md-surface-container-high text-md-on-surface-variant",
+                      m.unavailable && "opacity-[0.55]"
+                    ),
+                    children: m.icon
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "relative flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                  /* @__PURE__ */ jsx("span", { id: `${descId}-n`, className: cn("text-sm font-medium leading-5", m.unavailable && "opacity-[0.55]"), children: m.name }),
+                  (support || m.unavailable) && /* @__PURE__ */ jsxs("span", { id: descId, className: "flex flex-col gap-0.5 text-xs leading-[18px]", children: [
+                    support && /* @__PURE__ */ jsx("span", { className: cn(on ? "text-current" : "text-md-on-surface-variant", m.unavailable && "opacity-[0.55]"), children: support }),
+                    m.unavailable && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-md-on-surface", children: [
+                      /* @__PURE__ */ jsx(Info, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+                      m.unavailable
+                    ] })
+                  ] })
+                ] }),
+                on && /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "relative size-[22px] shrink-0 text-md-on-secondary-container" })
+              ]
+            },
+            m.id
+          );
+        })
+      }
+    );
+  }
+);
+Md3ModesList.displayName = "Md3ModesList";
+var Md3ModesChip = React.forwardRef(
+  ({ mode, label = "Mode", open = false, onRemove, className, ...props }, ref) => {
+    const chevron = /* @__PURE__ */ jsx(
+      ChevronDown,
+      {
+        "aria-hidden": "true",
+        className: cn("relative -mr-1 size-[18px] transition-transform motion-reduce:transition-none", open && "rotate-180")
+      }
+    );
+    if (!mode) {
+      return /* @__PURE__ */ jsx(
+        Md3Chip,
+        {
+          ref,
+          variant: "assist",
+          icon: /* @__PURE__ */ jsx(SlidersHorizontal, { "aria-hidden": "true" }),
+          "aria-haspopup": "dialog",
+          "aria-expanded": open,
+          "aria-label": modesLabels.chip(label, null),
+          className: cn("shrink-0 border-md-outline-variant font-normal [&_svg]:size-4", open && "border-md-primary", className),
+          ...props,
+          children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            label,
+            chevron
+          ] })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "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",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            Md3Chip,
+            {
+              ref,
+              variant: "assist",
+              selected: true,
+              icon: mode.icon,
+              "aria-haspopup": "dialog",
+              "aria-expanded": open,
+              "aria-label": modesLabels.chip(label, mode),
+              className: cn("bg-transparent pl-2 font-normal [&_svg]:size-4", onRemove ? "rounded-r-none pr-1.5" : "pr-2.5"),
+              ...props,
+              children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { children: label }),
+                /* @__PURE__ */ jsx("span", { className: "max-w-[18ch] truncate font-semibold", children: mode.shortName ?? mode.name }),
+                chevron
+              ] })
+            }
+          ),
+          onRemove && /* @__PURE__ */ jsx(
+            Md3IconButton,
+            {
+              "aria-label": modesLabels.remove(label, mode),
+              onClick: onRemove,
+              className: "h-8 w-7 rounded-none rounded-r-md-sm pr-1 text-current focus-visible:ring-offset-0 [&_svg]:size-3.5",
+              children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Md3ModesChip.displayName = "Md3ModesChip";
+var Md3ModesPicker = React.forwardRef(
+  ({
+    modes,
+    value,
+    onSelect,
+    onClear,
+    onClose,
+    label = "Mode",
+    description = "How the agent approaches this request. Model and effort stay as they are.",
+    rejected,
+    showDescriptions = true,
+    autoFocus = false,
+    showClose = false,
+    className,
+    onKeyDown,
+    ...props
+  }, ref) => {
+    const listRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!autoFocus) return;
+      const el = listRef.current?.querySelector('[role="radio"][aria-checked="true"]') ?? listRef.current?.querySelector('[role="radio"]');
+      el?.focus();
+    }, [autoFocus]);
+    return /* @__PURE__ */ jsxs(
+      Md3Menu,
+      {
+        ref,
+        role: "dialog",
+        "aria-label": modesLabels.picker(label),
+        className: cn(
+          "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",
+          className
+        ),
+        onKeyDown: (e) => {
+          onKeyDown?.(e);
+          if (e.key === "Escape") {
+            e.preventDefault();
+            e.stopPropagation();
+            onClose?.();
+          }
+        },
+        ...props,
+        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 }),
+            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,
+            {
+              ref: listRef,
+              modes,
+              value,
+              onSelect,
+              label,
+              framed: false,
+              showDescriptions
+            }
+          ),
+          rejected && /* @__PURE__ */ jsxs(
+            "p",
+            {
+              role: "alert",
+              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",
+              children: [
+                /* @__PURE__ */ jsx(Info, { "aria-hidden": "true", className: "size-[18px] shrink-0" }),
+                modesLabels.unavailable(rejected)
+              ]
+            }
+          ),
+          onClear && value != null && /* @__PURE__ */ jsx("div", { className: "mx-1 mt-1.5", children: /* @__PURE__ */ jsx(Md3Button, { variant: "text", onClick: onClear, children: modesLabels.clear }) })
+        ]
+      }
+    );
+  }
+);
+Md3ModesPicker.displayName = "Md3ModesPicker";
+var Md3ModesNote = React.forwardRef(
+  ({ onUndo, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-2 px-2 text-[13px] leading-5 text-md-on-surface-variant animate-nx-fade-in motion-reduce:animate-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(RefreshCw, { "aria-hidden": "true", className: "size-[18px] shrink-0 text-md-primary" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children }),
+        onUndo && /* @__PURE__ */ jsx(Md3Button, { variant: "text", onClick: onUndo, className: "h-8 px-2", children: modesLabels.undo })
+      ]
+    }
+  )
+);
+Md3ModesNote.displayName = "Md3ModesNote";
+var Md3Modes = React.forwardRef(
+  ({
+    modes,
+    value,
+    defaultValue,
+    onValueChange,
+    variant = "composer",
+    open,
+    defaultOpen,
+    onOpenChange,
+    clearable = true,
+    showDescriptions = true,
+    label = "Mode",
+    pickerDescription,
+    defaultNotice,
+    onUnavailable,
+    draft: draftProp,
+    defaultDraft = "",
+    onDraftChange,
+    onSubmit,
+    placeholder = "Ask Aria\u2026",
+    composerLeading,
+    composerActions,
+    sendLabel: _sendLabel,
+    trigger = "chip",
+    settingsItems,
+    onSettingsSelect,
+    className,
+    ...props
+  }, ref) => {
+    const s = useModes({
+      modes,
+      value,
+      defaultValue,
+      onValueChange,
+      open,
+      defaultOpen,
+      onOpenChange,
+      defaultNotice,
+      onUnavailable
+    });
+    const [internalDraft, setInternalDraft] = React.useState(defaultDraft);
+    const draft = draftProp ?? internalDraft;
+    const setDraft = (t) => {
+      if (draftProp === void 0) setInternalDraft(t);
+      onDraftChange?.(t);
+    };
+    const chipRef = React.useRef(null);
+    const chipBoxRef = React.useRef(null);
+    const pickerRef = React.useRef(null);
+    const [userOpened, setUserOpened] = React.useState(false);
+    useModesDismiss([chipBoxRef, pickerRef], s.open, () => s.setOpen(false));
+    const [refocus, setRefocus] = React.useState(0);
+    React.useEffect(() => {
+      if (refocus) chipRef.current?.focus();
+    }, [refocus]);
+    const choose = (id) => {
+      const m = modes.find((x) => x.id === id);
+      const wasOpen = s.open;
+      s.select(id);
+      if (wasOpen && m && !m.unavailable) setRefocus((n) => n + 1);
+    };
+    const clearMode = () => {
+      s.clear();
+      setRefocus((n) => n + 1);
+    };
+    const undoChange = () => {
+      s.undo();
+      setRefocus((n) => n + 1);
+    };
+    const closePicker = () => {
+      s.setOpen(false);
+      setRefocus((n) => n + 1);
+    };
+    const notice = s.notice;
+    const rejected = notice?.type === "unavailable" ? modes.find((m) => m.id === notice.id) ?? null : null;
+    const changedTo = notice?.type === "changed" ? s.mode : null;
+    const note = changedTo ? /* @__PURE__ */ jsx(Md3ModesNote, { onUndo: undoChange, children: modesLabels.changed(changedTo) }) : null;
+    const inlineAlert = rejected && !s.open ? /* @__PURE__ */ jsxs(
+      "p",
+      {
+        role: "alert",
+        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",
+        children: [
+          /* @__PURE__ */ jsx(Info, { "aria-hidden": "true", className: "size-[18px] shrink-0" }),
+          modesLabels.unavailable(rejected)
+        ]
+      }
+    ) : null;
+    const chip = /* @__PURE__ */ jsx("div", { ref: chipBoxRef, className: "inline-flex", children: /* @__PURE__ */ jsx(
+      Md3ModesChip,
+      {
+        ref: chipRef,
+        mode: s.mode,
+        label,
+        open: s.open,
+        onClick: () => {
+          setUserOpened(!s.open);
+          s.setOpen(!s.open);
+        },
+        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,
+      {
+        ref: pickerRef,
+        modes,
+        value: s.value,
+        onSelect: choose,
+        onClear: clearable ? clearMode : void 0,
+        onClose: closePicker,
+        label,
+        description: pickerDescription,
+        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"
+        )
+      }
+    ) : null;
+    const live = /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: s.announcement });
+    if (variant === "segmented" || variant === "list") {
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-2", variant === "segmented" && "items-start", className), ...props, children: [
+        variant === "segmented" ? /* @__PURE__ */ jsx(Md3ModesSegmented, { modes, value: s.value, onSelect: s.select, label }) : /* @__PURE__ */ jsx(
+          Md3ModesList,
+          {
+            modes,
+            value: s.value,
+            onSelect: s.select,
+            label,
+            showDescriptions,
+            className: "w-full max-w-[30rem]"
+          }
+        ),
+        inlineAlert,
+        note,
+        live
+      ] });
+    }
+    if (variant === "chip") {
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-flex flex-col items-start gap-2", className), ...props, children: [
+        control,
+        picker,
+        note,
+        live
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative flex w-full max-w-[38rem] flex-col gap-2", className), ...props, children: [
+      picker,
+      note,
+      /* @__PURE__ */ jsx(
+        Md3AgentComposer,
+        {
+          value: draft,
+          onValueChange: setDraft,
+          onSubmit: (text) => {
+            onSubmit?.(text, { mode: s.mode });
+            s.dismissNotice();
+            if (draftProp === void 0) setInternalDraft("");
+          },
+          placeholder,
+          leftActions: trigger === "settings" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            composerLeading,
+            settings
+          ] }) : composerLeading,
+          rightActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            trigger === "chip" && chip,
+            composerActions
+          ] }),
+          className: cn(
+            "relative gap-2 rounded-md-xl border border-md-outline-variant bg-md-surface px-4 pb-2.5 pt-4 shadow-md-1"
+          )
+        }
+      ),
+      live
+    ] });
+  }
+);
+Md3Modes.displayName = "Md3Modes";
+
+export { Md3Modes, Md3ModesChip, Md3ModesList, Md3ModesNote, Md3ModesPicker, Md3ModesSegmented };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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  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,71 @@
 {
   "name": "@nucleux/md3-modes",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "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.",
+  "keywords": [
+    "nucleux",
+    "react",
+    "ui",
+    "components",
+    "agentic",
+    "ai",
+    "tailwind",
+    "md3",
+    "material",
+    "md3-modes",
+    "modes",
+    "mode-picker",
+    "prompt-scaffolds"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@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": {
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "@types/react": "^18.3.18",
+    "react": "^18.3.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/intelligaia-open-labs/nucleux.git",
+    "directory": "packages/md3-modes"
+  },
+  "homepage": "https://github.com/intelligaia-open-labs/nucleux#readme",
+  "scripts": {
+    "build": "tsup"
+  }
 }