npm - @nucleux/md3-personality - Versions diffs - 0.11.3 → 0.12.0 - Mend

@nucleux/md3-personality 0.11.3 → 0.12.0

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

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -3,6 +3,7 @@
 var React = require('react');
 var lucideReact = require('lucide-react');
+var md3Icons = require('@nucleux/md3-icons');
 var utils = require('@nucleux/utils');
 var personality = require('@nucleux/personality');
 var jsxRuntime = require('react/jsx-runtime');
@@ -60,18 +61,18 @@ var Md3Personality = React__namespace.forwardRef(
         ref,
         "data-variant": "tone-matrix",
         "data-layout": variant,
-        className: utils.cn("flex flex-col gap-2", className),
+        className: utils.cn("font-md", "flex flex-col", list ? "gap-3 leading-[1.55]" : "gap-2", className),
         ...props,
         children: [
           label && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: list ? "text-lg font-semibold text-md-on-surface" : "text-xs font-medium tracking-[0.5px] text-md-on-surface-variant",
+              className: list ? "text-[18.72px] font-semibold leading-[1.55] tracking-[-0.02em] text-md-on-surface" : "text-xs font-medium tracking-[0.5px] text-md-on-surface-variant",
               children: label
             }
           ),
-          note && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "m-0 mt-2 flex items-center gap-1.5 text-sm tracking-[0.25px] text-md-on-surface-variant", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { "aria-hidden": "true", className: "size-4 shrink-0" }),
+          note && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "m-0 flex items-center gap-1 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(md3Icons.MsLock, { className: "size-3.5" }),
             note
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -79,7 +80,7 @@ var Md3Personality = React__namespace.forwardRef(
             {
               role: "radiogroup",
               "aria-label": typeof label === "string" ? label : "Tone",
-              className: list ? "mt-2 flex flex-col" : "flex flex-wrap gap-2",
+              className: list ? "flex flex-col gap-1" : "flex flex-wrap gap-2",
               children: options.map((option, index) => {
                 const active = current === option.value;
                 if (list) {
@@ -97,8 +98,7 @@ var Md3Personality = React__namespace.forwardRef(
                       onClick: () => select(option.value),
                       onKeyDown: (e) => onKeyDown(e, index),
                       className: utils.cn(
-                        "flex items-start gap-4 rounded-md-md py-2 pl-2.5 pr-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary",
-                        stateLayer
+                        "group/row flex items-start gap-1 rounded-md-md text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary"
                       ),
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
@@ -106,19 +106,29 @@ var Md3Personality = React__namespace.forwardRef(
                           {
                             "aria-hidden": "true",
                             className: utils.cn(
-                              "relative mt-0.5 grid size-5 shrink-0 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none",
-                              active ? "border-md-primary" : "border-md-on-surface-variant"
+                              "grid size-10 shrink-0 place-items-center rounded-full",
+                              stateLayer,
+                              "group-hover/row:before:opacity-[0.08] group-active/row:before:opacity-[0.12]"
                             ),
-                            children: active && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2.5 rounded-full bg-md-primary" })
+                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                              "span",
+                              {
+                                className: utils.cn(
+                                  "relative grid size-5 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none",
+                                  active ? "border-md-primary" : "border-md-on-surface-variant"
+                                ),
+                                children: active && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2.5 rounded-full bg-md-primary" })
+                              }
+                            )
                           }
                         ),
-                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex flex-col gap-1", children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 text-base text-md-on-surface", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex flex-col gap-0.5 pt-[9px]", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 text-base leading-[1.55] text-md-on-surface", children: [
                             option.icon,
                             option.label,
-                            option.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-md-sm bg-md-primary-container px-1.5 py-0.5 text-xs font-semibold tracking-[0.5px] text-md-on-primary-container", children: option.badge })
+                            option.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-[6px] bg-md-secondary-container px-1.5 text-[11px] font-semibold leading-[18px] text-md-on-secondary-container", children: option.badge })
                           ] }),
-                          option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { id: `${descId}-${index}`, className: "text-sm tracking-[0.25px] text-md-on-surface-variant", children: option.description })
+                          option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { id: `${descId}-${index}`, className: "text-[13px] leading-[18px] text-md-on-surface-variant", children: option.description })
                         ] })
                       ]
                     },
@@ -169,6 +179,7 @@ var Md3PersonalityVoiceCard = React__namespace.forwardRef(
       "aria-label": label,
       "data-variant": "voice-card",
       className: utils.cn(
+        "font-md",
         "m-0 rounded-md-lg border border-md-outline-variant bg-md-surface p-5 text-md-on-surface",
         className
       ),
@@ -203,7 +214,7 @@ var Md3PersonalitySampleDialog = React__namespace.forwardRef(
       role: "group",
       "aria-label": label,
       "data-variant": "sample-dialog",
-      className: utils.cn("flex flex-col gap-2", className),
+      className: utils.cn("font-md", "flex flex-col gap-2", className),
       ...props,
       children: turns.map((turn, i) => {
         const user = turn.from === "user";

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.tsx"],"names":["React","defaultTones","jsxs","cn","jsx","Lock","Check"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { Check, Lock } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport { defaultTones } from \"@nucleux/personality\";\nimport type {\n PersonalityProps,\n PersonalityVariant,\n PersonalitySampleDialogProps,\n PersonalityVoiceCardProps,\n} from \"@nucleux/personality\";\n\nexport type { ToneOption, PersonalitySampleTurn } from \"@nucleux/personality\";\nexport { defaultTones } from \"@nucleux/personality\";\nexport type Md3PersonalityProps = PersonalityProps;\nexport type Md3PersonalityVariant = PersonalityVariant;\nexport type Md3PersonalityVoiceCardProps = PersonalityVoiceCardProps;\nexport type Md3PersonalitySampleDialogProps = PersonalitySampleDialogProps;\n\nconst stateLayer =\n \"relative overflow-hidden 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 The `tone-matrix` in Material 3 — the twin of `Personality`, with the same\n * API and keyboard model. A small set of writing styles as M3 filter chips:\n * the selected one takes the secondary-container role and a leading check;\n * hover, focus and press are the chip's 8% / 12% state layer. It is a radio\n * group with roving focus (arrow keys move and select, Home / End jump).\n * Tone changes how the agent writes, never what it may do — keep\n * permission, caveat and refusal strings outside it. `variant=\"list\"` is\n * the settings-page picker: M3 radio rows with each description visible, a\n * primary-container \"Recommended\" `badge` and a locked `note`.\n /\nexport const Md3Personality = React.forwardRef<HTMLDivElement, Md3PersonalityProps>(\n (\n { options = defaultTones, value, defaultValue, onValueChange, label = \"Tone\", variant = \"chips\", note, className, ...props },\n ref,\n ) => {\n const list = variant === \"list\";\n // Selection and roving-focus logic copied from @nucleux/personality (internal there).\n const [internal, setInternal] = React.useState<string \| undefined>(defaultValue);\n const current = value !== undefined ? value : internal;\n const refs = React.useRef<(HTMLButtonElement \| null)[]>([]);\n const descId = React.useId();\n const select = (next: string) => {\n if (value === undefined) setInternal(next);\n onValueChange?.(next);\n };\n const selectedIndex = options.findIndex((o) => o.value === current);\n const tabStop = selectedIndex >= 0 ? selectedIndex : 0;\n\n const onKeyDown = (e: React.KeyboardEvent, index: number) => {\n const last = options.length - 1;\n let next: number \| null = null;\n if (e.key === \"ArrowRight\" \|\| e.key === \"ArrowDown\") next = index === last ? 0 : index + 1;\n else if (e.key === \"ArrowLeft\" \|\| e.key === \"ArrowUp\") next = index === 0 ? last : index - 1;\n else if (e.key === \"Home\") next = 0;\n else if (e.key === \"End\") next = last;\n if (next === null) return;\n e.preventDefault();\n refs.current[next]?.focus();\n select(options[next]!.value);\n };\n\n return (\n <div\n ref={ref}\n data-variant=\"tone-matrix\"\n data-layout={variant}\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n >\n {label && (\n <span\n className={\n list\n ? \"text-lg font-semibold text-md-on-surface\"\n : \"text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n }\n >\n {label}\n </span>\n )}\n {note && (\n <p className=\"m-0 mt-2 flex items-center gap-1.5 text-sm tracking-[0.25px] text-md-on-surface-variant\">\n <Lock aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n {note}\n </p>\n )}\n <div\n role=\"radiogroup\"\n aria-label={typeof label === \"string\" ? label : \"Tone\"}\n className={list ? \"mt-2 flex flex-col\" : \"flex flex-wrap gap-2\"}\n >\n {options.map((option, index) => {\n const active = current === option.value;\n if (list) {\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"flex items-start gap-4 rounded-md-md py-2 pl-2.5 pr-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary\",\n stateLayer,\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n \"relative mt-0.5 grid size-5 shrink-0 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none\",\n active ? \"border-md-primary\" : \"border-md-on-surface-variant\",\n )}\n >\n {active && <span className=\"size-2.5 rounded-full bg-md-primary\" />}\n </span>\n <span className=\"relative flex flex-col gap-1\">\n <span className=\"flex items-center gap-2 text-base text-md-on-surface\">\n {option.icon}\n {option.label}\n {option.badge != null && (\n <span className=\"rounded-md-sm bg-md-primary-container px-1.5 py-0.5 text-xs font-semibold tracking-[0.5px] text-md-on-primary-container\">\n {option.badge}\n </span>\n )}\n </span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"text-sm tracking-[0.25px] text-md-on-surface-variant\">\n {option.description}\n </span>\n )}\n </span>\n </button>\n );\n }\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"inline-flex h-8 items-center gap-2 rounded-md-sm border px-3 text-sm font-medium tracking-[0.1px] outline-none transition-colors focus-visible:ring-2 focus-visible:ring-md-primary motion-reduce:transition-none [&_svg]:relative [&_svg]:size-[18px]\",\n stateLayer,\n active\n ? \"border-transparent bg-md-secondary-container pl-2 text-md-on-secondary-container\"\n : \"border-md-outline bg-transparent text-md-on-surface-variant\",\n )}\n >\n {active && option.icon == null && <Check aria-hidden=\"true\" />}\n {option.icon}\n <span className=\"relative\">{option.label}</span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"sr-only\">\n {option.description}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n },\n);\nMd3Personality.displayName = \"Md3Personality\";\n\n/\n The `voice-card` in Material 3 — the twin of `PersonalityVoiceCard`. An\n * outlined card whose sample utterance sits on a surface-container ground\n * behind a primary rule (the voice, written down), with the voice tags as\n * outlined chips beneath it.\n /\nexport const Md3PersonalityVoiceCard = React.forwardRef<HTMLElement, Md3PersonalityVoiceCardProps>(\n ({ quote, tags = [], label = \"Voice\", className, ...props }, ref) => (\n <figure\n ref={ref}\n aria-label={label}\n data-variant=\"voice-card\"\n className={cn(\n \"m-0 rounded-md-lg border border-md-outline-variant bg-md-surface p-5 text-md-on-surface\",\n className,\n )}\n {...props}\n >\n <blockquote className=\"m-0 rounded-md-xs border-l-[3px] border-md-primary bg-md-surface-container px-3.5 py-3 text-sm leading-5 tracking-[0.25px] text-md-on-surface\">\n “{quote}”\n </blockquote>\n {tags.length > 0 && (\n <figcaption className=\"mt-3\">\n <span className=\"sr-only\">Voice: </span>\n <ul className=\"m-0 flex list-none flex-wrap gap-2 p-0\">\n {tags.map((tag) => (\n <li\n key={tag}\n className=\"inline-flex h-6 items-center rounded-md-sm border border-md-outline-variant px-2 text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n >\n {tag}\n </li>\n ))}\n </ul>\n </figcaption>\n )}\n </figure>\n ),\n);\nMd3PersonalityVoiceCard.displayName = \"Md3PersonalityVoiceCard\";\n\n/\n The `sample-dialog` in Material 3 — the twin of `PersonalitySampleDialog`.\n * Two authors, two grounds: the person's turns on surface-container-high,\n * the agent's on its primary-container ground, each with the M3 bubble\n * shape (a small corner toward its author). Lines marked `fixed` carry a\n * lock and \"Same in every personality\", so the contract is visible.\n */\nexport const Md3PersonalitySampleDialog = React.forwardRef<HTMLDivElement, Md3PersonalitySampleDialogProps>(\n ({ turns, agentName = \"Assistant\", label = \"Sample dialog\", className, ...props }, ref) => (\n <div\n ref={ref}\n role=\"group\"\n aria-label={label}\n data-variant=\"sample-dialog\"\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n >\n {turns.map((turn, i) => {\n const user = turn.from === \"user\";\n return (\n <div\n key={i}\n className={cn(\n \"max-w-[85%] px-3.5 py-2.5 text-xs leading-[18px] tracking-[0.25px]\",\n user\n ? \"self-end rounded-md-lg rounded-br-md-xs bg-md-surface-container-high text-md-on-surface\"\n : \"self-start rounded-md-lg rounded-bl-md-xs bg-md-primary-container text-md-on-primary-container\",\n )}\n >\n <span className=\"sr-only\">{user ? \"You said: \" : `${agentName} said: `}</span>\n {turn.text}\n {turn.fixed && (\n <span className=\"mt-1 flex items-center gap-1 text-[11px] font-medium tracking-[0.5px] opacity-80\">\n <Lock aria-hidden=\"true\" className=\"size-3\" />\n Same in every personality\n </span>\n )}\n </div>\n );\n })}\n </div>\n ),\n);\nMd3PersonalitySampleDialog.displayName = \"Md3PersonalitySampleDialog\";\n"]}
1	+ {"version":3,"sources":["../src/index.tsx"],"names":["React","defaultTones","jsxs","cn","jsx","MsLock","Check","Lock"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { Check, Lock } from \"lucide-react\";\nimport { MsLock } from \"@nucleux/md3-icons\";\nimport { cn } from \"@nucleux/utils\";\nimport { defaultTones } from \"@nucleux/personality\";\nimport type {\n PersonalityProps,\n PersonalityVariant,\n PersonalitySampleDialogProps,\n PersonalityVoiceCardProps,\n} from \"@nucleux/personality\";\n\nexport type { ToneOption, PersonalitySampleTurn } from \"@nucleux/personality\";\nexport { defaultTones } from \"@nucleux/personality\";\nexport type Md3PersonalityProps = PersonalityProps;\nexport type Md3PersonalityVariant = PersonalityVariant;\nexport type Md3PersonalityVoiceCardProps = PersonalityVoiceCardProps;\nexport type Md3PersonalitySampleDialogProps = PersonalitySampleDialogProps;\n\nconst stateLayer =\n \"relative overflow-hidden 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 The `tone-matrix` in Material 3 — the twin of `Personality`, with the same\n * API and keyboard model. A small set of writing styles as M3 filter chips:\n * the selected one takes the secondary-container role and a leading check;\n * hover, focus and press are the chip's 8% / 12% state layer. It is a radio\n * group with roving focus (arrow keys move and select, Home / End jump).\n * Tone changes how the agent writes, never what it may do — keep\n * permission, caveat and refusal strings outside it. `variant=\"list\"` is\n * the settings-page picker: M3 radio rows with each description visible, a\n * secondary-container \"Recommended\" `badge` and a locked `note`.\n /\nexport const Md3Personality = React.forwardRef<HTMLDivElement, Md3PersonalityProps>(\n (\n { options = defaultTones, value, defaultValue, onValueChange, label = \"Tone\", variant = \"chips\", note, className, ...props },\n ref,\n ) => {\n const list = variant === \"list\";\n // Selection and roving-focus logic copied from @nucleux/personality (internal there).\n const [internal, setInternal] = React.useState<string \| undefined>(defaultValue);\n const current = value !== undefined ? value : internal;\n const refs = React.useRef<(HTMLButtonElement \| null)[]>([]);\n const descId = React.useId();\n const select = (next: string) => {\n if (value === undefined) setInternal(next);\n onValueChange?.(next);\n };\n const selectedIndex = options.findIndex((o) => o.value === current);\n const tabStop = selectedIndex >= 0 ? selectedIndex : 0;\n\n const onKeyDown = (e: React.KeyboardEvent, index: number) => {\n const last = options.length - 1;\n let next: number \| null = null;\n if (e.key === \"ArrowRight\" \|\| e.key === \"ArrowDown\") next = index === last ? 0 : index + 1;\n else if (e.key === \"ArrowLeft\" \|\| e.key === \"ArrowUp\") next = index === 0 ? last : index - 1;\n else if (e.key === \"Home\") next = 0;\n else if (e.key === \"End\") next = last;\n if (next === null) return;\n e.preventDefault();\n refs.current[next]?.focus();\n select(options[next]!.value);\n };\n\n return (\n <div\n ref={ref}\n data-variant=\"tone-matrix\"\n data-layout={variant}\n className={cn(\"font-md\", \"flex flex-col\", list ? \"gap-3 leading-[1.55]\" : \"gap-2\", className)}\n {...props}\n >\n {label && (\n <span\n className={\n list\n ? \"text-[18.72px] font-semibold leading-[1.55] tracking-[-0.02em] text-md-on-surface\"\n : \"text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n }\n >\n {label}\n </span>\n )}\n {note && (\n <p className=\"m-0 flex items-center gap-1 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant\">\n <MsLock className=\"size-3.5\" />\n {note}\n </p>\n )}\n <div\n role=\"radiogroup\"\n aria-label={typeof label === \"string\" ? label : \"Tone\"}\n className={list ? \"flex flex-col gap-1\" : \"flex flex-wrap gap-2\"}\n >\n {options.map((option, index) => {\n const active = current === option.value;\n if (list) {\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"group/row flex items-start gap-1 rounded-md-md text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary\",\n )}\n >\n {/ The M3 radio: a 20px ring in a 40px state-layer target. /}\n <span\n aria-hidden=\"true\"\n className={cn(\n \"grid size-10 shrink-0 place-items-center rounded-full\",\n stateLayer,\n \"group-hover/row:before:opacity-[0.08] group-active/row:before:opacity-[0.12]\",\n )}\n >\n <span\n className={cn(\n \"relative grid size-5 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none\",\n active ? \"border-md-primary\" : \"border-md-on-surface-variant\",\n )}\n >\n {active && <span className=\"size-2.5 rounded-full bg-md-primary\" />}\n </span>\n </span>\n <span className=\"relative flex flex-col gap-0.5 pt-[9px]\">\n <span className=\"flex items-center gap-2 text-base leading-[1.55] text-md-on-surface\">\n {option.icon}\n {option.label}\n {option.badge != null && (\n <span className=\"rounded-[6px] bg-md-secondary-container px-1.5 text-[11px] font-semibold leading-[18px] text-md-on-secondary-container\">\n {option.badge}\n </span>\n )}\n </span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"text-[13px] leading-[18px] text-md-on-surface-variant\">\n {option.description}\n </span>\n )}\n </span>\n </button>\n );\n }\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"inline-flex h-8 items-center gap-2 rounded-md-sm border px-3 text-sm font-medium tracking-[0.1px] outline-none transition-colors focus-visible:ring-2 focus-visible:ring-md-primary motion-reduce:transition-none [&_svg]:relative [&_svg]:size-[18px]\",\n stateLayer,\n active\n ? \"border-transparent bg-md-secondary-container pl-2 text-md-on-secondary-container\"\n : \"border-md-outline bg-transparent text-md-on-surface-variant\",\n )}\n >\n {active && option.icon == null && <Check aria-hidden=\"true\" />}\n {option.icon}\n <span className=\"relative\">{option.label}</span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"sr-only\">\n {option.description}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n },\n);\nMd3Personality.displayName = \"Md3Personality\";\n\n/\n The `voice-card` in Material 3 — the twin of `PersonalityVoiceCard`. An\n * outlined card whose sample utterance sits on a surface-container ground\n * behind a primary rule (the voice, written down), with the voice tags as\n * outlined chips beneath it.\n /\nexport const Md3PersonalityVoiceCard = React.forwardRef<HTMLElement, Md3PersonalityVoiceCardProps>(\n ({ quote, tags = [], label = \"Voice\", className, ...props }, ref) => (\n <figure\n ref={ref}\n aria-label={label}\n data-variant=\"voice-card\"\n className={cn(\n \"font-md\",\n \"m-0 rounded-md-lg border border-md-outline-variant bg-md-surface p-5 text-md-on-surface\",\n className,\n )}\n {...props}\n >\n <blockquote className=\"m-0 rounded-md-xs border-l-[3px] border-md-primary bg-md-surface-container px-3.5 py-3 text-sm leading-5 tracking-[0.25px] text-md-on-surface\">\n “{quote}”\n </blockquote>\n {tags.length > 0 && (\n <figcaption className=\"mt-3\">\n <span className=\"sr-only\">Voice: </span>\n <ul className=\"m-0 flex list-none flex-wrap gap-2 p-0\">\n {tags.map((tag) => (\n <li\n key={tag}\n className=\"inline-flex h-6 items-center rounded-md-sm border border-md-outline-variant px-2 text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n >\n {tag}\n </li>\n ))}\n </ul>\n </figcaption>\n )}\n </figure>\n ),\n);\nMd3PersonalityVoiceCard.displayName = \"Md3PersonalityVoiceCard\";\n\n/\n The `sample-dialog` in Material 3 — the twin of `PersonalitySampleDialog`.\n * Two authors, two grounds: the person's turns on surface-container-high,\n * the agent's on its primary-container ground, each with the M3 bubble\n * shape (a small corner toward its author). Lines marked `fixed` carry a\n * lock and \"Same in every personality\", so the contract is visible.\n */\nexport const Md3PersonalitySampleDialog = React.forwardRef<HTMLDivElement, Md3PersonalitySampleDialogProps>(\n ({ turns, agentName = \"Assistant\", label = \"Sample dialog\", className, ...props }, ref) => (\n <div\n ref={ref}\n role=\"group\"\n aria-label={label}\n data-variant=\"sample-dialog\"\n className={cn(\"font-md\", \"flex flex-col gap-2\", className)}\n {...props}\n >\n {turns.map((turn, i) => {\n const user = turn.from === \"user\";\n return (\n <div\n key={i}\n className={cn(\n \"max-w-[85%] px-3.5 py-2.5 text-xs leading-[18px] tracking-[0.25px]\",\n user\n ? \"self-end rounded-md-lg rounded-br-md-xs bg-md-surface-container-high text-md-on-surface\"\n : \"self-start rounded-md-lg rounded-bl-md-xs bg-md-primary-container text-md-on-primary-container\",\n )}\n >\n <span className=\"sr-only\">{user ? \"You said: \" : `${agentName} said: `}</span>\n {turn.text}\n {turn.fixed && (\n <span className=\"mt-1 flex items-center gap-1 text-[11px] font-medium tracking-[0.5px] opacity-80\">\n <Lock aria-hidden=\"true\" className=\"size-3\" />\n Same in every personality\n </span>\n )}\n </div>\n );\n })}\n </div>\n ),\n);\nMd3PersonalitySampleDialog.displayName = \"Md3PersonalitySampleDialog\";\n"]}

package/dist/index.d.cts CHANGED Viewed

@@ -15,7 +15,7 @@ type Md3PersonalitySampleDialogProps = PersonalitySampleDialogProps;
  * Tone changes how the agent writes, never what it may do — keep
  * permission, caveat and refusal strings outside it. `variant="list"` is
  * the settings-page picker: M3 radio rows with each description visible, a
- * primary-container "Recommended" `badge` and a locked `note`.
+ * secondary-container "Recommended" `badge` and a locked `note`.
  */
 declare const Md3Personality: React.ForwardRefExoticComponent<PersonalityProps & React.RefAttributes<HTMLDivElement>>;
 /**

package/dist/index.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ type Md3PersonalitySampleDialogProps = PersonalitySampleDialogProps;
  * Tone changes how the agent writes, never what it may do — keep
  * permission, caveat and refusal strings outside it. `variant="list"` is
  * the settings-page picker: M3 radio rows with each description visible, a
- * primary-container "Recommended" `badge` and a locked `note`.
+ * secondary-container "Recommended" `badge` and a locked `note`.
  */
 declare const Md3Personality: React.ForwardRefExoticComponent<PersonalityProps & React.RefAttributes<HTMLDivElement>>;
 /**

package/dist/index.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use client";
 import * as React from 'react';
-import { Lock, Check } from 'lucide-react';
+import { Check, Lock } from 'lucide-react';
+import { MsLock } from '@nucleux/md3-icons';
 import { cn } from '@nucleux/utils';
 import { defaultTones } from '@nucleux/personality';
 export { defaultTones } from '@nucleux/personality';
@@ -39,18 +40,18 @@ var Md3Personality = React.forwardRef(
         ref,
         "data-variant": "tone-matrix",
         "data-layout": variant,
-        className: cn("flex flex-col gap-2", className),
+        className: cn("font-md", "flex flex-col", list ? "gap-3 leading-[1.55]" : "gap-2", className),
         ...props,
         children: [
           label && /* @__PURE__ */ jsx(
             "span",
             {
-              className: list ? "text-lg font-semibold text-md-on-surface" : "text-xs font-medium tracking-[0.5px] text-md-on-surface-variant",
+              className: list ? "text-[18.72px] font-semibold leading-[1.55] tracking-[-0.02em] text-md-on-surface" : "text-xs font-medium tracking-[0.5px] text-md-on-surface-variant",
               children: label
             }
           ),
-          note && /* @__PURE__ */ jsxs("p", { className: "m-0 mt-2 flex items-center gap-1.5 text-sm tracking-[0.25px] text-md-on-surface-variant", children: [
-            /* @__PURE__ */ jsx(Lock, { "aria-hidden": "true", className: "size-4 shrink-0" }),
+          note && /* @__PURE__ */ jsxs("p", { className: "m-0 flex items-center gap-1 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant", children: [
+            /* @__PURE__ */ jsx(MsLock, { className: "size-3.5" }),
             note
           ] }),
           /* @__PURE__ */ jsx(
@@ -58,7 +59,7 @@ var Md3Personality = React.forwardRef(
             {
               role: "radiogroup",
               "aria-label": typeof label === "string" ? label : "Tone",
-              className: list ? "mt-2 flex flex-col" : "flex flex-wrap gap-2",
+              className: list ? "flex flex-col gap-1" : "flex flex-wrap gap-2",
               children: options.map((option, index) => {
                 const active = current === option.value;
                 if (list) {
@@ -76,8 +77,7 @@ var Md3Personality = React.forwardRef(
                       onClick: () => select(option.value),
                       onKeyDown: (e) => onKeyDown(e, index),
                       className: cn(
-                        "flex items-start gap-4 rounded-md-md py-2 pl-2.5 pr-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary",
-                        stateLayer
+                        "group/row flex items-start gap-1 rounded-md-md text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary"
                       ),
                       children: [
                         /* @__PURE__ */ jsx(
@@ -85,19 +85,29 @@ var Md3Personality = React.forwardRef(
                           {
                             "aria-hidden": "true",
                             className: cn(
-                              "relative mt-0.5 grid size-5 shrink-0 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none",
-                              active ? "border-md-primary" : "border-md-on-surface-variant"
+                              "grid size-10 shrink-0 place-items-center rounded-full",
+                              stateLayer,
+                              "group-hover/row:before:opacity-[0.08] group-active/row:before:opacity-[0.12]"
                             ),
-                            children: active && /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-md-primary" })
+                            children: /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                className: cn(
+                                  "relative grid size-5 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none",
+                                  active ? "border-md-primary" : "border-md-on-surface-variant"
+                                ),
+                                children: active && /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-md-primary" })
+                              }
+                            )
                           }
                         ),
-                        /* @__PURE__ */ jsxs("span", { className: "relative flex flex-col gap-1", children: [
-                          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-base text-md-on-surface", children: [
+                        /* @__PURE__ */ jsxs("span", { className: "relative flex flex-col gap-0.5 pt-[9px]", children: [
+                          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-base leading-[1.55] text-md-on-surface", children: [
                             option.icon,
                             option.label,
-                            option.badge != null && /* @__PURE__ */ jsx("span", { className: "rounded-md-sm bg-md-primary-container px-1.5 py-0.5 text-xs font-semibold tracking-[0.5px] text-md-on-primary-container", children: option.badge })
+                            option.badge != null && /* @__PURE__ */ jsx("span", { className: "rounded-[6px] bg-md-secondary-container px-1.5 text-[11px] font-semibold leading-[18px] text-md-on-secondary-container", children: option.badge })
                           ] }),
-                          option.description && /* @__PURE__ */ jsx("span", { id: `${descId}-${index}`, className: "text-sm tracking-[0.25px] text-md-on-surface-variant", children: option.description })
+                          option.description && /* @__PURE__ */ jsx("span", { id: `${descId}-${index}`, className: "text-[13px] leading-[18px] text-md-on-surface-variant", children: option.description })
                         ] })
                       ]
                     },
@@ -148,6 +158,7 @@ var Md3PersonalityVoiceCard = React.forwardRef(
       "aria-label": label,
       "data-variant": "voice-card",
       className: cn(
+        "font-md",
         "m-0 rounded-md-lg border border-md-outline-variant bg-md-surface p-5 text-md-on-surface",
         className
       ),
@@ -182,7 +193,7 @@ var Md3PersonalitySampleDialog = React.forwardRef(
       role: "group",
       "aria-label": label,
       "data-variant": "sample-dialog",
-      className: cn("flex flex-col gap-2", className),
+      className: cn("font-md", "flex flex-col gap-2", className),
       ...props,
       children: turns.map((turn, i) => {
         const user = turn.from === "user";

package/dist/index.js.map CHANGED Viewed

	@@ -1 +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, Lock } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport { defaultTones } from \"@nucleux/personality\";\nimport type {\n PersonalityProps,\n PersonalityVariant,\n PersonalitySampleDialogProps,\n PersonalityVoiceCardProps,\n} from \"@nucleux/personality\";\n\nexport type { ToneOption, PersonalitySampleTurn } from \"@nucleux/personality\";\nexport { defaultTones } from \"@nucleux/personality\";\nexport type Md3PersonalityProps = PersonalityProps;\nexport type Md3PersonalityVariant = PersonalityVariant;\nexport type Md3PersonalityVoiceCardProps = PersonalityVoiceCardProps;\nexport type Md3PersonalitySampleDialogProps = PersonalitySampleDialogProps;\n\nconst stateLayer =\n \"relative overflow-hidden 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 The `tone-matrix` in Material 3 — the twin of `Personality`, with the same\n * API and keyboard model. A small set of writing styles as M3 filter chips:\n * the selected one takes the secondary-container role and a leading check;\n * hover, focus and press are the chip's 8% / 12% state layer. It is a radio\n * group with roving focus (arrow keys move and select, Home / End jump).\n * Tone changes how the agent writes, never what it may do — keep\n * permission, caveat and refusal strings outside it. `variant=\"list\"` is\n * the settings-page picker: M3 radio rows with each description visible, a\n * primary-container \"Recommended\" `badge` and a locked `note`.\n /\nexport const Md3Personality = React.forwardRef<HTMLDivElement, Md3PersonalityProps>(\n (\n { options = defaultTones, value, defaultValue, onValueChange, label = \"Tone\", variant = \"chips\", note, className, ...props },\n ref,\n ) => {\n const list = variant === \"list\";\n // Selection and roving-focus logic copied from @nucleux/personality (internal there).\n const [internal, setInternal] = React.useState<string \| undefined>(defaultValue);\n const current = value !== undefined ? value : internal;\n const refs = React.useRef<(HTMLButtonElement \| null)[]>([]);\n const descId = React.useId();\n const select = (next: string) => {\n if (value === undefined) setInternal(next);\n onValueChange?.(next);\n };\n const selectedIndex = options.findIndex((o) => o.value === current);\n const tabStop = selectedIndex >= 0 ? selectedIndex : 0;\n\n const onKeyDown = (e: React.KeyboardEvent, index: number) => {\n const last = options.length - 1;\n let next: number \| null = null;\n if (e.key === \"ArrowRight\" \|\| e.key === \"ArrowDown\") next = index === last ? 0 : index + 1;\n else if (e.key === \"ArrowLeft\" \|\| e.key === \"ArrowUp\") next = index === 0 ? last : index - 1;\n else if (e.key === \"Home\") next = 0;\n else if (e.key === \"End\") next = last;\n if (next === null) return;\n e.preventDefault();\n refs.current[next]?.focus();\n select(options[next]!.value);\n };\n\n return (\n <div\n ref={ref}\n data-variant=\"tone-matrix\"\n data-layout={variant}\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n >\n {label && (\n <span\n className={\n list\n ? \"text-lg font-semibold text-md-on-surface\"\n : \"text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n }\n >\n {label}\n </span>\n )}\n {note && (\n <p className=\"m-0 mt-2 flex items-center gap-1.5 text-sm tracking-[0.25px] text-md-on-surface-variant\">\n <Lock aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n {note}\n </p>\n )}\n <div\n role=\"radiogroup\"\n aria-label={typeof label === \"string\" ? label : \"Tone\"}\n className={list ? \"mt-2 flex flex-col\" : \"flex flex-wrap gap-2\"}\n >\n {options.map((option, index) => {\n const active = current === option.value;\n if (list) {\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"flex items-start gap-4 rounded-md-md py-2 pl-2.5 pr-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary\",\n stateLayer,\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n \"relative mt-0.5 grid size-5 shrink-0 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none\",\n active ? \"border-md-primary\" : \"border-md-on-surface-variant\",\n )}\n >\n {active && <span className=\"size-2.5 rounded-full bg-md-primary\" />}\n </span>\n <span className=\"relative flex flex-col gap-1\">\n <span className=\"flex items-center gap-2 text-base text-md-on-surface\">\n {option.icon}\n {option.label}\n {option.badge != null && (\n <span className=\"rounded-md-sm bg-md-primary-container px-1.5 py-0.5 text-xs font-semibold tracking-[0.5px] text-md-on-primary-container\">\n {option.badge}\n </span>\n )}\n </span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"text-sm tracking-[0.25px] text-md-on-surface-variant\">\n {option.description}\n </span>\n )}\n </span>\n </button>\n );\n }\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"inline-flex h-8 items-center gap-2 rounded-md-sm border px-3 text-sm font-medium tracking-[0.1px] outline-none transition-colors focus-visible:ring-2 focus-visible:ring-md-primary motion-reduce:transition-none [&_svg]:relative [&_svg]:size-[18px]\",\n stateLayer,\n active\n ? \"border-transparent bg-md-secondary-container pl-2 text-md-on-secondary-container\"\n : \"border-md-outline bg-transparent text-md-on-surface-variant\",\n )}\n >\n {active && option.icon == null && <Check aria-hidden=\"true\" />}\n {option.icon}\n <span className=\"relative\">{option.label}</span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"sr-only\">\n {option.description}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n },\n);\nMd3Personality.displayName = \"Md3Personality\";\n\n/\n The `voice-card` in Material 3 — the twin of `PersonalityVoiceCard`. An\n * outlined card whose sample utterance sits on a surface-container ground\n * behind a primary rule (the voice, written down), with the voice tags as\n * outlined chips beneath it.\n /\nexport const Md3PersonalityVoiceCard = React.forwardRef<HTMLElement, Md3PersonalityVoiceCardProps>(\n ({ quote, tags = [], label = \"Voice\", className, ...props }, ref) => (\n <figure\n ref={ref}\n aria-label={label}\n data-variant=\"voice-card\"\n className={cn(\n \"m-0 rounded-md-lg border border-md-outline-variant bg-md-surface p-5 text-md-on-surface\",\n className,\n )}\n {...props}\n >\n <blockquote className=\"m-0 rounded-md-xs border-l-[3px] border-md-primary bg-md-surface-container px-3.5 py-3 text-sm leading-5 tracking-[0.25px] text-md-on-surface\">\n “{quote}”\n </blockquote>\n {tags.length > 0 && (\n <figcaption className=\"mt-3\">\n <span className=\"sr-only\">Voice: </span>\n <ul className=\"m-0 flex list-none flex-wrap gap-2 p-0\">\n {tags.map((tag) => (\n <li\n key={tag}\n className=\"inline-flex h-6 items-center rounded-md-sm border border-md-outline-variant px-2 text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n >\n {tag}\n </li>\n ))}\n </ul>\n </figcaption>\n )}\n </figure>\n ),\n);\nMd3PersonalityVoiceCard.displayName = \"Md3PersonalityVoiceCard\";\n\n/\n The `sample-dialog` in Material 3 — the twin of `PersonalitySampleDialog`.\n * Two authors, two grounds: the person's turns on surface-container-high,\n * the agent's on its primary-container ground, each with the M3 bubble\n * shape (a small corner toward its author). Lines marked `fixed` carry a\n * lock and \"Same in every personality\", so the contract is visible.\n */\nexport const Md3PersonalitySampleDialog = React.forwardRef<HTMLDivElement, Md3PersonalitySampleDialogProps>(\n ({ turns, agentName = \"Assistant\", label = \"Sample dialog\", className, ...props }, ref) => (\n <div\n ref={ref}\n role=\"group\"\n aria-label={label}\n data-variant=\"sample-dialog\"\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n >\n {turns.map((turn, i) => {\n const user = turn.from === \"user\";\n return (\n <div\n key={i}\n className={cn(\n \"max-w-[85%] px-3.5 py-2.5 text-xs leading-[18px] tracking-[0.25px]\",\n user\n ? \"self-end rounded-md-lg rounded-br-md-xs bg-md-surface-container-high text-md-on-surface\"\n : \"self-start rounded-md-lg rounded-bl-md-xs bg-md-primary-container text-md-on-primary-container\",\n )}\n >\n <span className=\"sr-only\">{user ? \"You said: \" : `${agentName} said: `}</span>\n {turn.text}\n {turn.fixed && (\n <span className=\"mt-1 flex items-center gap-1 text-[11px] font-medium tracking-[0.5px] opacity-80\">\n <Lock aria-hidden=\"true\" className=\"size-3\" />\n Same in every personality\n </span>\n )}\n </div>\n );\n })}\n </div>\n ),\n);\nMd3PersonalitySampleDialog.displayName = \"Md3PersonalitySampleDialog\";\n"]}
1	+ {"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { Check, Lock } from \"lucide-react\";\nimport { MsLock } from \"@nucleux/md3-icons\";\nimport { cn } from \"@nucleux/utils\";\nimport { defaultTones } from \"@nucleux/personality\";\nimport type {\n PersonalityProps,\n PersonalityVariant,\n PersonalitySampleDialogProps,\n PersonalityVoiceCardProps,\n} from \"@nucleux/personality\";\n\nexport type { ToneOption, PersonalitySampleTurn } from \"@nucleux/personality\";\nexport { defaultTones } from \"@nucleux/personality\";\nexport type Md3PersonalityProps = PersonalityProps;\nexport type Md3PersonalityVariant = PersonalityVariant;\nexport type Md3PersonalityVoiceCardProps = PersonalityVoiceCardProps;\nexport type Md3PersonalitySampleDialogProps = PersonalitySampleDialogProps;\n\nconst stateLayer =\n \"relative overflow-hidden 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 The `tone-matrix` in Material 3 — the twin of `Personality`, with the same\n * API and keyboard model. A small set of writing styles as M3 filter chips:\n * the selected one takes the secondary-container role and a leading check;\n * hover, focus and press are the chip's 8% / 12% state layer. It is a radio\n * group with roving focus (arrow keys move and select, Home / End jump).\n * Tone changes how the agent writes, never what it may do — keep\n * permission, caveat and refusal strings outside it. `variant=\"list\"` is\n * the settings-page picker: M3 radio rows with each description visible, a\n * secondary-container \"Recommended\" `badge` and a locked `note`.\n /\nexport const Md3Personality = React.forwardRef<HTMLDivElement, Md3PersonalityProps>(\n (\n { options = defaultTones, value, defaultValue, onValueChange, label = \"Tone\", variant = \"chips\", note, className, ...props },\n ref,\n ) => {\n const list = variant === \"list\";\n // Selection and roving-focus logic copied from @nucleux/personality (internal there).\n const [internal, setInternal] = React.useState<string \| undefined>(defaultValue);\n const current = value !== undefined ? value : internal;\n const refs = React.useRef<(HTMLButtonElement \| null)[]>([]);\n const descId = React.useId();\n const select = (next: string) => {\n if (value === undefined) setInternal(next);\n onValueChange?.(next);\n };\n const selectedIndex = options.findIndex((o) => o.value === current);\n const tabStop = selectedIndex >= 0 ? selectedIndex : 0;\n\n const onKeyDown = (e: React.KeyboardEvent, index: number) => {\n const last = options.length - 1;\n let next: number \| null = null;\n if (e.key === \"ArrowRight\" \|\| e.key === \"ArrowDown\") next = index === last ? 0 : index + 1;\n else if (e.key === \"ArrowLeft\" \|\| e.key === \"ArrowUp\") next = index === 0 ? last : index - 1;\n else if (e.key === \"Home\") next = 0;\n else if (e.key === \"End\") next = last;\n if (next === null) return;\n e.preventDefault();\n refs.current[next]?.focus();\n select(options[next]!.value);\n };\n\n return (\n <div\n ref={ref}\n data-variant=\"tone-matrix\"\n data-layout={variant}\n className={cn(\"font-md\", \"flex flex-col\", list ? \"gap-3 leading-[1.55]\" : \"gap-2\", className)}\n {...props}\n >\n {label && (\n <span\n className={\n list\n ? \"text-[18.72px] font-semibold leading-[1.55] tracking-[-0.02em] text-md-on-surface\"\n : \"text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n }\n >\n {label}\n </span>\n )}\n {note && (\n <p className=\"m-0 flex items-center gap-1 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant\">\n <MsLock className=\"size-3.5\" />\n {note}\n </p>\n )}\n <div\n role=\"radiogroup\"\n aria-label={typeof label === \"string\" ? label : \"Tone\"}\n className={list ? \"flex flex-col gap-1\" : \"flex flex-wrap gap-2\"}\n >\n {options.map((option, index) => {\n const active = current === option.value;\n if (list) {\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"group/row flex items-start gap-1 rounded-md-md text-left outline-none focus-visible:ring-2 focus-visible:ring-md-primary\",\n )}\n >\n {/ The M3 radio: a 20px ring in a 40px state-layer target. /}\n <span\n aria-hidden=\"true\"\n className={cn(\n \"grid size-10 shrink-0 place-items-center rounded-full\",\n stateLayer,\n \"group-hover/row:before:opacity-[0.08] group-active/row:before:opacity-[0.12]\",\n )}\n >\n <span\n className={cn(\n \"relative grid size-5 place-items-center rounded-full border-2 transition-colors motion-reduce:transition-none\",\n active ? \"border-md-primary\" : \"border-md-on-surface-variant\",\n )}\n >\n {active && <span className=\"size-2.5 rounded-full bg-md-primary\" />}\n </span>\n </span>\n <span className=\"relative flex flex-col gap-0.5 pt-[9px]\">\n <span className=\"flex items-center gap-2 text-base leading-[1.55] text-md-on-surface\">\n {option.icon}\n {option.label}\n {option.badge != null && (\n <span className=\"rounded-[6px] bg-md-secondary-container px-1.5 text-[11px] font-semibold leading-[18px] text-md-on-secondary-container\">\n {option.badge}\n </span>\n )}\n </span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"text-[13px] leading-[18px] text-md-on-surface-variant\">\n {option.description}\n </span>\n )}\n </span>\n </button>\n );\n }\n return (\n <button\n key={option.value}\n ref={(el) => {\n refs.current[index] = el;\n }}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n aria-describedby={option.description ? `${descId}-${index}` : undefined}\n tabIndex={index === tabStop ? 0 : -1}\n onClick={() => select(option.value)}\n onKeyDown={(e) => onKeyDown(e, index)}\n className={cn(\n \"inline-flex h-8 items-center gap-2 rounded-md-sm border px-3 text-sm font-medium tracking-[0.1px] outline-none transition-colors focus-visible:ring-2 focus-visible:ring-md-primary motion-reduce:transition-none [&_svg]:relative [&_svg]:size-[18px]\",\n stateLayer,\n active\n ? \"border-transparent bg-md-secondary-container pl-2 text-md-on-secondary-container\"\n : \"border-md-outline bg-transparent text-md-on-surface-variant\",\n )}\n >\n {active && option.icon == null && <Check aria-hidden=\"true\" />}\n {option.icon}\n <span className=\"relative\">{option.label}</span>\n {option.description && (\n <span id={`${descId}-${index}`} className=\"sr-only\">\n {option.description}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n },\n);\nMd3Personality.displayName = \"Md3Personality\";\n\n/\n The `voice-card` in Material 3 — the twin of `PersonalityVoiceCard`. An\n * outlined card whose sample utterance sits on a surface-container ground\n * behind a primary rule (the voice, written down), with the voice tags as\n * outlined chips beneath it.\n /\nexport const Md3PersonalityVoiceCard = React.forwardRef<HTMLElement, Md3PersonalityVoiceCardProps>(\n ({ quote, tags = [], label = \"Voice\", className, ...props }, ref) => (\n <figure\n ref={ref}\n aria-label={label}\n data-variant=\"voice-card\"\n className={cn(\n \"font-md\",\n \"m-0 rounded-md-lg border border-md-outline-variant bg-md-surface p-5 text-md-on-surface\",\n className,\n )}\n {...props}\n >\n <blockquote className=\"m-0 rounded-md-xs border-l-[3px] border-md-primary bg-md-surface-container px-3.5 py-3 text-sm leading-5 tracking-[0.25px] text-md-on-surface\">\n “{quote}”\n </blockquote>\n {tags.length > 0 && (\n <figcaption className=\"mt-3\">\n <span className=\"sr-only\">Voice: </span>\n <ul className=\"m-0 flex list-none flex-wrap gap-2 p-0\">\n {tags.map((tag) => (\n <li\n key={tag}\n className=\"inline-flex h-6 items-center rounded-md-sm border border-md-outline-variant px-2 text-xs font-medium tracking-[0.5px] text-md-on-surface-variant\"\n >\n {tag}\n </li>\n ))}\n </ul>\n </figcaption>\n )}\n </figure>\n ),\n);\nMd3PersonalityVoiceCard.displayName = \"Md3PersonalityVoiceCard\";\n\n/\n The `sample-dialog` in Material 3 — the twin of `PersonalitySampleDialog`.\n * Two authors, two grounds: the person's turns on surface-container-high,\n * the agent's on its primary-container ground, each with the M3 bubble\n * shape (a small corner toward its author). Lines marked `fixed` carry a\n * lock and \"Same in every personality\", so the contract is visible.\n */\nexport const Md3PersonalitySampleDialog = React.forwardRef<HTMLDivElement, Md3PersonalitySampleDialogProps>(\n ({ turns, agentName = \"Assistant\", label = \"Sample dialog\", className, ...props }, ref) => (\n <div\n ref={ref}\n role=\"group\"\n aria-label={label}\n data-variant=\"sample-dialog\"\n className={cn(\"font-md\", \"flex flex-col gap-2\", className)}\n {...props}\n >\n {turns.map((turn, i) => {\n const user = turn.from === \"user\";\n return (\n <div\n key={i}\n className={cn(\n \"max-w-[85%] px-3.5 py-2.5 text-xs leading-[18px] tracking-[0.25px]\",\n user\n ? \"self-end rounded-md-lg rounded-br-md-xs bg-md-surface-container-high text-md-on-surface\"\n : \"self-start rounded-md-lg rounded-bl-md-xs bg-md-primary-container text-md-on-primary-container\",\n )}\n >\n <span className=\"sr-only\">{user ? \"You said: \" : `${agentName} said: `}</span>\n {turn.text}\n {turn.fixed && (\n <span className=\"mt-1 flex items-center gap-1 text-[11px] font-medium tracking-[0.5px] opacity-80\">\n <Lock aria-hidden=\"true\" className=\"size-3\" />\n Same in every personality\n </span>\n )}\n </div>\n );\n })}\n </div>\n ),\n);\nMd3PersonalitySampleDialog.displayName = \"Md3PersonalitySampleDialog\";\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nucleux/md3-personality",
-  "version": "0.11.3",
+  "version": "0.12.0",
   "type": "module",
   "sideEffects": false,
   "description": "Material 3 Personality — choose how the agent writes while the trust language stays fixed — Nucleux agentic UI for React.",
@@ -36,11 +36,12 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@nucleux/md3-agent-avatar": "0.11.3",
-    "@nucleux/md3-button": "0.11.3",
-    "@nucleux/md3-message": "0.11.3",
-    "@nucleux/personality": "0.11.3",
-    "@nucleux/utils": "0.11.3",
+    "@nucleux/md3-agent-avatar": "0.12.0",
+    "@nucleux/md3-button": "0.12.0",
+    "@nucleux/md3-icons": "0.12.0",
+    "@nucleux/md3-message": "0.12.0",
+    "@nucleux/personality": "0.12.0",
+    "@nucleux/utils": "0.12.0",
     "lucide-react": "^0.469.0"
   },
   "devDependencies": {