@atelier-ui/react 0.1.10 → 0.1.12

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.1.12 (2026-07-21)
+
+This was a version bump only for react to align it with other projects, there were no code changes.
+
+## 0.1.11 (2026-07-10)
+
+### 🩹 Fixes
+
+- **build:** ship component CSS + tokens.css in packages ([10d19ad](https://github.com/DominikPieper/atelier-ui/commit/10d19ad))
+- **tokens:** dark-mode on-success fg + light-theme symmetry ([#4](https://github.com/DominikPieper/atelier-ui/issues/4), [#0](https://github.com/DominikPieper/atelier-ui/issues/0))
+
+### ❤️ Thank You
+
+- Claude Fable 5
+- Dominik Pieper @DominikPieper
+
 ## 0.1.10 (2026-07-06)
 
 ### 🚀 Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atelier-ui/react",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Atelier component library for React — LLM-optimised, accessible, design-token-driven",
   "keywords": [
     "react",

package/src/lib/accordion/llm-accordion.css

@@ -0,0 +1,120 @@
+/* ── AccordionGroup ──────────────────────────────────────────────────────── */
+.llm-accordion-group {
+  display: block;
+  font-family: var(--ui-font-family);
+  color: var(--ui-color-text);
+}
+
+/* ── Default variant — shared borders between items ──────────────────────── */
+.llm-accordion-group.variant-default {
+  border-top: 1px solid var(--ui-color-border);
+}
+
+.llm-accordion-group.variant-default .llm-accordion-item {
+  border-bottom: 1px solid var(--ui-color-border);
+}
+
+/* ── Bordered variant — outer border + radius ────────────────────────────── */
+.llm-accordion-group.variant-bordered {
+  border: 1px solid var(--ui-color-border);
+  border-radius: var(--ui-radius-lg);
+  overflow: hidden;
+}
+
+.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child) {
+  border-bottom: 1px solid var(--ui-color-border);
+}
+
+/* ── Separated variant — card-like items with gap ────────────────────────── */
+.llm-accordion-group.variant-separated {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ui-spacing-2);
+}
+
+.llm-accordion-group.variant-separated .llm-accordion-item {
+  border: 1px solid var(--ui-color-border);
+  border-radius: var(--ui-radius-lg);
+  overflow: hidden;
+}
+
+/* ── AccordionItem ──────────────────────────────────────────────────────────── */
+.llm-accordion-item {
+  display: block;
+}
+
+/* ── Heading reset ─────────────────────────────────────────────────────────── */
+.accordion-heading {
+  all: unset;
+  display: block;
+}
+
+/* ── Trigger button ────────────────────────────────────────────────────────── */
+.accordion-trigger {
+  all: unset;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ui-spacing-3);
+  width: 100%;
+  min-height: 3.25rem;
+  padding: var(--ui-spacing-4) var(--ui-spacing-5);
+  font-size: var(--ui-font-size-md);
+  font-weight: var(--ui-font-weight-semibold);
+  color: var(--ui-color-text);
+  cursor: pointer;
+  transition: background-color var(--ui-transition-fast);
+  user-select: none;
+}
+
+.accordion-trigger:hover:not(.is-disabled) {
+  background: var(--ui-color-surface-sunken);
+}
+
+.accordion-trigger:focus-visible {
+  outline: none;
+  box-shadow: var(--ui-focus-ring);
+  position: relative;
+  z-index: 1;
+}
+
+.accordion-trigger.is-disabled {
+  opacity: var(--ui-opacity-disabled);
+  cursor: not-allowed;
+}
+
+/* ── Chevron icon ──────────────────────────────────────────────────────────── */
+.chevron {
+  flex-shrink: 0;
+  color: var(--ui-color-text-muted);
+  transition: transform var(--ui-duration-normal) var(--ui-ease-out);
+}
+
+.chevron.is-expanded {
+  transform: rotate(180deg);
+}
+
+/* ── Collapsible panel wrapper — CSS grid height animation ─────────────────── */
+.accordion-panel-wrapper {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows var(--ui-duration-normal) var(--ui-ease-out);
+}
+
+.accordion-panel-wrapper.is-expanded {
+  grid-template-rows: 1fr;
+}
+
+/* ── Inner panel ───────────────────────────────────────────────────────────── */
+.accordion-panel {
+  overflow: hidden;
+}
+
+.accordion-panel-wrapper.is-expanded .accordion-panel {
+  padding: 0 var(--ui-spacing-5) var(--ui-spacing-5);
+}
+
+.accordion-panel-wrapper:not(.is-expanded) .accordion-panel {
+  padding: 0 var(--ui-spacing-5);
+}

package/src/lib/accordion/llm-accordion.d.ts

@@ -21,7 +21,7 @@ export interface LlmAccordionGroupProps extends HTMLAttributes<HTMLDivElement>,
 /**
  * A container component that manages a group of accordion items.
  */
-export declare function LlmAccordionGroup({ multi, variant, children, className, ...rest }: LlmAccordionGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmAccordionGroup({ multi, variant, children, className, ...rest }: LlmAccordionGroupProps): import("react").JSX.Element;
 /**
  * Properties for the LlmAccordionItem component.
  */
@@ -51,7 +51,7 @@ export interface LlmAccordionItemProps extends HTMLAttributes<HTMLDivElement>, L
 /**
  * An individual item within an accordion group.
  */
-export declare function LlmAccordionItem({ expanded: externalExpanded, onExpandedChange, disabled, headingLevel, children, className, ...rest }: LlmAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmAccordionItem({ expanded: externalExpanded, onExpandedChange, disabled, headingLevel, children, className, ...rest }: LlmAccordionItemProps): import("react").JSX.Element;
 /**
  * The header component for an LlmAccordionItem.
  */
@@ -60,5 +60,5 @@ export declare function LlmAccordionHeader({ children, className, ...rest }: HTM
      * The content to be rendered in the header.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=llm-accordion.d.ts.map

package/src/lib/accordion/llm-accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-accordion.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/accordion/llm-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAoB7B;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,qBAAqB;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAa,EACb,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,sBAAsB,2CA+DxB;AAED;;GAEG;AACH,MAAM,WAAW,qBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,oBAAoB;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,QAAgB,EAChB,YAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAuGvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CASA"}
+{"version":3,"file":"llm-accordion.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/accordion/llm-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAoB7B;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,qBAAqB;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAa,EACb,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,sBAAsB,+BA+DxB;AAED;;GAEG;AACH,MAAM,WAAW,qBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,oBAAoB;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,QAAgB,EAChB,YAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAuGvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA"}

package/src/lib/alert/llm-alert.css

@@ -0,0 +1,80 @@
+.llm-alert {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--ui-spacing-3);
+  padding: var(--ui-spacing-4) var(--ui-spacing-5);
+  border-radius: var(--ui-radius-lg);
+  border: 1px solid transparent;
+  font-family: var(--ui-font-family);
+  font-size: var(--ui-font-size-sm);
+  line-height: var(--ui-line-height-normal);
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.llm-alert .content {
+  flex: 1;
+}
+
+/* Variants — semantic-tinted bg + matching text + faint border. */
+.llm-alert.variant-info {
+  background-color: var(--ui-color-info-bg);
+  color: var(--ui-color-info-text);
+  border-color: color-mix(in srgb, var(--ui-color-info-text) 20%, transparent);
+}
+
+.llm-alert.variant-success {
+  background-color: var(--ui-color-success-bg);
+  color: var(--ui-color-success-text);
+  border-color: color-mix(in srgb, var(--ui-color-success-text) 20%, transparent);
+}
+
+.llm-alert.variant-warning {
+  background-color: var(--ui-color-warning-bg);
+  color: var(--ui-color-warning-text);
+  border-color: color-mix(in srgb, var(--ui-color-warning-text) 20%, transparent);
+}
+
+.llm-alert.variant-danger {
+  background-color: var(--ui-color-danger-bg);
+  color: var(--ui-color-danger-text);
+  border-color: color-mix(in srgb, var(--ui-color-danger-text) 20%, transparent);
+}
+
+/* Dismiss button */
+.llm-alert .dismiss {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1.75rem;
+  height: 1.75rem;
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: var(--ui-radius-sm);
+  cursor: pointer;
+  color: inherit;
+  opacity: 0.7;
+  transition: opacity var(--ui-transition-fast), background-color var(--ui-transition-fast);
+  line-height: 1;
+}
+
+.llm-alert .dismiss:hover {
+  opacity: 1;
+  background-color: color-mix(in srgb, currentColor 10%, transparent);
+}
+
+.llm-alert .dismiss:focus-visible {
+  outline: none;
+  box-shadow: var(--ui-focus-ring);
+  opacity: 1;
+}
+
+/* Semantic indicator glyph — non-color differentiation (WCAG 1.4.1). */
+.llm-alert .content .variant-icon {
+  display: inline-block;
+  font-weight: 700;
+  margin-right: 0.4em;
+  line-height: 1;
+}

package/src/lib/alert/llm-alert.d.ts

@@ -26,6 +26,6 @@ export interface LlmAlertProps extends HTMLAttributes<HTMLDivElement>, LlmAlertS
 /**
  * An alert component for displaying important messages.
  */
-export declare function LlmAlert({ variant, dismissible, onDismissed, children, className, ...rest }: LlmAlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmAlert({ variant, dismissible, onDismissed, children, className, ...rest }: LlmAlertProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=llm-alert.d.ts.map

package/src/lib/alert/llm-alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-alert.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/alert/llm-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB,KAAK,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASjE;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAgB,EAChB,WAAmB,EACnB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,2CAoCf"}
+{"version":3,"file":"llm-alert.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/alert/llm-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB,KAAK,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASjE;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAgB,EAChB,WAAmB,EACnB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,+BAoCf"}

package/src/lib/avatar/llm-avatar.css

@@ -0,0 +1,106 @@
+/* === LlmAvatar === */
+
+.llm-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  flex-shrink: 0;
+  font-family: var(--ui-font-family);
+  font-weight: var(--ui-font-weight-semibold);
+  background-color: color-mix(in srgb, var(--ui-color-primary) 12%, var(--ui-color-surface-sunken));
+  color: var(--ui-color-primary);
+  user-select: none;
+}
+
+/* Sizes */
+.llm-avatar.size-xs { width: 24px; height: 24px; font-size: 0.625rem; }
+.llm-avatar.size-sm { width: 32px; height: 32px; font-size: var(--ui-font-size-xs); }
+.llm-avatar.size-md { width: 40px; height: 40px; font-size: var(--ui-font-size-sm); }
+.llm-avatar.size-lg { width: 48px; height: 48px; font-size: var(--ui-font-size-md); }
+.llm-avatar.size-xl { width: 64px; height: 64px; font-size: var(--ui-font-size-lg); }
+
+/* Shapes */
+.llm-avatar.shape-circle { border-radius: var(--ui-radius-full); }
+.llm-avatar.shape-square { border-radius: var(--ui-radius-md); }
+
+/* Image */
+.llm-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+/* Initials */
+.llm-avatar .initials {
+  line-height: 1;
+  letter-spacing: 0.02em;
+}
+
+/* Fallback icon */
+.llm-avatar .icon {
+  width: 55%;
+  height: 55%;
+  opacity: 0.6;
+}
+
+/* Status dot */
+.llm-avatar .status-dot {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 25%;
+  height: 25%;
+  min-width: 6px;
+  min-height: 6px;
+  max-width: 14px;
+  max-height: 14px;
+  border-radius: var(--ui-radius-full);
+  border: 2px solid var(--ui-color-surface);
+  box-sizing: content-box;
+}
+
+.llm-avatar .status-dot.status-online  { background-color: var(--ui-color-success); }
+.llm-avatar .status-dot.status-offline { background-color: var(--ui-color-text-muted); }
+.llm-avatar .status-dot.status-away    { background-color: var(--ui-color-warning); }
+.llm-avatar .status-dot.status-busy    { background-color: var(--ui-color-danger); }
+
+/* === LlmAvatarGroup === */
+
+.llm-avatar-group {
+  display: inline-flex;
+  align-items: center;
+  background: none;
+  overflow: visible;
+  padding-inline-start: 4px;
+}
+
+/* Overlap ring applied to avatars inside a group */
+.llm-avatar-group > .llm-avatar {
+  box-shadow: 0 0 0 2px var(--ui-color-surface);
+  margin-inline-start: -8px;
+}
+
+/* Overflow count badge */
+.overflow-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background-color: var(--ui-color-surface-sunken);
+  color: var(--ui-color-text-muted);
+  border: 1px solid var(--ui-color-border);
+  border-radius: var(--ui-radius-full);
+  font-family: var(--ui-font-family);
+  font-weight: var(--ui-font-weight-semibold);
+  box-shadow: 0 0 0 2px var(--ui-color-surface);
+  margin-inline-start: -8px;
+}
+
+.overflow-badge.size-xs { width: 24px; height: 24px; font-size: 0.5625rem; }
+.overflow-badge.size-sm { width: 32px; height: 32px; font-size: var(--ui-font-size-xs); }
+.overflow-badge.size-md { width: 40px; height: 40px; font-size: var(--ui-font-size-sm); }
+.overflow-badge.size-lg { width: 48px; height: 48px; font-size: var(--ui-font-size-sm); }
+.overflow-badge.size-xl { width: 64px; height: 64px; font-size: var(--ui-font-size-md); }

package/src/lib/avatar/llm-avatar.d.ts

@@ -33,7 +33,7 @@ export interface LlmAvatarProps extends HTMLAttributes<HTMLDivElement>, LlmAvata
 /**
  * An avatar component for displaying user profile pictures or initials.
  */
-export declare function LlmAvatar({ src, alt, name, size, shape, status, className, ...rest }: LlmAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmAvatar({ src, alt, name, size, shape, status, className, ...rest }: LlmAvatarProps): import("react").JSX.Element;
 /**
  * Properties for the LlmAvatarGroup component.
  */
@@ -54,5 +54,5 @@ export interface LlmAvatarGroupProps extends HTMLAttributes<HTMLDivElement>, Llm
 /**
  * A container for grouping multiple avatars.
  */
-export declare function LlmAvatarGroup({ max, size, children, className, ...rest }: LlmAvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmAvatarGroup({ max, size, children, className, ...rest }: LlmAvatarGroupProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-avatar.d.ts.map

package/src/lib/avatar/llm-avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-avatar.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/avatar/llm-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,aAAa;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;CACtD;AAWD;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,GAAQ,EACR,GAAQ,EACR,IAAS,EACT,IAAW,EACX,KAAgB,EAChB,MAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CA8BhB;AAED;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAO,EACP,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAoBrB"}
+{"version":3,"file":"llm-avatar.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/avatar/llm-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,aAAa;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;CACtD;AAWD;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,GAAQ,EACR,GAAQ,EACR,IAAS,EACT,IAAW,EACX,KAAgB,EAChB,MAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BA8BhB;AAED;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAO,EACP,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,+BAoBrB"}

package/src/lib/badge/llm-badge.css

@@ -0,0 +1,60 @@
+.llm-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--ui-radius-full);
+  font-family: var(--ui-font-family);
+  font-weight: var(--ui-font-weight-semibold);
+  line-height: var(--ui-line-height-tight);
+  white-space: nowrap;
+  letter-spacing: 0.01em;
+}
+
+/* Sizes */
+.llm-badge.size-sm {
+  padding: 0.1875rem var(--ui-spacing-2);
+  font-size: var(--ui-font-size-xs);
+}
+
+.llm-badge.size-md {
+  padding: 0.3125rem var(--ui-spacing-3);
+  font-size: var(--ui-font-size-sm);
+}
+
+/* Variants */
+.llm-badge.variant-default {
+  background-color: var(--ui-color-surface-sunken);
+  color: var(--ui-color-text-muted);
+  border: 1px solid var(--ui-color-border);
+}
+
+.llm-badge.variant-success {
+  background-color: var(--ui-color-success-bg);
+  color: var(--ui-color-success-text);
+  border: 1px solid color-mix(in srgb, var(--ui-color-success-text) 25%, transparent);
+}
+
+.llm-badge.variant-warning {
+  background-color: var(--ui-color-warning-bg);
+  color: var(--ui-color-warning-text);
+  border: 1px solid color-mix(in srgb, var(--ui-color-warning-text) 25%, transparent);
+}
+
+.llm-badge.variant-danger {
+  background-color: var(--ui-color-danger-bg);
+  color: var(--ui-color-danger-text);
+  border: 1px solid color-mix(in srgb, var(--ui-color-danger-text) 25%, transparent);
+}
+
+.llm-badge.variant-info {
+  background-color: var(--ui-color-info-bg);
+  color: var(--ui-color-info-text);
+  border: 1px solid color-mix(in srgb, var(--ui-color-info-text) 25%, transparent);
+}
+
+/* Semantic indicator glyph — non-color differentiation (WCAG 1.4.1). */
+.llm-badge .variant-icon {
+  font-weight: 700;
+  margin-right: 0.3em;
+  line-height: 1;
+}

package/src/lib/badge/llm-badge.d.ts

@@ -22,6 +22,6 @@ export interface LlmBadgeProps extends HTMLAttributes<HTMLSpanElement>, LlmBadge
 /**
  * A badge component for displaying small amounts of information or status.
  */
-export declare function LlmBadge({ variant, size, children, className, ...rest }: LlmBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmBadge({ variant, size, children, className, ...rest }: LlmBadgeProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=llm-badge.d.ts.map

package/src/lib/badge/llm-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-badge.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/badge/llm-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAU7E;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,2CAUf"}
+{"version":3,"file":"llm-badge.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/badge/llm-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAU7E;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,+BAUf"}

package/src/lib/breadcrumbs/llm-breadcrumbs.css

@@ -0,0 +1,62 @@
+/* LlmBreadcrumbs */
+.llm-breadcrumbs {
+  display: block;
+  font-family: var(--ui-font-family);
+}
+
+.breadcrumbs-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: var(--ui-font-size-sm);
+  color: var(--ui-color-text-muted);
+}
+
+/* LlmBreadcrumbItem */
+.llm-breadcrumb-item {
+  display: flex;
+  align-items: center;
+}
+
+/* Separator — chevron, CSS-generated, not read by screen readers */
+.llm-breadcrumb-item::after {
+  content: var(--llm-separator, '›');
+  margin: 0 var(--ui-spacing-2);
+  color: var(--ui-color-border-hover);
+  font-size: var(--ui-font-size-md);
+  line-height: 1;
+}
+
+.llm-breadcrumb-item.is-current::after {
+  display: none;
+}
+
+/* Links (navigable breadcrumbs) */
+.llm-breadcrumb-item .breadcrumb-link {
+  color: var(--ui-color-text-muted);
+  text-decoration: none;
+  border-radius: var(--ui-radius-sm);
+  padding: var(--ui-spacing-1) var(--ui-spacing-2);
+  margin: calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);
+  transition: color var(--ui-transition-fast), background-color var(--ui-transition-fast);
+}
+
+.llm-breadcrumb-item .breadcrumb-link:hover {
+  color: var(--ui-color-text);
+  background-color: var(--ui-color-surface-sunken);
+}
+
+.llm-breadcrumb-item .breadcrumb-link:focus-visible {
+  outline: none;
+  box-shadow: var(--ui-focus-ring);
+}
+
+/* Current item (plain text) */
+.llm-breadcrumb-item .breadcrumb-current {
+  color: var(--ui-color-text);
+  font-weight: var(--ui-font-weight-semibold);
+}

package/src/lib/breadcrumbs/llm-breadcrumbs.d.ts

@@ -13,7 +13,7 @@ export interface LlmBreadcrumbsProps extends HTMLAttributes<HTMLElement>, LlmBre
 /**
  * A breadcrumbs component for displaying a navigation trail.
  */
-export declare function LlmBreadcrumbs({ children, separator, className, style, ...rest }: LlmBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmBreadcrumbs({ children, separator, className, style, ...rest }: LlmBreadcrumbsProps): import("react").JSX.Element;
 /**
  * Properties for the LlmBreadcrumbItem component.
  */
@@ -34,5 +34,5 @@ export interface LlmBreadcrumbItemProps extends AnchorHTMLAttributes<HTMLAnchorE
 /**
  * An individual breadcrumb item.
  */
-export declare function LlmBreadcrumbItem({ href, current, children, className, ...rest }: LlmBreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmBreadcrumbItem({ href, current, children, className, ...rest }: LlmBreadcrumbItemProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-breadcrumbs.d.ts.map

package/src/lib/breadcrumbs/llm-breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/breadcrumbs/llm-breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,oBAAoB,EAA0C,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB;IAC1F;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAe,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAwB3G;AAED;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,qBAAqB;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAqBxB"}
+{"version":3,"file":"llm-breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/breadcrumbs/llm-breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,oBAAoB,EAA0C,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB;IAC1F;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAe,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,+BAwB3G;AAED;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,qBAAqB;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,sBAAsB,+BAqBxB"}