@atelier-ui/react 0.1.12 → 0.2.1

package/src/lib/avatar/{llm-avatar.css → atl-avatar.css}

@@ -1,6 +1,6 @@
-/* === LlmAvatar === */
+/* === AtlAvatar === */
 
-.llm-avatar {
+.atl-avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -15,18 +15,18 @@
 }
 
 /* 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); }
+.atl-avatar.size-xs { width: 24px; height: 24px; font-size: 0.625rem; }
+.atl-avatar.size-sm { width: 32px; height: 32px; font-size: var(--ui-font-size-xs); }
+.atl-avatar.size-md { width: 40px; height: 40px; font-size: var(--ui-font-size-sm); }
+.atl-avatar.size-lg { width: 48px; height: 48px; font-size: var(--ui-font-size-md); }
+.atl-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); }
+.atl-avatar.shape-circle { border-radius: var(--ui-radius-full); }
+.atl-avatar.shape-square { border-radius: var(--ui-radius-md); }
 
 /* Image */
-.llm-avatar img {
+.atl-avatar img {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -34,20 +34,20 @@
 }
 
 /* Initials */
-.llm-avatar .initials {
+.atl-avatar .initials {
   line-height: 1;
   letter-spacing: 0.02em;
 }
 
 /* Fallback icon */
-.llm-avatar .icon {
+.atl-avatar .icon {
   width: 55%;
   height: 55%;
   opacity: 0.6;
 }
 
 /* Status dot */
-.llm-avatar .status-dot {
+.atl-avatar .status-dot {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -62,14 +62,14 @@
   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); }
+.atl-avatar .status-dot.status-online  { background-color: var(--ui-color-success); }
+.atl-avatar .status-dot.status-offline { background-color: var(--ui-color-text-muted); }
+.atl-avatar .status-dot.status-away    { background-color: var(--ui-color-warning); }
+.atl-avatar .status-dot.status-busy    { background-color: var(--ui-color-danger); }
 
-/* === LlmAvatarGroup === */
+/* === AtlAvatarGroup === */
 
-.llm-avatar-group {
+.atl-avatar-group {
   display: inline-flex;
   align-items: center;
   background: none;
@@ -78,7 +78,7 @@
 }
 
 /* Overlap ring applied to avatars inside a group */
-.llm-avatar-group > .llm-avatar {
+.atl-avatar-group > .atl-avatar {
   box-shadow: 0 0 0 2px var(--ui-color-surface);
   margin-inline-start: -8px;
 }

package/src/lib/avatar/{llm-avatar.d.ts → atl-avatar.d.ts}

@@ -1,10 +1,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import type { LlmAvatarSpec, LlmAvatarGroupSpec } from '../spec';
-import './llm-avatar.css';
+import type { AtlAvatarSpec, AtlAvatarGroupSpec } from '../spec';
+import './atl-avatar.css';
 /**
- * Properties for the LlmAvatar component.
+ * Properties for the AtlAvatar component.
  */
-export interface LlmAvatarProps extends HTMLAttributes<HTMLDivElement>, LlmAvatarSpec {
+export interface AtlAvatarProps extends HTMLAttributes<HTMLDivElement>, AtlAvatarSpec {
     /**
      * The URL of the image to display.
      */
@@ -33,11 +33,11 @@ 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.Element;
+export declare function AtlAvatar({ src, alt, name, size, shape, status, className, ...rest }: AtlAvatarProps): import("react").JSX.Element;
 /**
- * Properties for the LlmAvatarGroup component.
+ * Properties for the AtlAvatarGroup component.
  */
-export interface LlmAvatarGroupProps extends HTMLAttributes<HTMLDivElement>, LlmAvatarGroupSpec {
+export interface AtlAvatarGroupProps extends HTMLAttributes<HTMLDivElement>, AtlAvatarGroupSpec {
     /**
      * The maximum number of avatars to show before displaying an overflow badge.
      */
@@ -45,7 +45,7 @@ export interface LlmAvatarGroupProps extends HTMLAttributes<HTMLDivElement>, Llm
     /**
      * The size of the avatars in the group.
      */
-    size?: LlmAvatarProps['size'];
+    size?: AtlAvatarProps['size'];
     /**
      * The avatars to be rendered in the group.
      */
@@ -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.Element;
-//# sourceMappingURL=llm-avatar.d.ts.map
+export declare function AtlAvatarGroup({ max, size, children, className, ...rest }: AtlAvatarGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-avatar.d.ts.map

package/src/lib/avatar/{llm-avatar.d.ts.map → atl-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,+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"}
+{"version":3,"file":"atl-avatar.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/avatar/atl-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/avatar/{llm-avatar.js → atl-avatar.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Children, useState } from 'react';
-import './llm-avatar.css';
+import './atl-avatar.css';
 function getInitials(name) {
     return name
         .split(' ')
@@ -12,7 +12,7 @@ function getInitials(name) {
 /**
  * An avatar component for displaying user profile pictures or initials.
  */
-export function LlmAvatar({ src = '', alt = '', name = '', size = 'md', shape = 'circle', status = '', className, ...rest }) {
+export function AtlAvatar({ src = '', alt = '', name = '', size = 'md', shape = 'circle', status = '', className, ...rest }) {
     const [imgError, setImgError] = useState(false);
     const [prevSrc, setPrevSrc] = useState(src);
     // Reset imgError when src changes
@@ -20,7 +20,7 @@ export function LlmAvatar({ src = '', alt = '', name = '', size = 'md', shape =
         setPrevSrc(src);
         setImgError(false);
     }
-    const classes = ['llm-avatar', `size-${size}`, `shape-${shape}`, className]
+    const classes = ['atl-avatar', `size-${size}`, `shape-${shape}`, className]
         .filter(Boolean).join(' ');
     const initials = name ? getInitials(name) : '';
     const ariaLabel = alt || name || 'Avatar';
@@ -29,11 +29,11 @@ export function LlmAvatar({ src = '', alt = '', name = '', size = 'md', shape =
 /**
  * A container for grouping multiple avatars.
  */
-export function LlmAvatarGroup({ max = 5, size = 'md', children, className, ...rest }) {
+export function AtlAvatarGroup({ max = 5, size = 'md', children, className, ...rest }) {
     const childArray = Children.toArray(children);
     const visible = childArray.slice(0, max);
     const overflow = childArray.length - max;
-    const classes = ['llm-avatar-group', `size-${size}`, className].filter(Boolean).join(' ');
+    const classes = ['atl-avatar-group', `size-${size}`, className].filter(Boolean).join(' ');
     return (_jsxs("div", { className: classes, ...rest, children: [visible, overflow > 0 && (_jsxs("div", { className: `overflow-badge size-${size}`, "aria-label": `+${overflow} more`, children: ["+", overflow] }))] }));
 }
-//# sourceMappingURL=llm-avatar.js.map
+//# sourceMappingURL=atl-avatar.js.map

package/src/lib/avatar/{llm-avatar.js.map → atl-avatar.js.map}

@@ -1 +1 @@
-{"version":3,"file":"llm-avatar.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/avatar/llm-avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HTMLAttributes, ReactNode, Children, useState } from 'react';\nimport type {\n  LlmAvatarSpec,\n  LlmAvatarGroupSpec,\n} from '../spec';\nimport './llm-avatar.css';\n\n/**\n * Properties for the LlmAvatar component.\n */\nexport interface LlmAvatarProps\n  extends HTMLAttributes<HTMLDivElement>,\n    LlmAvatarSpec {\n  /**\n   * The URL of the image to display.\n   */\n  src?: string;\n  /**\n   * Accessible text for the avatar image.\n   */\n  alt?: string;\n  /**\n   * The name of the person/entity, used for initials if no image is provided.\n   */\n  name?: string;\n  /**\n   * The size of the avatar.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * The shape of the avatar.\n   */\n  shape?: 'circle' | 'square';\n  /**\n   * The status indicator to display on the avatar.\n   */\n  status?: 'online' | 'offline' | 'away' | 'busy' | '';\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(' ')\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0].toUpperCase())\n    .join('');\n}\n\n/**\n * An avatar component for displaying user profile pictures or initials.\n */\nexport function LlmAvatar({\n  src = '',\n  alt = '',\n  name = '',\n  size = 'md',\n  shape = 'circle',\n  status = '',\n  className,\n  ...rest\n}: LlmAvatarProps) {\n  const [imgError, setImgError] = useState(false);\n  const [prevSrc, setPrevSrc] = useState(src);\n\n  // Reset imgError when src changes\n  if (src !== prevSrc) {\n    setPrevSrc(src);\n    setImgError(false);\n  }\n\n  const classes = ['llm-avatar', `size-${size}`, `shape-${shape}`, className]\n    .filter(Boolean).join(' ');\n\n  const initials = name ? getInitials(name) : '';\n  const ariaLabel = alt || name || 'Avatar';\n\n  return (\n    <div className={classes} aria-label={ariaLabel} role=\"img\" {...rest}>\n      {src && !imgError ? (\n        <img src={src} alt={alt || name} onError={() => setImgError(true)} />\n      ) : initials ? (\n        <span className=\"initials\" aria-hidden=\"true\">{initials}</span>\n      ) : (\n        <svg className=\"icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.314 0-10 1.343-10 4v2h20v-2c0-2.657-6.686-4-10-4z\" />\n        </svg>\n      )}\n      {status && <span className={`status-dot status-${status}`} aria-hidden=\"true\" />}\n    </div>\n  );\n}\n\n/**\n * Properties for the LlmAvatarGroup component.\n */\nexport interface LlmAvatarGroupProps\n  extends HTMLAttributes<HTMLDivElement>,\n    LlmAvatarGroupSpec {\n  /**\n   * The maximum number of avatars to show before displaying an overflow badge.\n   */\n  max?: number;\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: LlmAvatarProps['size'];\n  /**\n   * The avatars to be rendered in the group.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A container for grouping multiple avatars.\n */\nexport function LlmAvatarGroup({\n  max = 5,\n  size = 'md',\n  children,\n  className,\n  ...rest\n}: LlmAvatarGroupProps) {\n  const childArray = Children.toArray(children);\n  const visible = childArray.slice(0, max);\n  const overflow = childArray.length - max;\n\n  const classes = ['llm-avatar-group', `size-${size}`, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={classes} {...rest}>\n      {visible}\n      {overflow > 0 && (\n        <div\n          className={`overflow-badge size-${size}`}\n          aria-label={`+${overflow} more`}\n        >\n          +{overflow}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"atl-avatar.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/avatar/atl-avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HTMLAttributes, ReactNode, Children, useState } from 'react';\nimport type {\n  AtlAvatarSpec,\n  AtlAvatarGroupSpec,\n} from '../spec';\nimport './atl-avatar.css';\n\n/**\n * Properties for the AtlAvatar component.\n */\nexport interface AtlAvatarProps\n  extends HTMLAttributes<HTMLDivElement>,\n    AtlAvatarSpec {\n  /**\n   * The URL of the image to display.\n   */\n  src?: string;\n  /**\n   * Accessible text for the avatar image.\n   */\n  alt?: string;\n  /**\n   * The name of the person/entity, used for initials if no image is provided.\n   */\n  name?: string;\n  /**\n   * The size of the avatar.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * The shape of the avatar.\n   */\n  shape?: 'circle' | 'square';\n  /**\n   * The status indicator to display on the avatar.\n   */\n  status?: 'online' | 'offline' | 'away' | 'busy' | '';\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(' ')\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((w) => w[0].toUpperCase())\n    .join('');\n}\n\n/**\n * An avatar component for displaying user profile pictures or initials.\n */\nexport function AtlAvatar({\n  src = '',\n  alt = '',\n  name = '',\n  size = 'md',\n  shape = 'circle',\n  status = '',\n  className,\n  ...rest\n}: AtlAvatarProps) {\n  const [imgError, setImgError] = useState(false);\n  const [prevSrc, setPrevSrc] = useState(src);\n\n  // Reset imgError when src changes\n  if (src !== prevSrc) {\n    setPrevSrc(src);\n    setImgError(false);\n  }\n\n  const classes = ['atl-avatar', `size-${size}`, `shape-${shape}`, className]\n    .filter(Boolean).join(' ');\n\n  const initials = name ? getInitials(name) : '';\n  const ariaLabel = alt || name || 'Avatar';\n\n  return (\n    <div className={classes} aria-label={ariaLabel} role=\"img\" {...rest}>\n      {src && !imgError ? (\n        <img src={src} alt={alt || name} onError={() => setImgError(true)} />\n      ) : initials ? (\n        <span className=\"initials\" aria-hidden=\"true\">{initials}</span>\n      ) : (\n        <svg className=\"icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.314 0-10 1.343-10 4v2h20v-2c0-2.657-6.686-4-10-4z\" />\n        </svg>\n      )}\n      {status && <span className={`status-dot status-${status}`} aria-hidden=\"true\" />}\n    </div>\n  );\n}\n\n/**\n * Properties for the AtlAvatarGroup component.\n */\nexport interface AtlAvatarGroupProps\n  extends HTMLAttributes<HTMLDivElement>,\n    AtlAvatarGroupSpec {\n  /**\n   * The maximum number of avatars to show before displaying an overflow badge.\n   */\n  max?: number;\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AtlAvatarProps['size'];\n  /**\n   * The avatars to be rendered in the group.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A container for grouping multiple avatars.\n */\nexport function AtlAvatarGroup({\n  max = 5,\n  size = 'md',\n  children,\n  className,\n  ...rest\n}: AtlAvatarGroupProps) {\n  const childArray = Children.toArray(children);\n  const visible = childArray.slice(0, max);\n  const overflow = childArray.length - max;\n\n  const classes = ['atl-avatar-group', `size-${size}`, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={classes} {...rest}>\n      {visible}\n      {overflow > 0 && (\n        <div\n          className={`overflow-badge size-${size}`}\n          aria-label={`+${overflow} more`}\n        >\n          +{overflow}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/src/lib/badge/{llm-badge.css → atl-badge.css}

@@ -1,4 +1,4 @@
-.llm-badge {
+.atl-badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -11,49 +11,49 @@
 }
 
 /* Sizes */
-.llm-badge.size-sm {
+.atl-badge.size-sm {
   padding: 0.1875rem var(--ui-spacing-2);
   font-size: var(--ui-font-size-xs);
 }
 
-.llm-badge.size-md {
+.atl-badge.size-md {
   padding: 0.3125rem var(--ui-spacing-3);
   font-size: var(--ui-font-size-sm);
 }
 
 /* Variants */
-.llm-badge.variant-default {
+.atl-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 {
+.atl-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 {
+.atl-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 {
+.atl-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 {
+.atl-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 {
+.atl-badge .variant-icon {
   font-weight: 700;
   margin-right: 0.3em;
   line-height: 1;

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

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import type { AtlBadgeSpec } from '../spec';
+import './atl-badge.css';
+type AtlBadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
+/**
+ * Properties for the AtlBadge component.
+ */
+export interface AtlBadgeProps extends HTMLAttributes<HTMLSpanElement>, AtlBadgeSpec {
+    /**
+     * The visual style variant of the badge.
+     */
+    variant?: AtlBadgeVariant;
+    /**
+     * The size of the badge.
+     */
+    size?: 'sm' | 'md';
+    /**
+     * The content to be rendered inside the badge.
+     */
+    children?: ReactNode;
+}
+/**
+ * A badge component for displaying small amounts of information or status.
+ */
+export declare function AtlBadge({ variant, size, children, className, ...rest }: AtlBadgeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=atl-badge.d.ts.map

package/src/lib/badge/{llm-badge.d.ts.map → atl-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,+BAUf"}
+{"version":3,"file":"atl-badge.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/badge/atl-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/badge/{llm-badge.js → atl-badge.js}

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './llm-badge.css';
+import './atl-badge.css';
 const VARIANT_ICONS = {
     default: null,
     success: '✓',
@@ -10,10 +10,10 @@ const VARIANT_ICONS = {
 /**
  * A badge component for displaying small amounts of information or status.
  */
-export function LlmBadge({ variant = 'default', size = 'md', children, className, ...rest }) {
-    const classes = ['llm-badge', `variant-${variant}`, `size-${size}`, className]
+export function AtlBadge({ variant = 'default', size = 'md', children, className, ...rest }) {
+    const classes = ['atl-badge', `variant-${variant}`, `size-${size}`, className]
         .filter(Boolean).join(' ');
     const icon = VARIANT_ICONS[variant];
     return (_jsxs("span", { className: classes, role: "status", ...rest, children: [icon && _jsx("span", { className: "variant-icon", "aria-hidden": "true", children: icon }), children] }));
 }
-//# sourceMappingURL=llm-badge.js.map
+//# sourceMappingURL=atl-badge.js.map

package/src/lib/badge/{llm-badge.js.map → atl-badge.js.map}

@@ -1 +1 @@
-{"version":3,"file":"llm-badge.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/badge/llm-badge.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAIzB,MAAM,aAAa,GAA2C;IAC5D,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC;AAsBF;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,WAAW,OAAO,EAAE,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC;SAC3E,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,CACL,gBAAM,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,aAC7C,IAAI,IAAI,eAAM,SAAS,EAAC,cAAc,iBAAa,MAAM,YAAE,IAAI,GAAQ,EACvE,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { LlmBadgeSpec } from '../spec';\nimport './llm-badge.css';\n\ntype LlmBadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';\n\nconst VARIANT_ICONS: Record<LlmBadgeVariant, string | null> = {\n  default: null,\n  success: '✓',\n  warning: '⚠',\n  danger: '✕',\n  info: 'ℹ',\n};\n\n/**\n * Properties for the LlmBadge component.\n */\nexport interface LlmBadgeProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    LlmBadgeSpec {\n  /**\n   * The visual style variant of the badge.\n   */\n  variant?: LlmBadgeVariant;\n  /**\n   * The size of the badge.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * The content to be rendered inside the badge.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A badge component for displaying small amounts of information or status.\n */\nexport function LlmBadge({\n  variant = 'default',\n  size = 'md',\n  children,\n  className,\n  ...rest\n}: LlmBadgeProps) {\n  const classes = ['llm-badge', `variant-${variant}`, `size-${size}`, className]\n    .filter(Boolean).join(' ');\n  const icon = VARIANT_ICONS[variant];\n  return (\n    <span className={classes} role=\"status\" {...rest}>\n      {icon && <span className=\"variant-icon\" aria-hidden=\"true\">{icon}</span>}\n      {children}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"atl-badge.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/badge/atl-badge.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAIzB,MAAM,aAAa,GAA2C;IAC5D,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC;AAsBF;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,WAAW,OAAO,EAAE,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC;SAC3E,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,CACL,gBAAM,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,aAC7C,IAAI,IAAI,eAAM,SAAS,EAAC,cAAc,iBAAa,MAAM,YAAE,IAAI,GAAQ,EACvE,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { AtlBadgeSpec } from '../spec';\nimport './atl-badge.css';\n\ntype AtlBadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';\n\nconst VARIANT_ICONS: Record<AtlBadgeVariant, string | null> = {\n  default: null,\n  success: '✓',\n  warning: '⚠',\n  danger: '✕',\n  info: 'ℹ',\n};\n\n/**\n * Properties for the AtlBadge component.\n */\nexport interface AtlBadgeProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    AtlBadgeSpec {\n  /**\n   * The visual style variant of the badge.\n   */\n  variant?: AtlBadgeVariant;\n  /**\n   * The size of the badge.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * The content to be rendered inside the badge.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A badge component for displaying small amounts of information or status.\n */\nexport function AtlBadge({\n  variant = 'default',\n  size = 'md',\n  children,\n  className,\n  ...rest\n}: AtlBadgeProps) {\n  const classes = ['atl-badge', `variant-${variant}`, `size-${size}`, className]\n    .filter(Boolean).join(' ');\n  const icon = VARIANT_ICONS[variant];\n  return (\n    <span className={classes} role=\"status\" {...rest}>\n      {icon && <span className=\"variant-icon\" aria-hidden=\"true\">{icon}</span>}\n      {children}\n    </span>\n  );\n}\n"]}

package/src/lib/breadcrumbs/{llm-breadcrumbs.css → atl-breadcrumbs.css}

@@ -1,5 +1,5 @@
-/* LlmBreadcrumbs */
-.llm-breadcrumbs {
+/* AtlBreadcrumbs */
+.atl-breadcrumbs {
   display: block;
   font-family: var(--ui-font-family);
 }
@@ -16,27 +16,27 @@
   color: var(--ui-color-text-muted);
 }
 
-/* LlmBreadcrumbItem */
-.llm-breadcrumb-item {
+/* AtlBreadcrumbItem */
+.atl-breadcrumb-item {
   display: flex;
   align-items: center;
 }
 
 /* Separator — chevron, CSS-generated, not read by screen readers */
-.llm-breadcrumb-item::after {
-  content: var(--llm-separator, '›');
+.atl-breadcrumb-item::after {
+  content: var(--atl-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 {
+.atl-breadcrumb-item.is-current::after {
   display: none;
 }
 
 /* Links (navigable breadcrumbs) */
-.llm-breadcrumb-item .breadcrumb-link {
+.atl-breadcrumb-item .breadcrumb-link {
   color: var(--ui-color-text-muted);
   text-decoration: none;
   border-radius: var(--ui-radius-sm);
@@ -45,18 +45,18 @@
   transition: color var(--ui-transition-fast), background-color var(--ui-transition-fast);
 }
 
-.llm-breadcrumb-item .breadcrumb-link:hover {
+.atl-breadcrumb-item .breadcrumb-link:hover {
   color: var(--ui-color-text);
   background-color: var(--ui-color-surface-sunken);
 }
 
-.llm-breadcrumb-item .breadcrumb-link:focus-visible {
+.atl-breadcrumb-item .breadcrumb-link:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
 }
 
 /* Current item (plain text) */
-.llm-breadcrumb-item .breadcrumb-current {
+.atl-breadcrumb-item .breadcrumb-current {
   color: var(--ui-color-text);
   font-weight: var(--ui-font-weight-semibold);
 }

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

@@ -0,0 +1,38 @@
+import { HTMLAttributes, ReactNode, AnchorHTMLAttributes } from 'react';
+import type { AtlBreadcrumbsSpec, AtlBreadcrumbItemSpec } from '../spec';
+import './atl-breadcrumbs.css';
+/**
+ * Properties for the AtlBreadcrumbs component.
+ */
+export interface AtlBreadcrumbsProps extends HTMLAttributes<HTMLElement>, AtlBreadcrumbsSpec {
+    /**
+     * The breadcrumb items to be rendered.
+     */
+    children?: ReactNode;
+}
+/**
+ * A breadcrumbs component for displaying a navigation trail.
+ */
+export declare function AtlBreadcrumbs({ children, separator, className, style, ...rest }: AtlBreadcrumbsProps): import("react").JSX.Element;
+/**
+ * Properties for the AtlBreadcrumbItem component.
+ */
+export interface AtlBreadcrumbItemProps extends AnchorHTMLAttributes<HTMLAnchorElement>, AtlBreadcrumbItemSpec {
+    /**
+     * The URL the breadcrumb points to.
+     */
+    href?: string;
+    /**
+     * Whether this is the current page.
+     */
+    current?: boolean;
+    /**
+     * The content to be rendered inside the breadcrumb item.
+     */
+    children?: ReactNode;
+}
+/**
+ * An individual breadcrumb item.
+ */
+export declare function AtlBreadcrumbItem({ href, current, children, className, ...rest }: AtlBreadcrumbItemProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-breadcrumbs.d.ts.map

package/src/lib/breadcrumbs/{llm-breadcrumbs.d.ts.map → atl-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,+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"}
+{"version":3,"file":"atl-breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/breadcrumbs/atl-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"}

package/src/lib/breadcrumbs/{llm-breadcrumbs.js → atl-breadcrumbs.js}

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, isValidElement, cloneElement } from 'react';
-import './llm-breadcrumbs.css';
+import './atl-breadcrumbs.css';
 /**
  * A breadcrumbs component for displaying a navigation trail.
  */
-export function LlmBreadcrumbs({ children, separator = '/', className, style, ...rest }) {
-    const classes = ['llm-breadcrumbs', className].filter(Boolean).join(' ');
+export function AtlBreadcrumbs({ children, separator = '/', className, style, ...rest }) {
+    const classes = ['atl-breadcrumbs', className].filter(Boolean).join(' ');
     // Automatically mark the last child as current
     const childArray = Children.toArray(children);
     const enhancedChildren = childArray.map((child, index) => {
@@ -14,15 +14,15 @@ export function LlmBreadcrumbs({ children, separator = '/', className, style, ..
         }
         return child;
     });
-    return (_jsx("nav", { className: classes, "aria-label": "Breadcrumb", style: { '--llm-separator': `'${separator}'`, ...style }, ...rest, children: _jsx("ol", { className: "breadcrumbs-list", children: enhancedChildren }) }));
+    return (_jsx("nav", { className: classes, "aria-label": "Breadcrumb", style: { '--atl-separator': `'${separator}'`, ...style }, ...rest, children: _jsx("ol", { className: "breadcrumbs-list", children: enhancedChildren }) }));
 }
 /**
  * An individual breadcrumb item.
  */
-export function LlmBreadcrumbItem({ href, current = false, children, className, ...rest }) {
-    const classes = ['llm-breadcrumb-item', current && 'is-current', className]
+export function AtlBreadcrumbItem({ href, current = false, children, className, ...rest }) {
+    const classes = ['atl-breadcrumb-item', current && 'is-current', className]
         .filter(Boolean)
         .join(' ');
     return (_jsx("li", { className: classes, children: href && !current ? (_jsx("a", { href: href, className: "breadcrumb-link", ...rest, children: children })) : (_jsx("span", { className: "breadcrumb-current", "aria-current": current ? 'page' : undefined, children: children })) }));
 }
-//# sourceMappingURL=llm-breadcrumbs.js.map
+//# sourceMappingURL=atl-breadcrumbs.js.map

package/src/lib/breadcrumbs/{llm-breadcrumbs.js.map → atl-breadcrumbs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"llm-breadcrumbs.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/breadcrumbs/llm-breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmD,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGhH,OAAO,uBAAuB,CAAC;AAY/B;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAuB;IAC1G,MAAM,OAAO,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzE,+CAA+C;IAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,gBAAgB,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACvD,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7D,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAY,CAAC,CAAC;QAC1D,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,SAAS,EAAE,OAAO,gBACP,YAAY,EACvB,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,SAAS,GAAG,EAAE,GAAG,KAAK,EAAmB,KACrE,IAAI,YAER,aAAI,SAAS,EAAC,kBAAkB,YAC7B,gBAAgB,GACd,GACD,CACP,CAAC;AACJ,CAAC;AAsBD;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACgB;IACvB,MAAM,OAAO,GAAG,CAAC,qBAAqB,EAAE,OAAO,IAAI,YAAY,EAAE,SAAS,CAAC;SACxE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,aAAI,SAAS,EAAE,OAAO,YACnB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAClB,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,iBAAiB,KAAK,IAAI,YAChD,QAAQ,GACP,CACL,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAC,oBAAoB,kBAChB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAEzC,QAAQ,GACJ,CACR,GACE,CACN,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, Children, isValidElement, cloneElement } from 'react';\nimport type { CSSProperties } from 'react';\nimport type { LlmBreadcrumbsSpec, LlmBreadcrumbItemSpec } from '../spec';\nimport './llm-breadcrumbs.css';\n\n/**\n * Properties for the LlmBreadcrumbs component.\n */\nexport interface LlmBreadcrumbsProps extends HTMLAttributes<HTMLElement>, LlmBreadcrumbsSpec {\n  /**\n   * The breadcrumb items to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A breadcrumbs component for displaying a navigation trail.\n */\nexport function LlmBreadcrumbs({ children, separator = '/', className, style, ...rest }: LlmBreadcrumbsProps) {\n  const classes = ['llm-breadcrumbs', className].filter(Boolean).join(' ');\n\n  // Automatically mark the last child as current\n  const childArray = Children.toArray(children);\n  const enhancedChildren = childArray.map((child, index) => {\n    if (isValidElement(child) && index === childArray.length - 1) {\n      return cloneElement(child, { current: true } as object);\n    }\n    return child;\n  });\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      style={{ '--llm-separator': `'${separator}'`, ...style } as CSSProperties}\n      {...rest}\n    >\n      <ol className=\"breadcrumbs-list\">\n        {enhancedChildren}\n      </ol>\n    </nav>\n  );\n}\n\n/**\n * Properties for the LlmBreadcrumbItem component.\n */\nexport interface LlmBreadcrumbItemProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement>,\n    LlmBreadcrumbItemSpec {\n  /**\n   * The URL the breadcrumb points to.\n   */\n  href?: string;\n  /**\n   * Whether this is the current page.\n   */\n  current?: boolean;\n  /**\n   * The content to be rendered inside the breadcrumb item.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual breadcrumb item.\n */\nexport function LlmBreadcrumbItem({\n  href,\n  current = false,\n  children,\n  className,\n  ...rest\n}: LlmBreadcrumbItemProps) {\n  const classes = ['llm-breadcrumb-item', current && 'is-current', className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <li className={classes}>\n      {href && !current ? (\n        <a href={href} className=\"breadcrumb-link\" {...rest}>\n          {children}\n        </a>\n      ) : (\n        <span\n          className=\"breadcrumb-current\"\n          aria-current={current ? 'page' : undefined}\n        >\n          {children}\n        </span>\n      )}\n    </li>\n  );\n}\n"]}
+{"version":3,"file":"atl-breadcrumbs.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/breadcrumbs/atl-breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmD,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGhH,OAAO,uBAAuB,CAAC;AAY/B;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAuB;IAC1G,MAAM,OAAO,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzE,+CAA+C;IAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,gBAAgB,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACvD,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7D,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAY,CAAC,CAAC;QAC1D,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,SAAS,EAAE,OAAO,gBACP,YAAY,EACvB,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,SAAS,GAAG,EAAE,GAAG,KAAK,EAAmB,KACrE,IAAI,YAER,aAAI,SAAS,EAAC,kBAAkB,YAC7B,gBAAgB,GACd,GACD,CACP,CAAC;AACJ,CAAC;AAsBD;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACgB;IACvB,MAAM,OAAO,GAAG,CAAC,qBAAqB,EAAE,OAAO,IAAI,YAAY,EAAE,SAAS,CAAC;SACxE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,aAAI,SAAS,EAAE,OAAO,YACnB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAClB,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,iBAAiB,KAAK,IAAI,YAChD,QAAQ,GACP,CACL,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAC,oBAAoB,kBAChB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAEzC,QAAQ,GACJ,CACR,GACE,CACN,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, Children, isValidElement, cloneElement } from 'react';\nimport type { CSSProperties } from 'react';\nimport type { AtlBreadcrumbsSpec, AtlBreadcrumbItemSpec } from '../spec';\nimport './atl-breadcrumbs.css';\n\n/**\n * Properties for the AtlBreadcrumbs component.\n */\nexport interface AtlBreadcrumbsProps extends HTMLAttributes<HTMLElement>, AtlBreadcrumbsSpec {\n  /**\n   * The breadcrumb items to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A breadcrumbs component for displaying a navigation trail.\n */\nexport function AtlBreadcrumbs({ children, separator = '/', className, style, ...rest }: AtlBreadcrumbsProps) {\n  const classes = ['atl-breadcrumbs', className].filter(Boolean).join(' ');\n\n  // Automatically mark the last child as current\n  const childArray = Children.toArray(children);\n  const enhancedChildren = childArray.map((child, index) => {\n    if (isValidElement(child) && index === childArray.length - 1) {\n      return cloneElement(child, { current: true } as object);\n    }\n    return child;\n  });\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      style={{ '--atl-separator': `'${separator}'`, ...style } as CSSProperties}\n      {...rest}\n    >\n      <ol className=\"breadcrumbs-list\">\n        {enhancedChildren}\n      </ol>\n    </nav>\n  );\n}\n\n/**\n * Properties for the AtlBreadcrumbItem component.\n */\nexport interface AtlBreadcrumbItemProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement>,\n    AtlBreadcrumbItemSpec {\n  /**\n   * The URL the breadcrumb points to.\n   */\n  href?: string;\n  /**\n   * Whether this is the current page.\n   */\n  current?: boolean;\n  /**\n   * The content to be rendered inside the breadcrumb item.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual breadcrumb item.\n */\nexport function AtlBreadcrumbItem({\n  href,\n  current = false,\n  children,\n  className,\n  ...rest\n}: AtlBreadcrumbItemProps) {\n  const classes = ['atl-breadcrumb-item', current && 'is-current', className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <li className={classes}>\n      {href && !current ? (\n        <a href={href} className=\"breadcrumb-link\" {...rest}>\n          {children}\n        </a>\n      ) : (\n        <span\n          className=\"breadcrumb-current\"\n          aria-current={current ? 'page' : undefined}\n        >\n          {children}\n        </span>\n      )}\n    </li>\n  );\n}\n"]}