@neuronection/assistant-ui 0.8.1 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @neuronection/assistant-ui
 
+## 0.9.0
+
+### Minor Changes
+
+- [`71f029b`](https://github.com/neuronection/assistant-ui/commit/71f029b3193460db28293b811186a2f46516bf10) Thanks [@constLiakos](https://github.com/constLiakos)! - Add about module: a uniform family "about page" kit. `AboutPanel` composes hero (logo, name, tagline, version badge), creator/license/links cards, tech chips, a toned note (e.g. medical disclaimer), the `FamilyBadge` showcase and a version/copyright footer — all content via props so apps keep their i18n and data. `FamilyBadge` presents the Neuronection brand lockup (mark + wordmark), an open-source/self-hosted family blurb, a prominent hub CTA, and one tile per app (logo, name, tagline, links to its presentation page, GitHub and website where applicable) with the current app highlighted. Building blocks (`AboutCard`, `AboutLinkList`, `AboutNote`, `AboutFooterLine`, `FamilyBadge`, `TechChips`) are also exported individually.
+
+- [`71f029b`](https://github.com/neuronection/assistant-ui/commit/71f029b3193460db28293b811186a2f46516bf10) Thanks [@constLiakos](https://github.com/constLiakos)! - Add logo module with inline brand marks for the Assistant family: `NeuronectionMark`, `NeuronectionWordmark`, `CareerMark`, `StudyMark`, `HealthMark`. All are theme-aware (`theme="light" | "dark"`, mirroring the hub artwork pairs), decorative and non-focusable by default, labeled via an optional `title` prop, sized via `size`, and use per-instance gradient ids so several marks can share a page. The wordmark also accepts `mono` for a `currentColor` fill. Brand artwork keeps its fixed fills as a deliberate exception to the semantic-token rule.
+
 ## 0.8.1
 
 ### Patch Changes

package/README.md

@@ -99,6 +99,7 @@ no router — data in, events out.
 
 - [Adopting in an app](./docs/adoption.md) — the install/switchover recipe each family app follows (incl. the TW3 cascade notes)
 - [Theming](./docs/theming.md) — tokens, app themes, dark mode, styling hooks
+- [Accessibility](./docs/accessibility.md) — the keyboard + ARIA contract per module (test-asserted)
 - [Adding a component](./docs/adding-a-component.md) — rules, checklist, required companions
 - [Local development](./docs/local-development.md) — live-test library changes in the family apps without publishing
 - [Publishing](./docs/publishing.md) — the Changesets release flow and CI setup
@@ -110,6 +111,7 @@ pnpm install
 pnpm dev          # Ladle playground on :61000 (CSS watches alongside)
 pnpm test --watch
 pnpm verify       # lint + typecheck + test + build
+pnpm test:visual  # Playwright screenshots of every story vs committed baselines
 ```
 
 Releases happen via [Changesets](./CONTRIBUTING.md) — CI publishes, never a

package/dist/Logo-D8DEBUoL.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+type LogoTheme = 'light' | 'dark';
+interface LogoProps extends Omit<React.ComponentProps<'svg'>, 'children'> {
+    size?: number | string;
+    theme?: LogoTheme;
+    title?: string;
+}
+declare const useLogoId: () => string;
+
+export { type LogoProps as L, type LogoTheme as a, useLogoId as u };

package/dist/about.d.ts

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { a as LogoTheme } from './Logo-D8DEBUoL.js';
+
+interface AboutCardProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    heading?: 'h2' | 'h3' | 'h4';
+}
+declare const AboutCard: React.ForwardRefExoticComponent<Omit<AboutCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface AboutLinkItem {
+    href?: string;
+    label: React.ReactNode;
+    subtitle?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    external?: boolean;
+    group?: React.ReactNode;
+    copyValue?: string;
+    copyLabel?: string;
+    copiedLabel?: string;
+}
+interface AboutLinkListProps extends React.ComponentProps<'ul'> {
+    links: ReadonlyArray<AboutLinkItem>;
+}
+declare const AboutLinkList: React.ForwardRefExoticComponent<Omit<AboutLinkListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+
+declare const noteStyles: (props?: ({
+    tone?: "info" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AboutNoteProps extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof noteStyles> {
+    title?: React.ReactNode;
+}
+declare const AboutNote: React.ForwardRefExoticComponent<Omit<AboutNoteProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface AboutFooterLineProps extends React.ComponentProps<'p'> {
+    version?: string;
+    copyright?: React.ReactNode;
+}
+declare const AboutFooterLine: React.ForwardRefExoticComponent<Omit<AboutFooterLineProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+type FamilyApp = 'health' | 'career' | 'study';
+interface FamilyMember {
+    app: FamilyApp;
+    name: string;
+    tagline?: string;
+    href?: string;
+    github?: string;
+    website?: string;
+}
+interface FamilyCreator {
+    name: React.ReactNode;
+    role?: React.ReactNode;
+    href?: string;
+}
+interface FamilyBadgeProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    current: FamilyApp;
+    members?: ReadonlyArray<FamilyMember>;
+    creator?: FamilyCreator;
+    creatorLabel?: string;
+    hubUrl?: string;
+    label?: string;
+    blurb?: React.ReactNode;
+    ctaLabel?: string;
+    currentLabel?: string;
+    githubLabel?: string;
+    websiteLabel?: string;
+    theme?: LogoTheme;
+}
+declare const FamilyBadge: React.ForwardRefExoticComponent<Omit<FamilyBadgeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface TechChipsProps extends React.ComponentProps<'div'> {
+    items: ReadonlyArray<string | null | undefined>;
+}
+declare const TechChips: React.ForwardRefExoticComponent<Omit<TechChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface AboutCreator {
+    name: React.ReactNode;
+    role?: React.ReactNode;
+    href?: string;
+    links?: ReadonlyArray<AboutLinkItem>;
+}
+interface AboutLicense {
+    name: string;
+    href?: string;
+}
+interface AboutNoteContent {
+    tone?: 'info' | 'warning';
+    title?: React.ReactNode;
+    children: React.ReactNode;
+}
+interface AboutPanelProps extends React.ComponentProps<'div'> {
+    appName: string;
+    familyCurrent?: FamilyApp;
+    logo?: React.ReactNode;
+    tagline?: React.ReactNode;
+    description?: React.ReactNode;
+    version?: string;
+    license?: AboutLicense;
+    licenseTitle?: string;
+    licenseLinkLabel?: string;
+    links?: ReadonlyArray<AboutLinkItem>;
+    linksTitle?: string;
+    creator?: AboutCreator;
+    creatorTitle?: string;
+    tech?: ReadonlyArray<string>;
+    techTitle?: string;
+    note?: AboutNoteContent;
+    familyMembers?: ReadonlyArray<FamilyMember>;
+    hubUrl?: string;
+    familyLabel?: string;
+    familyBlurb?: React.ReactNode;
+    familyCtaLabel?: string;
+    familyCurrentLabel?: string;
+    theme?: LogoTheme;
+    copyright?: React.ReactNode;
+}
+declare const AboutPanel: React.ForwardRefExoticComponent<Omit<AboutPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { AboutCard, type AboutCardProps, type AboutCreator, AboutFooterLine, type AboutFooterLineProps, type AboutLicense, type AboutLinkItem, AboutLinkList, type AboutLinkListProps, AboutNote, type AboutNoteContent, type AboutNoteProps, AboutPanel, type AboutPanelProps, type FamilyApp, FamilyBadge, type FamilyBadgeProps, type FamilyCreator, type FamilyMember, TechChips, type TechChipsProps };

package/dist/about.js

@@ -0,0 +1,3 @@
+export { AboutCard, AboutFooterLine, AboutLinkList, AboutNote, AboutPanel, FamilyBadge, TechChips } from './chunk-3QGVWTBU.js';
+//# sourceMappingURL=about.js.map
+//# sourceMappingURL=about.js.map

package/dist/about.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"about.js"}

package/dist/badge.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "success" | "warning" | "danger" | "ai" | null | undefined;
+    variant?: "default" | "warning" | "success" | "danger" | "secondary" | "outline" | "ai" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
 }

package/dist/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from './chunk-SKTLC2XY.js';
+export { Badge, badgeVariants } from './chunk-F4DP4PIM.js';
 //# sourceMappingURL=badge.js.map
 //# sourceMappingURL=badge.js.map

package/dist/card.js

@@ -1,3 +1,3 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-HSWSYEFQ.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-RYE5YCFF.js';
 //# sourceMappingURL=card.js.map
 //# sourceMappingURL=card.js.map

package/dist/chip-list.js

@@ -1,3 +1,3 @@
-export { ChipList } from './chunk-BN3YHYYL.js';
+export { ChipList } from './chunk-QUPGIPTT.js';
 //# sourceMappingURL=chip-list.js.map
 //# sourceMappingURL=chip-list.js.map