@nucleux/md3-disclaimer 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.
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
package/dist/index.cjs
CHANGED
|
@@ -62,6 +62,7 @@ var Md3Disclaimer = React__namespace.forwardRef(
|
|
|
62
62
|
role: "note",
|
|
63
63
|
"aria-label": "Knowledge cutoff",
|
|
64
64
|
className: utils.cn(
|
|
65
|
+
"font-md",
|
|
65
66
|
"inline-flex items-center gap-2 rounded-full bg-md-surface-container px-3.5 py-1.5 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant",
|
|
66
67
|
className
|
|
67
68
|
),
|
|
@@ -90,6 +91,7 @@ var Md3Disclaimer = React__namespace.forwardRef(
|
|
|
90
91
|
"aria-labelledby": heading != null ? `${baseId}-title` : void 0,
|
|
91
92
|
"aria-label": heading == null ? `About ${agentName}` : void 0,
|
|
92
93
|
className: utils.cn(
|
|
94
|
+
"font-md",
|
|
93
95
|
"flex flex-col gap-2 text-sm tracking-[0.25px]",
|
|
94
96
|
limitations ? "rounded-l-md-xs rounded-r-md-md border-l-4 border-l-md-tertiary bg-md-surface-container-low px-4 py-3.5" : "rounded-md-lg px-4 py-3.5",
|
|
95
97
|
className
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx"],"names":["React","jsxs","cn","jsx","Clock","ShieldAlert","Info","Md3Card","Md3Button","ChevronDown","ChevronRight"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { ChevronDown, ChevronRight, Clock, Info, ShieldAlert } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport type { DisclaimerGroup, DisclaimerProps, DisclaimerVariant } from \"@nucleux/disclaimer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Card } from \"@nucleux/md3-card\";\n\n/** Props of {@link Md3Disclaimer} — identical to `DisclaimerProps` from `@nucleux/disclaimer`. */\nexport type Md3DisclaimerProps = DisclaimerProps;\n/** \"capabilities-list\", \"limitations-card\" or \"cutoff-note\". */\nexport type Md3DisclaimerVariant = DisclaimerVariant;\nexport type { DisclaimerGroup };\n\n// Copied from @nucleux/disclaimer (internal there).\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nconst linkClass =\n \"rounded-md-xs font-medium text-md-primary underline underline-offset-2 outline-none hover:decoration-2 focus-visible:ring-2 focus-visible:ring-md-secondary\";\n\n/**\n * The Material 3 statement of what the agent can and can't do — the same API\n * and behaviour as `Disclaimer`. Calm and informative, never the error colour:\n * the capabilities list is a filled M3 card with an info mark in secondary;\n * the limitations card is a low surface whose leading rule takes the tertiary\n * role (a known limit is not a failure); the cutoff note is a full-corner,\n * body-small standing line. Points beyond `maxItems` (3) sit behind a text\n * \"Show all\" button, and `groups` render as labelled rows (can / can't /\n * needs approval / may get wrong) with the label in its own column.\n */\nexport const Md3Disclaimer = React.forwardRef<HTMLDivElement, Md3DisclaimerProps>(\n (\n {\n variant = \"capabilities-list\",\n agentName = \"the assistant\",\n title,\n items,\n groups,\n cutoff,\n maxItems = 3,\n learnMoreHref,\n learnMoreLabel = \"Learn more\",\n icon,\n detailsLabel,\n detailsCloseLabel = \"Hide details\",\n className,\n children,\n ...props\n },\n ref,\n ) => {\n const baseId = React.useId();\n const listId = `${baseId}-list`;\n const [expanded, setExpanded] = React.useState(false);\n const [detailsOpen, setDetailsOpen] = React.useState(false);\n const Agent = capitalize(agentName);\n\n if (variant === \"cutoff-note\") {\n return (\n <div\n ref={ref}\n role=\"note\"\n aria-label=\"Knowledge cutoff\"\n className={cn(\n \"inline-flex items-center gap-2 rounded-full bg-md-surface-container px-3.5 py-1.5 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant\",\n className,\n )}\n {...props}\n >\n <Clock aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n {children ?? (cutoff ? `${Agent} knows up to ${cutoff}` : `${Agent} may not know recent events`)}\n {learnMoreHref && (\n <a href={learnMoreHref} className={linkClass}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n );\n }\n\n const limitations = variant === \"limitations-card\";\n const heading =\n title === null ? null : (title ?? (limitations ? `${Agent} won't` : `What ${agentName} can do`));\n const visibleItems = items && !expanded ? items.slice(0, Math.max(0, maxItems)) : items;\n const glyph =\n icon === undefined ? (\n limitations ? (\n <ShieldAlert className=\"text-md-tertiary\" />\n ) : (\n <Info />\n )\n ) : (\n icon\n );\n const mark = glyph ? (\n <span aria-hidden=\"true\" className=\"mt-0.5 flex shrink-0 text-md-on-surface-variant [&_svg]:size-5\">\n {glyph}\n </span>\n ) : null;\n const groupsId = `${baseId}-groups`;\n const groupsHidden = detailsLabel != null && !detailsOpen;\n\n return (\n <Md3Card\n ref={ref}\n variant={limitations ? \"outlined\" : \"filled\"}\n role=\"note\"\n aria-labelledby={heading != null ? `${baseId}-title` : undefined}\n aria-label={heading == null ? `About ${agentName}` : undefined}\n className={cn(\n \"flex flex-col gap-2 text-sm tracking-[0.25px]\",\n limitations\n ? \"rounded-l-md-xs rounded-r-md-md border-l-4 border-l-md-tertiary bg-md-surface-container-low px-4 py-3.5\"\n : \"rounded-md-lg px-4 py-3.5\",\n className,\n )}\n {...props}\n >\n {heading != null ? (\n <p\n id={`${baseId}-title`}\n className=\"flex items-center gap-2.5 text-base font-medium leading-6 tracking-[0.15px] text-md-on-surface\"\n >\n {mark}\n {heading}\n </p>\n ) : null}\n {children != null &&\n (heading == null ? (\n <div className=\"flex items-start gap-2.5 text-md-on-surface\">\n {mark}\n <div className=\"min-w-0 pt-px leading-5\">{children}</div>\n </div>\n ) : (\n <div className=\"text-md-on-surface-variant\">{children}</div>\n ))}\n {visibleItems && visibleItems.length > 0 && (\n <ul\n id={listId}\n className=\"m-0 flex list-disc flex-col gap-1 pl-5 text-md-on-surface-variant marker:text-md-outline\"\n >\n {visibleItems.map((item, i) => (\n <li key={i}>{item}</li>\n ))}\n </ul>\n )}\n {items && items.length > maxItems && (\n <Md3Button\n variant=\"text\"\n aria-expanded={expanded}\n aria-controls={listId}\n onClick={() => setExpanded((e) => !e)}\n className=\"-ml-3 h-8 self-start px-3\"\n >\n {expanded ? \"Show less\" : `Show all (${items.length})`}\n </Md3Button>\n )}\n {groups && groups.length > 0 && detailsLabel != null && (\n <Md3Button\n variant=\"text\"\n aria-expanded={detailsOpen}\n aria-controls={groupsId}\n onClick={() => setDetailsOpen((o) => !o)}\n icon={detailsOpen ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" />}\n className=\"self-start pl-3 pr-4\"\n >\n {detailsOpen ? detailsCloseLabel : detailsLabel}\n </Md3Button>\n )}\n {groups && groups.length > 0 && (\n <dl\n id={groupsId}\n hidden={groupsHidden}\n className={cn(\"m-0 flex flex-col gap-2.5 animate-nx-fade-in motion-reduce:animate-none\", groupsHidden && \"hidden\")}\n >\n {groups.map((g) => (\n <div key={g.label} className=\"grid grid-cols-[minmax(5.5rem,auto)_minmax(0,1fr)] items-baseline gap-x-3 gap-y-0.5\">\n <dt className=\"font-medium text-md-on-surface\">{g.label}</dt>\n {g.items.map((item, i) => (\n <dd key={i} className=\"col-start-2 m-0 text-md-on-surface-variant\">\n {item}\n </dd>\n ))}\n </div>\n ))}\n </dl>\n )}\n {(cutoff || learnMoreHref) && (\n <div className=\"flex items-center gap-3 border-t border-md-outline-variant pt-3 text-xs tracking-[0.4px] text-md-on-surface-variant\">\n {cutoff && <span>Knowledge cutoff · {cutoff}</span>}\n {learnMoreHref && (\n <a href={learnMoreHref} className={cn(\"ml-auto\", linkClass)}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n )}\n </Md3Card>\n );\n },\n);\nMd3Disclaimer.displayName = \"Md3Disclaimer\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"names":["React","jsxs","cn","jsx","Clock","ShieldAlert","Info","Md3Card","Md3Button","ChevronDown","ChevronRight"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { ChevronDown, ChevronRight, Clock, Info, ShieldAlert } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport type { DisclaimerGroup, DisclaimerProps, DisclaimerVariant } from \"@nucleux/disclaimer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Card } from \"@nucleux/md3-card\";\n\n/** Props of {@link Md3Disclaimer} — identical to `DisclaimerProps` from `@nucleux/disclaimer`. */\nexport type Md3DisclaimerProps = DisclaimerProps;\n/** \"capabilities-list\", \"limitations-card\" or \"cutoff-note\". */\nexport type Md3DisclaimerVariant = DisclaimerVariant;\nexport type { DisclaimerGroup };\n\n// Copied from @nucleux/disclaimer (internal there).\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nconst linkClass =\n \"rounded-md-xs font-medium text-md-primary underline underline-offset-2 outline-none hover:decoration-2 focus-visible:ring-2 focus-visible:ring-md-secondary\";\n\n/**\n * The Material 3 statement of what the agent can and can't do — the same API\n * and behaviour as `Disclaimer`. Calm and informative, never the error colour:\n * the capabilities list is a filled M3 card with an info mark in secondary;\n * the limitations card is a low surface whose leading rule takes the tertiary\n * role (a known limit is not a failure); the cutoff note is a full-corner,\n * body-small standing line. Points beyond `maxItems` (3) sit behind a text\n * \"Show all\" button, and `groups` render as labelled rows (can / can't /\n * needs approval / may get wrong) with the label in its own column.\n */\nexport const Md3Disclaimer = React.forwardRef<HTMLDivElement, Md3DisclaimerProps>(\n (\n {\n variant = \"capabilities-list\",\n agentName = \"the assistant\",\n title,\n items,\n groups,\n cutoff,\n maxItems = 3,\n learnMoreHref,\n learnMoreLabel = \"Learn more\",\n icon,\n detailsLabel,\n detailsCloseLabel = \"Hide details\",\n className,\n children,\n ...props\n },\n ref,\n ) => {\n const baseId = React.useId();\n const listId = `${baseId}-list`;\n const [expanded, setExpanded] = React.useState(false);\n const [detailsOpen, setDetailsOpen] = React.useState(false);\n const Agent = capitalize(agentName);\n\n if (variant === \"cutoff-note\") {\n return (\n <div\n ref={ref}\n role=\"note\"\n aria-label=\"Knowledge cutoff\"\n className={cn(\n \"font-md\",\n \"inline-flex items-center gap-2 rounded-full bg-md-surface-container px-3.5 py-1.5 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant\",\n className,\n )}\n {...props}\n >\n <Clock aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n {children ?? (cutoff ? `${Agent} knows up to ${cutoff}` : `${Agent} may not know recent events`)}\n {learnMoreHref && (\n <a href={learnMoreHref} className={linkClass}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n );\n }\n\n const limitations = variant === \"limitations-card\";\n const heading =\n title === null ? null : (title ?? (limitations ? `${Agent} won't` : `What ${agentName} can do`));\n const visibleItems = items && !expanded ? items.slice(0, Math.max(0, maxItems)) : items;\n const glyph =\n icon === undefined ? (\n limitations ? (\n <ShieldAlert className=\"text-md-tertiary\" />\n ) : (\n <Info />\n )\n ) : (\n icon\n );\n const mark = glyph ? (\n <span aria-hidden=\"true\" className=\"mt-0.5 flex shrink-0 text-md-on-surface-variant [&_svg]:size-5\">\n {glyph}\n </span>\n ) : null;\n const groupsId = `${baseId}-groups`;\n const groupsHidden = detailsLabel != null && !detailsOpen;\n\n return (\n <Md3Card\n ref={ref}\n variant={limitations ? \"outlined\" : \"filled\"}\n role=\"note\"\n aria-labelledby={heading != null ? `${baseId}-title` : undefined}\n aria-label={heading == null ? `About ${agentName}` : undefined}\n className={cn(\n \"font-md\",\n \"flex flex-col gap-2 text-sm tracking-[0.25px]\",\n limitations\n ? \"rounded-l-md-xs rounded-r-md-md border-l-4 border-l-md-tertiary bg-md-surface-container-low px-4 py-3.5\"\n : \"rounded-md-lg px-4 py-3.5\",\n className,\n )}\n {...props}\n >\n {heading != null ? (\n <p\n id={`${baseId}-title`}\n className=\"flex items-center gap-2.5 text-base font-medium leading-6 tracking-[0.15px] text-md-on-surface\"\n >\n {mark}\n {heading}\n </p>\n ) : null}\n {children != null &&\n (heading == null ? (\n <div className=\"flex items-start gap-2.5 text-md-on-surface\">\n {mark}\n <div className=\"min-w-0 pt-px leading-5\">{children}</div>\n </div>\n ) : (\n <div className=\"text-md-on-surface-variant\">{children}</div>\n ))}\n {visibleItems && visibleItems.length > 0 && (\n <ul\n id={listId}\n className=\"m-0 flex list-disc flex-col gap-1 pl-5 text-md-on-surface-variant marker:text-md-outline\"\n >\n {visibleItems.map((item, i) => (\n <li key={i}>{item}</li>\n ))}\n </ul>\n )}\n {items && items.length > maxItems && (\n <Md3Button\n variant=\"text\"\n aria-expanded={expanded}\n aria-controls={listId}\n onClick={() => setExpanded((e) => !e)}\n className=\"-ml-3 h-8 self-start px-3\"\n >\n {expanded ? \"Show less\" : `Show all (${items.length})`}\n </Md3Button>\n )}\n {groups && groups.length > 0 && detailsLabel != null && (\n <Md3Button\n variant=\"text\"\n aria-expanded={detailsOpen}\n aria-controls={groupsId}\n onClick={() => setDetailsOpen((o) => !o)}\n icon={detailsOpen ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" />}\n className=\"self-start pl-3 pr-4\"\n >\n {detailsOpen ? detailsCloseLabel : detailsLabel}\n </Md3Button>\n )}\n {groups && groups.length > 0 && (\n <dl\n id={groupsId}\n hidden={groupsHidden}\n className={cn(\"m-0 flex flex-col gap-2.5 animate-nx-fade-in motion-reduce:animate-none\", groupsHidden && \"hidden\")}\n >\n {groups.map((g) => (\n <div key={g.label} className=\"grid grid-cols-[minmax(5.5rem,auto)_minmax(0,1fr)] items-baseline gap-x-3 gap-y-0.5\">\n <dt className=\"font-medium text-md-on-surface\">{g.label}</dt>\n {g.items.map((item, i) => (\n <dd key={i} className=\"col-start-2 m-0 text-md-on-surface-variant\">\n {item}\n </dd>\n ))}\n </div>\n ))}\n </dl>\n )}\n {(cutoff || learnMoreHref) && (\n <div className=\"flex items-center gap-3 border-t border-md-outline-variant pt-3 text-xs tracking-[0.4px] text-md-on-surface-variant\">\n {cutoff && <span>Knowledge cutoff · {cutoff}</span>}\n {learnMoreHref && (\n <a href={learnMoreHref} className={cn(\"ml-auto\", linkClass)}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n )}\n </Md3Card>\n );\n },\n);\nMd3Disclaimer.displayName = \"Md3Disclaimer\";\n"]}
|
package/dist/index.js
CHANGED
|
@@ -40,6 +40,7 @@ var Md3Disclaimer = React.forwardRef(
|
|
|
40
40
|
role: "note",
|
|
41
41
|
"aria-label": "Knowledge cutoff",
|
|
42
42
|
className: cn(
|
|
43
|
+
"font-md",
|
|
43
44
|
"inline-flex items-center gap-2 rounded-full bg-md-surface-container px-3.5 py-1.5 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant",
|
|
44
45
|
className
|
|
45
46
|
),
|
|
@@ -68,6 +69,7 @@ var Md3Disclaimer = React.forwardRef(
|
|
|
68
69
|
"aria-labelledby": heading != null ? `${baseId}-title` : void 0,
|
|
69
70
|
"aria-label": heading == null ? `About ${agentName}` : void 0,
|
|
70
71
|
className: cn(
|
|
72
|
+
"font-md",
|
|
71
73
|
"flex flex-col gap-2 text-sm tracking-[0.25px]",
|
|
72
74
|
limitations ? "rounded-l-md-xs rounded-r-md-md border-l-4 border-l-md-tertiary bg-md-surface-container-low px-4 py-3.5" : "rounded-md-lg px-4 py-3.5",
|
|
73
75
|
className
|
package/dist/index.js.map
CHANGED
|
@@ -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 { ChevronDown, ChevronRight, Clock, Info, ShieldAlert } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport type { DisclaimerGroup, DisclaimerProps, DisclaimerVariant } from \"@nucleux/disclaimer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Card } from \"@nucleux/md3-card\";\n\n/** Props of {@link Md3Disclaimer} — identical to `DisclaimerProps` from `@nucleux/disclaimer`. */\nexport type Md3DisclaimerProps = DisclaimerProps;\n/** \"capabilities-list\", \"limitations-card\" or \"cutoff-note\". */\nexport type Md3DisclaimerVariant = DisclaimerVariant;\nexport type { DisclaimerGroup };\n\n// Copied from @nucleux/disclaimer (internal there).\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nconst linkClass =\n \"rounded-md-xs font-medium text-md-primary underline underline-offset-2 outline-none hover:decoration-2 focus-visible:ring-2 focus-visible:ring-md-secondary\";\n\n/**\n * The Material 3 statement of what the agent can and can't do — the same API\n * and behaviour as `Disclaimer`. Calm and informative, never the error colour:\n * the capabilities list is a filled M3 card with an info mark in secondary;\n * the limitations card is a low surface whose leading rule takes the tertiary\n * role (a known limit is not a failure); the cutoff note is a full-corner,\n * body-small standing line. Points beyond `maxItems` (3) sit behind a text\n * \"Show all\" button, and `groups` render as labelled rows (can / can't /\n * needs approval / may get wrong) with the label in its own column.\n */\nexport const Md3Disclaimer = React.forwardRef<HTMLDivElement, Md3DisclaimerProps>(\n (\n {\n variant = \"capabilities-list\",\n agentName = \"the assistant\",\n title,\n items,\n groups,\n cutoff,\n maxItems = 3,\n learnMoreHref,\n learnMoreLabel = \"Learn more\",\n icon,\n detailsLabel,\n detailsCloseLabel = \"Hide details\",\n className,\n children,\n ...props\n },\n ref,\n ) => {\n const baseId = React.useId();\n const listId = `${baseId}-list`;\n const [expanded, setExpanded] = React.useState(false);\n const [detailsOpen, setDetailsOpen] = React.useState(false);\n const Agent = capitalize(agentName);\n\n if (variant === \"cutoff-note\") {\n return (\n <div\n ref={ref}\n role=\"note\"\n aria-label=\"Knowledge cutoff\"\n className={cn(\n \"inline-flex items-center gap-2 rounded-full bg-md-surface-container px-3.5 py-1.5 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant\",\n className,\n )}\n {...props}\n >\n <Clock aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n {children ?? (cutoff ? `${Agent} knows up to ${cutoff}` : `${Agent} may not know recent events`)}\n {learnMoreHref && (\n <a href={learnMoreHref} className={linkClass}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n );\n }\n\n const limitations = variant === \"limitations-card\";\n const heading =\n title === null ? null : (title ?? (limitations ? `${Agent} won't` : `What ${agentName} can do`));\n const visibleItems = items && !expanded ? items.slice(0, Math.max(0, maxItems)) : items;\n const glyph =\n icon === undefined ? (\n limitations ? (\n <ShieldAlert className=\"text-md-tertiary\" />\n ) : (\n <Info />\n )\n ) : (\n icon\n );\n const mark = glyph ? (\n <span aria-hidden=\"true\" className=\"mt-0.5 flex shrink-0 text-md-on-surface-variant [&_svg]:size-5\">\n {glyph}\n </span>\n ) : null;\n const groupsId = `${baseId}-groups`;\n const groupsHidden = detailsLabel != null && !detailsOpen;\n\n return (\n <Md3Card\n ref={ref}\n variant={limitations ? \"outlined\" : \"filled\"}\n role=\"note\"\n aria-labelledby={heading != null ? `${baseId}-title` : undefined}\n aria-label={heading == null ? `About ${agentName}` : undefined}\n className={cn(\n \"flex flex-col gap-2 text-sm tracking-[0.25px]\",\n limitations\n ? \"rounded-l-md-xs rounded-r-md-md border-l-4 border-l-md-tertiary bg-md-surface-container-low px-4 py-3.5\"\n : \"rounded-md-lg px-4 py-3.5\",\n className,\n )}\n {...props}\n >\n {heading != null ? (\n <p\n id={`${baseId}-title`}\n className=\"flex items-center gap-2.5 text-base font-medium leading-6 tracking-[0.15px] text-md-on-surface\"\n >\n {mark}\n {heading}\n </p>\n ) : null}\n {children != null &&\n (heading == null ? (\n <div className=\"flex items-start gap-2.5 text-md-on-surface\">\n {mark}\n <div className=\"min-w-0 pt-px leading-5\">{children}</div>\n </div>\n ) : (\n <div className=\"text-md-on-surface-variant\">{children}</div>\n ))}\n {visibleItems && visibleItems.length > 0 && (\n <ul\n id={listId}\n className=\"m-0 flex list-disc flex-col gap-1 pl-5 text-md-on-surface-variant marker:text-md-outline\"\n >\n {visibleItems.map((item, i) => (\n <li key={i}>{item}</li>\n ))}\n </ul>\n )}\n {items && items.length > maxItems && (\n <Md3Button\n variant=\"text\"\n aria-expanded={expanded}\n aria-controls={listId}\n onClick={() => setExpanded((e) => !e)}\n className=\"-ml-3 h-8 self-start px-3\"\n >\n {expanded ? \"Show less\" : `Show all (${items.length})`}\n </Md3Button>\n )}\n {groups && groups.length > 0 && detailsLabel != null && (\n <Md3Button\n variant=\"text\"\n aria-expanded={detailsOpen}\n aria-controls={groupsId}\n onClick={() => setDetailsOpen((o) => !o)}\n icon={detailsOpen ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" />}\n className=\"self-start pl-3 pr-4\"\n >\n {detailsOpen ? detailsCloseLabel : detailsLabel}\n </Md3Button>\n )}\n {groups && groups.length > 0 && (\n <dl\n id={groupsId}\n hidden={groupsHidden}\n className={cn(\"m-0 flex flex-col gap-2.5 animate-nx-fade-in motion-reduce:animate-none\", groupsHidden && \"hidden\")}\n >\n {groups.map((g) => (\n <div key={g.label} className=\"grid grid-cols-[minmax(5.5rem,auto)_minmax(0,1fr)] items-baseline gap-x-3 gap-y-0.5\">\n <dt className=\"font-medium text-md-on-surface\">{g.label}</dt>\n {g.items.map((item, i) => (\n <dd key={i} className=\"col-start-2 m-0 text-md-on-surface-variant\">\n {item}\n </dd>\n ))}\n </div>\n ))}\n </dl>\n )}\n {(cutoff || learnMoreHref) && (\n <div className=\"flex items-center gap-3 border-t border-md-outline-variant pt-3 text-xs tracking-[0.4px] text-md-on-surface-variant\">\n {cutoff && <span>Knowledge cutoff · {cutoff}</span>}\n {learnMoreHref && (\n <a href={learnMoreHref} className={cn(\"ml-auto\", linkClass)}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n )}\n </Md3Card>\n );\n },\n);\nMd3Disclaimer.displayName = \"Md3Disclaimer\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { ChevronDown, ChevronRight, Clock, Info, ShieldAlert } from \"lucide-react\";\nimport { cn } from \"@nucleux/utils\";\nimport type { DisclaimerGroup, DisclaimerProps, DisclaimerVariant } from \"@nucleux/disclaimer\";\nimport { Md3Button } from \"@nucleux/md3-button\";\nimport { Md3Card } from \"@nucleux/md3-card\";\n\n/** Props of {@link Md3Disclaimer} — identical to `DisclaimerProps` from `@nucleux/disclaimer`. */\nexport type Md3DisclaimerProps = DisclaimerProps;\n/** \"capabilities-list\", \"limitations-card\" or \"cutoff-note\". */\nexport type Md3DisclaimerVariant = DisclaimerVariant;\nexport type { DisclaimerGroup };\n\n// Copied from @nucleux/disclaimer (internal there).\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nconst linkClass =\n \"rounded-md-xs font-medium text-md-primary underline underline-offset-2 outline-none hover:decoration-2 focus-visible:ring-2 focus-visible:ring-md-secondary\";\n\n/**\n * The Material 3 statement of what the agent can and can't do — the same API\n * and behaviour as `Disclaimer`. Calm and informative, never the error colour:\n * the capabilities list is a filled M3 card with an info mark in secondary;\n * the limitations card is a low surface whose leading rule takes the tertiary\n * role (a known limit is not a failure); the cutoff note is a full-corner,\n * body-small standing line. Points beyond `maxItems` (3) sit behind a text\n * \"Show all\" button, and `groups` render as labelled rows (can / can't /\n * needs approval / may get wrong) with the label in its own column.\n */\nexport const Md3Disclaimer = React.forwardRef<HTMLDivElement, Md3DisclaimerProps>(\n (\n {\n variant = \"capabilities-list\",\n agentName = \"the assistant\",\n title,\n items,\n groups,\n cutoff,\n maxItems = 3,\n learnMoreHref,\n learnMoreLabel = \"Learn more\",\n icon,\n detailsLabel,\n detailsCloseLabel = \"Hide details\",\n className,\n children,\n ...props\n },\n ref,\n ) => {\n const baseId = React.useId();\n const listId = `${baseId}-list`;\n const [expanded, setExpanded] = React.useState(false);\n const [detailsOpen, setDetailsOpen] = React.useState(false);\n const Agent = capitalize(agentName);\n\n if (variant === \"cutoff-note\") {\n return (\n <div\n ref={ref}\n role=\"note\"\n aria-label=\"Knowledge cutoff\"\n className={cn(\n \"font-md\",\n \"inline-flex items-center gap-2 rounded-full bg-md-surface-container px-3.5 py-1.5 text-xs leading-4 tracking-[0.4px] text-md-on-surface-variant\",\n className,\n )}\n {...props}\n >\n <Clock aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n {children ?? (cutoff ? `${Agent} knows up to ${cutoff}` : `${Agent} may not know recent events`)}\n {learnMoreHref && (\n <a href={learnMoreHref} className={linkClass}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n );\n }\n\n const limitations = variant === \"limitations-card\";\n const heading =\n title === null ? null : (title ?? (limitations ? `${Agent} won't` : `What ${agentName} can do`));\n const visibleItems = items && !expanded ? items.slice(0, Math.max(0, maxItems)) : items;\n const glyph =\n icon === undefined ? (\n limitations ? (\n <ShieldAlert className=\"text-md-tertiary\" />\n ) : (\n <Info />\n )\n ) : (\n icon\n );\n const mark = glyph ? (\n <span aria-hidden=\"true\" className=\"mt-0.5 flex shrink-0 text-md-on-surface-variant [&_svg]:size-5\">\n {glyph}\n </span>\n ) : null;\n const groupsId = `${baseId}-groups`;\n const groupsHidden = detailsLabel != null && !detailsOpen;\n\n return (\n <Md3Card\n ref={ref}\n variant={limitations ? \"outlined\" : \"filled\"}\n role=\"note\"\n aria-labelledby={heading != null ? `${baseId}-title` : undefined}\n aria-label={heading == null ? `About ${agentName}` : undefined}\n className={cn(\n \"font-md\",\n \"flex flex-col gap-2 text-sm tracking-[0.25px]\",\n limitations\n ? \"rounded-l-md-xs rounded-r-md-md border-l-4 border-l-md-tertiary bg-md-surface-container-low px-4 py-3.5\"\n : \"rounded-md-lg px-4 py-3.5\",\n className,\n )}\n {...props}\n >\n {heading != null ? (\n <p\n id={`${baseId}-title`}\n className=\"flex items-center gap-2.5 text-base font-medium leading-6 tracking-[0.15px] text-md-on-surface\"\n >\n {mark}\n {heading}\n </p>\n ) : null}\n {children != null &&\n (heading == null ? (\n <div className=\"flex items-start gap-2.5 text-md-on-surface\">\n {mark}\n <div className=\"min-w-0 pt-px leading-5\">{children}</div>\n </div>\n ) : (\n <div className=\"text-md-on-surface-variant\">{children}</div>\n ))}\n {visibleItems && visibleItems.length > 0 && (\n <ul\n id={listId}\n className=\"m-0 flex list-disc flex-col gap-1 pl-5 text-md-on-surface-variant marker:text-md-outline\"\n >\n {visibleItems.map((item, i) => (\n <li key={i}>{item}</li>\n ))}\n </ul>\n )}\n {items && items.length > maxItems && (\n <Md3Button\n variant=\"text\"\n aria-expanded={expanded}\n aria-controls={listId}\n onClick={() => setExpanded((e) => !e)}\n className=\"-ml-3 h-8 self-start px-3\"\n >\n {expanded ? \"Show less\" : `Show all (${items.length})`}\n </Md3Button>\n )}\n {groups && groups.length > 0 && detailsLabel != null && (\n <Md3Button\n variant=\"text\"\n aria-expanded={detailsOpen}\n aria-controls={groupsId}\n onClick={() => setDetailsOpen((o) => !o)}\n icon={detailsOpen ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" />}\n className=\"self-start pl-3 pr-4\"\n >\n {detailsOpen ? detailsCloseLabel : detailsLabel}\n </Md3Button>\n )}\n {groups && groups.length > 0 && (\n <dl\n id={groupsId}\n hidden={groupsHidden}\n className={cn(\"m-0 flex flex-col gap-2.5 animate-nx-fade-in motion-reduce:animate-none\", groupsHidden && \"hidden\")}\n >\n {groups.map((g) => (\n <div key={g.label} className=\"grid grid-cols-[minmax(5.5rem,auto)_minmax(0,1fr)] items-baseline gap-x-3 gap-y-0.5\">\n <dt className=\"font-medium text-md-on-surface\">{g.label}</dt>\n {g.items.map((item, i) => (\n <dd key={i} className=\"col-start-2 m-0 text-md-on-surface-variant\">\n {item}\n </dd>\n ))}\n </div>\n ))}\n </dl>\n )}\n {(cutoff || learnMoreHref) && (\n <div className=\"flex items-center gap-3 border-t border-md-outline-variant pt-3 text-xs tracking-[0.4px] text-md-on-surface-variant\">\n {cutoff && <span>Knowledge cutoff · {cutoff}</span>}\n {learnMoreHref && (\n <a href={learnMoreHref} className={cn(\"ml-auto\", linkClass)}>\n {learnMoreLabel}\n </a>\n )}\n </div>\n )}\n </Md3Card>\n );\n },\n);\nMd3Disclaimer.displayName = \"Md3Disclaimer\";\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nucleux/md3-disclaimer",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"description": "Material 3 Disclaimer — a short, honest statement of what the agent can and can't do — Nucleux agentic UI for React.",
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"react-dom": ">=18"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@nucleux/disclaimer": "0.
|
|
42
|
-
"@nucleux/md3-button": "0.
|
|
43
|
-
"@nucleux/md3-card": "0.
|
|
44
|
-
"@nucleux/utils": "0.
|
|
41
|
+
"@nucleux/disclaimer": "0.12.0",
|
|
42
|
+
"@nucleux/md3-button": "0.12.0",
|
|
43
|
+
"@nucleux/md3-card": "0.12.0",
|
|
44
|
+
"@nucleux/utils": "0.12.0",
|
|
45
45
|
"lucide-react": "^0.469.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|