@nucleux/md3-agent-avatar 0.9.0 → 0.10.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.
- package/dist/index.cjs +5 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +7 -6
package/dist/index.cjs
CHANGED
|
@@ -32,13 +32,15 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
32
32
|
var sizeClasses = {
|
|
33
33
|
sm: "size-6 text-[11px] [&_svg]:size-3.5",
|
|
34
34
|
md: "size-8 text-xs [&_svg]:size-4",
|
|
35
|
-
lg: "size-10 text-base [&_svg]:size-5"
|
|
35
|
+
lg: "size-10 text-base [&_svg]:size-5",
|
|
36
|
+
xl: "size-11 text-base [&_svg]:size-5"
|
|
36
37
|
};
|
|
37
|
-
var ringSize = { sm: 32, md: 40, lg: 48 };
|
|
38
|
+
var ringSize = { sm: 32, md: 40, lg: 48, xl: 52 };
|
|
38
39
|
var dotSizes = {
|
|
39
40
|
sm: "size-2 border",
|
|
40
41
|
md: "size-2.5 border-2",
|
|
41
|
-
lg: "size-3 border-2"
|
|
42
|
+
lg: "size-3 border-2",
|
|
43
|
+
xl: "size-3 border-2"
|
|
42
44
|
};
|
|
43
45
|
var dotColors = {
|
|
44
46
|
online: "bg-md-tertiary",
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx"],"names":["cn","md3AiColorClasses","React","useAiGlyph","jsxs","jsx","Md3CircularProgress"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAM,WAAA,GAA+C;AAAA,EACnD,EAAA,EAAI,qCAAA;AAAA,EACJ,EAAA,EAAI,+BAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"names":["cn","md3AiColorClasses","React","useAiGlyph","jsxs","jsx","Md3CircularProgress"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\nimport type { AgentAvatarProps, AgentAvatarShape, AgentAvatarSize, AgentAvatarStatus } from \"@nucleux/agent-avatar\";\nimport { useAiGlyph } from \"@nucleux/md3-ai-icons\";\nimport { md3AiColorClasses } from \"@nucleux/md3-color\";\nimport { Md3CircularProgress } from \"@nucleux/md3-progress\";\n\nexport type Md3AgentAvatarProps = AgentAvatarProps;\nexport type Md3AgentAvatarSize = AgentAvatarSize;\nexport type Md3AgentAvatarShape = AgentAvatarShape;\nexport type Md3AgentAvatarStatus = AgentAvatarStatus;\n\n// Same sizes as the twin (24 / 32 / 40 / 44): one drawing at every size.\nconst sizeClasses: Record<AgentAvatarSize, string> = {\n sm: \"size-6 text-[11px] [&_svg]:size-3.5\",\n md: \"size-8 text-xs [&_svg]:size-4\",\n lg: \"size-10 text-base [&_svg]:size-5\",\n xl: \"size-11 text-base [&_svg]:size-5\",\n};\n\nconst ringSize: Record<AgentAvatarSize, number> = { sm: 32, md: 40, lg: 48, xl: 52 };\n\nconst dotSizes: Record<AgentAvatarSize, string> = {\n sm: \"size-2 border\",\n md: \"size-2.5 border-2\",\n lg: \"size-3 border-2\",\n xl: \"size-3 border-2\",\n};\n\nconst dotColors: Record<AgentAvatarStatus, string> = {\n online: \"bg-md-tertiary\",\n offline: \"bg-md-outline\",\n working: cn(md3AiColorClasses.fill, md3AiColorClasses.working),\n};\n\nconst statusWords: Record<AgentAvatarStatus, string> = {\n online: \"Online\",\n offline: \"Offline\",\n working: \"Working\",\n};\n\n/**\n * The agent's visual identity in Material 3 — the twin of `AgentAvatar`,\n * with the same API. One stable, non-photographic mark: the reserved AI\n * sparkle in `md-primary` on the agent's `md-primary-container` ground (or\n * an approved image, or a letter), named \"<name>, AI agent\". `working` puts\n * an indeterminate Md3CircularProgress ring on the mark itself, which stops\n * the moment work stops and holds still under reduced motion; `status` adds\n * a dot whose words are announced in a polite live region. Use\n * `shape=\"rounded\"` where people in the same list are circles.\n */\nexport const Md3AgentAvatar = React.forwardRef<HTMLSpanElement, Md3AgentAvatarProps>(\n (\n {\n name,\n src,\n glyph,\n size = \"md\",\n shape = \"circle\",\n working = false,\n status,\n statusLabel,\n descriptor = \"AI agent\",\n decorative = false,\n className,\n ...props\n },\n ref,\n ) => {\n const Sparkle = useAiGlyph(\"ai-action\");\n const isWorking = working || status === \"working\";\n const words = statusLabel ?? (status ? statusWords[status] : isWorking ? statusWords.working : undefined);\n const radius = shape === \"circle\" ? \"rounded-full\" : \"rounded-md-md\";\n const label = `${name}, ${descriptor}`;\n\n return (\n <span\n ref={ref}\n data-shape={shape}\n data-status={status}\n aria-hidden={decorative || undefined}\n className={cn(\"relative inline-flex shrink-0\", radius, className)}\n {...props}\n >\n <span\n role=\"img\"\n aria-label={label}\n aria-hidden={decorative || undefined}\n className={cn(\n \"flex shrink-0 items-center justify-center overflow-hidden bg-md-primary-container font-medium text-md-on-primary-container\",\n radius,\n sizeClasses[size],\n )}\n >\n {src ? (\n <img src={src} alt=\"\" className=\"size-full object-cover\" />\n ) : (\n (glyph ?? <Sparkle className=\"text-md-primary\" />)\n )}\n </span>\n {isWorking && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n >\n <Md3CircularProgress\n aria-hidden=\"true\"\n size={ringSize[size]}\n strokeWidth={2}\n className=\"motion-reduce:animate-none\"\n />\n </span>\n )}\n {status && (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"absolute -bottom-0.5 -right-0.5 rounded-full border-md-surface\",\n dotSizes[size],\n dotColors[status],\n )}\n />\n )}\n {!decorative && (\n <span role=\"status\" className=\"sr-only\">\n {words ?? \"\"}\n </span>\n )}\n </span>\n );\n },\n);\nMd3AgentAvatar.displayName = \"Md3AgentAvatar\";\n"]}
|
package/dist/index.js
CHANGED
|
@@ -10,13 +10,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
10
10
|
var sizeClasses = {
|
|
11
11
|
sm: "size-6 text-[11px] [&_svg]:size-3.5",
|
|
12
12
|
md: "size-8 text-xs [&_svg]:size-4",
|
|
13
|
-
lg: "size-10 text-base [&_svg]:size-5"
|
|
13
|
+
lg: "size-10 text-base [&_svg]:size-5",
|
|
14
|
+
xl: "size-11 text-base [&_svg]:size-5"
|
|
14
15
|
};
|
|
15
|
-
var ringSize = { sm: 32, md: 40, lg: 48 };
|
|
16
|
+
var ringSize = { sm: 32, md: 40, lg: 48, xl: 52 };
|
|
16
17
|
var dotSizes = {
|
|
17
18
|
sm: "size-2 border",
|
|
18
19
|
md: "size-2.5 border-2",
|
|
19
|
-
lg: "size-3 border-2"
|
|
20
|
+
lg: "size-3 border-2",
|
|
21
|
+
xl: "size-3 border-2"
|
|
20
22
|
};
|
|
21
23
|
var dotColors = {
|
|
22
24
|
online: "bg-md-tertiary",
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;AAaA,IAAM,WAAA,GAA+C;AAAA,EACnD,EAAA,EAAI,qCAAA;AAAA,EACJ,EAAA,EAAI,+BAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;AAaA,IAAM,WAAA,GAA+C;AAAA,EACnD,EAAA,EAAI,qCAAA;AAAA,EACJ,EAAA,EAAI,+BAAA;AAAA,EACJ,EAAA,EAAI,kCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,QAAA,GAA4C,EAAE,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAG;AAEnF,IAAM,QAAA,GAA4C;AAAA,EAChD,EAAA,EAAI,eAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,SAAA,GAA+C;AAAA,EACnD,MAAA,EAAQ,gBAAA;AAAA,EACR,OAAA,EAAS,eAAA;AAAA,EACT,OAAA,EAAS,EAAA,CAAG,iBAAA,CAAkB,IAAA,EAAM,kBAAkB,OAAO;AAC/D,CAAA;AAEA,IAAM,WAAA,GAAiD;AAAA,EACrD,MAAA,EAAQ,QAAA;AAAA,EACR,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAYO,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA;AAAA,EAClC,CACE;AAAA,IACE,IAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,KAAA,GAAQ,QAAA;AAAA,IACR,OAAA,GAAU,KAAA;AAAA,IACV,MAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA,GAAa,UAAA;AAAA,IACb,UAAA,GAAa,KAAA;AAAA,IACb,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAA,GAAU,WAAW,WAAW,CAAA;AACtC,IAAA,MAAM,SAAA,GAAY,WAAW,MAAA,KAAW,SAAA;AACxC,IAAA,MAAM,KAAA,GAAQ,gBAAgB,MAAA,GAAS,WAAA,CAAY,MAAM,CAAA,GAAI,SAAA,GAAY,YAAY,OAAA,GAAU,MAAA,CAAA;AAC/F,IAAA,MAAM,MAAA,GAAS,KAAA,KAAU,QAAA,GAAW,cAAA,GAAiB,eAAA;AACrD,IAAA,MAAM,KAAA,GAAQ,CAAA,EAAG,IAAI,CAAA,EAAA,EAAK,UAAU,CAAA,CAAA;AAEpC,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,YAAA,EAAY,KAAA;AAAA,QACZ,aAAA,EAAa,MAAA;AAAA,QACb,eAAa,UAAA,IAAc,MAAA;AAAA,QAC3B,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,MAAA,EAAQ,SAAS,CAAA;AAAA,QAC/D,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,KAAA;AAAA,cACL,YAAA,EAAY,KAAA;AAAA,cACZ,eAAa,UAAA,IAAc,MAAA;AAAA,cAC3B,SAAA,EAAW,EAAA;AAAA,gBACT,4HAAA;AAAA,gBACA,MAAA;AAAA,gBACA,YAAY,IAAI;AAAA,eAClB;AAAA,cAEC,QAAA,EAAA,GAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAI,EAAA,EAAG,SAAA,EAAU,wBAAA,EAAyB,CAAA,GAExD,KAAA,oBAAS,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,iBAAA,EAAkB;AAAA;AAAA,WAEnD;AAAA,UACC,SAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,MAAA;AAAA,cACZ,SAAA,EAAU,iFAAA;AAAA,cAEV,QAAA,kBAAA,GAAA;AAAA,gBAAC,mBAAA;AAAA,gBAAA;AAAA,kBACC,aAAA,EAAY,MAAA;AAAA,kBACZ,IAAA,EAAM,SAAS,IAAI,CAAA;AAAA,kBACnB,WAAA,EAAa,CAAA;AAAA,kBACb,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA,WACF;AAAA,UAED,MAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,MAAA;AAAA,cACZ,SAAA,EAAW,EAAA;AAAA,gBACT,gEAAA;AAAA,gBACA,SAAS,IAAI,CAAA;AAAA,gBACb,UAAU,MAAM;AAAA;AAClB;AAAA,WACF;AAAA,UAED,CAAC,8BACA,GAAA,CAAC,MAAA,EAAA,EAAK,MAAK,QAAA,EAAS,SAAA,EAAU,SAAA,EAC3B,QAAA,EAAA,KAAA,IAAS,EAAA,EACZ;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\nimport type { AgentAvatarProps, AgentAvatarShape, AgentAvatarSize, AgentAvatarStatus } from \"@nucleux/agent-avatar\";\nimport { useAiGlyph } from \"@nucleux/md3-ai-icons\";\nimport { md3AiColorClasses } from \"@nucleux/md3-color\";\nimport { Md3CircularProgress } from \"@nucleux/md3-progress\";\n\nexport type Md3AgentAvatarProps = AgentAvatarProps;\nexport type Md3AgentAvatarSize = AgentAvatarSize;\nexport type Md3AgentAvatarShape = AgentAvatarShape;\nexport type Md3AgentAvatarStatus = AgentAvatarStatus;\n\n// Same sizes as the twin (24 / 32 / 40 / 44): one drawing at every size.\nconst sizeClasses: Record<AgentAvatarSize, string> = {\n sm: \"size-6 text-[11px] [&_svg]:size-3.5\",\n md: \"size-8 text-xs [&_svg]:size-4\",\n lg: \"size-10 text-base [&_svg]:size-5\",\n xl: \"size-11 text-base [&_svg]:size-5\",\n};\n\nconst ringSize: Record<AgentAvatarSize, number> = { sm: 32, md: 40, lg: 48, xl: 52 };\n\nconst dotSizes: Record<AgentAvatarSize, string> = {\n sm: \"size-2 border\",\n md: \"size-2.5 border-2\",\n lg: \"size-3 border-2\",\n xl: \"size-3 border-2\",\n};\n\nconst dotColors: Record<AgentAvatarStatus, string> = {\n online: \"bg-md-tertiary\",\n offline: \"bg-md-outline\",\n working: cn(md3AiColorClasses.fill, md3AiColorClasses.working),\n};\n\nconst statusWords: Record<AgentAvatarStatus, string> = {\n online: \"Online\",\n offline: \"Offline\",\n working: \"Working\",\n};\n\n/**\n * The agent's visual identity in Material 3 — the twin of `AgentAvatar`,\n * with the same API. One stable, non-photographic mark: the reserved AI\n * sparkle in `md-primary` on the agent's `md-primary-container` ground (or\n * an approved image, or a letter), named \"<name>, AI agent\". `working` puts\n * an indeterminate Md3CircularProgress ring on the mark itself, which stops\n * the moment work stops and holds still under reduced motion; `status` adds\n * a dot whose words are announced in a polite live region. Use\n * `shape=\"rounded\"` where people in the same list are circles.\n */\nexport const Md3AgentAvatar = React.forwardRef<HTMLSpanElement, Md3AgentAvatarProps>(\n (\n {\n name,\n src,\n glyph,\n size = \"md\",\n shape = \"circle\",\n working = false,\n status,\n statusLabel,\n descriptor = \"AI agent\",\n decorative = false,\n className,\n ...props\n },\n ref,\n ) => {\n const Sparkle = useAiGlyph(\"ai-action\");\n const isWorking = working || status === \"working\";\n const words = statusLabel ?? (status ? statusWords[status] : isWorking ? statusWords.working : undefined);\n const radius = shape === \"circle\" ? \"rounded-full\" : \"rounded-md-md\";\n const label = `${name}, ${descriptor}`;\n\n return (\n <span\n ref={ref}\n data-shape={shape}\n data-status={status}\n aria-hidden={decorative || undefined}\n className={cn(\"relative inline-flex shrink-0\", radius, className)}\n {...props}\n >\n <span\n role=\"img\"\n aria-label={label}\n aria-hidden={decorative || undefined}\n className={cn(\n \"flex shrink-0 items-center justify-center overflow-hidden bg-md-primary-container font-medium text-md-on-primary-container\",\n radius,\n sizeClasses[size],\n )}\n >\n {src ? (\n <img src={src} alt=\"\" className=\"size-full object-cover\" />\n ) : (\n (glyph ?? <Sparkle className=\"text-md-primary\" />)\n )}\n </span>\n {isWorking && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n >\n <Md3CircularProgress\n aria-hidden=\"true\"\n size={ringSize[size]}\n strokeWidth={2}\n className=\"motion-reduce:animate-none\"\n />\n </span>\n )}\n {status && (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"absolute -bottom-0.5 -right-0.5 rounded-full border-md-surface\",\n dotSizes[size],\n dotColors[status],\n )}\n />\n )}\n {!decorative && (\n <span role=\"status\" className=\"sr-only\">\n {words ?? \"\"}\n </span>\n )}\n </span>\n );\n },\n);\nMd3AgentAvatar.displayName = \"Md3AgentAvatar\";\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nucleux/md3-agent-avatar",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"description": "Material 3 Agent Avatar — one non-photographic mark for the agent, with its working state on the mark — Nucleux agentic UI for React.",
|
|
@@ -37,11 +37,12 @@
|
|
|
37
37
|
"react-dom": ">=18"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@nucleux/agent-avatar": "0.
|
|
41
|
-
"@nucleux/md3-ai-icons": "0.
|
|
42
|
-
"@nucleux/md3-color": "0.
|
|
43
|
-
"@nucleux/md3-
|
|
44
|
-
"@nucleux/
|
|
40
|
+
"@nucleux/agent-avatar": "0.10.0",
|
|
41
|
+
"@nucleux/md3-ai-icons": "0.10.0",
|
|
42
|
+
"@nucleux/md3-color": "0.10.0",
|
|
43
|
+
"@nucleux/md3-disclosure": "0.10.0",
|
|
44
|
+
"@nucleux/md3-progress": "0.10.0",
|
|
45
|
+
"@nucleux/utils": "0.10.0"
|
|
45
46
|
},
|
|
46
47
|
"devDependencies": {
|
|
47
48
|
"tsup": "^8.3.5",
|