@atelier-ui/react 0.1.11 → 0.2.0

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

@@ -1,10 +1,10 @@
 import { ReactNode, HTMLAttributes } from 'react';
-import type { LlmDrawerSpec } from '../spec';
-import './llm-drawer.css';
+import type { AtlDrawerSpec } from '../spec';
+import './atl-drawer.css';
 /**
- * Properties for the LlmDrawer component.
+ * Properties for the AtlDrawer component.
  */
-export interface LlmDrawerProps extends LlmDrawerSpec {
+export interface AtlDrawerProps extends AtlDrawerSpec {
     /**
      * Whether the drawer is open.
      */
@@ -33,32 +33,32 @@ export interface LlmDrawerProps extends LlmDrawerSpec {
 /**
  * A drawer component that slides in from the edge of the screen.
  */
-export declare function LlmDrawer({ open, onOpenChange, position, size, closeOnBackdrop, children, }: LlmDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AtlDrawer({ open, onOpenChange, position, size, closeOnBackdrop, children, }: AtlDrawerProps): import("react").JSX.Element;
 /**
- * The header component for an LlmDrawer.
+ * The header component for an AtlDrawer.
  */
-export declare function LlmDrawerHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
+export declare function AtlDrawerHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
     /**
      * The content of the drawer header.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
- * The main content component for an LlmDrawer.
+ * The main content component for an AtlDrawer.
  */
-export declare function LlmDrawerContent({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
+export declare function AtlDrawerContent({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
     /**
      * The main content of the drawer.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
- * The footer component for an LlmDrawer.
+ * The footer component for an AtlDrawer.
  */
-export declare function LlmDrawerFooter({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
+export declare function AtlDrawerFooter({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
     /**
      * The content of the drawer footer.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=llm-drawer.d.ts.map
+}): import("react").JSX.Element;
+//# sourceMappingURL=atl-drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-drawer.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/llm-drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAY1B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,YAAY,EACZ,QAAkB,EAClB,IAAW,EACX,eAAsB,EACtB,QAAQ,GACT,EAAE,cAAc,2CAkEhB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAiCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CASA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CASA"}
+{"version":3,"file":"atl-drawer.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/atl-drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAY1B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,YAAY,EACZ,QAAkB,EAClB,IAAW,EACX,eAAsB,EACtB,QAAQ,GACT,EAAE,cAAc,+BAkEhB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAiCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useId, createContext, useContext, } from 'react';
-import './llm-drawer.css';
+import './atl-drawer.css';
 const DrawerContext = createContext({
     headerId: '',
     close: () => undefined,
@@ -8,7 +8,7 @@ const DrawerContext = createContext({
 /**
  * A drawer component that slides in from the edge of the screen.
  */
-export function LlmDrawer({ open = false, onOpenChange, position = 'right', size = 'md', closeOnBackdrop = true, children, }) {
+export function AtlDrawer({ open = false, onOpenChange, position = 'right', size = 'md', closeOnBackdrop = true, children, }) {
     const dialogRef = useRef(null);
     const headerId = useId();
     const triggerElRef = useRef(null);
@@ -52,7 +52,7 @@ export function LlmDrawer({ open = false, onOpenChange, position = 'right', size
         }
     };
     const hostClass = [
-        'llm-drawer-host',
+        'atl-drawer-host',
         `position-${position}`,
         `size-${size}`,
         open && 'is-open',
@@ -62,22 +62,22 @@ export function LlmDrawer({ open = false, onOpenChange, position = 'right', size
     return (_jsx(DrawerContext.Provider, { value: { headerId, close: () => onOpenChange?.(false) }, children: _jsx("div", { className: hostClass, children: _jsx("dialog", { ref: dialogRef, "aria-labelledby": headerId, "aria-modal": "true", onClick: handleBackdropClick, children: _jsx("div", { className: "panel", onClick: (e) => e.stopPropagation(), children: children }) }) }) }));
 }
 /**
- * The header component for an LlmDrawer.
+ * The header component for an AtlDrawer.
  */
-export function LlmDrawerHeader({ children, className, ...rest }) {
+export function AtlDrawerHeader({ children, className, ...rest }) {
     const ctx = useContext(DrawerContext);
-    return (_jsxs("div", { id: ctx.headerId, className: ['llm-drawer-header', className].filter(Boolean).join(' '), ...rest, children: [children, _jsx("button", { className: "close-btn", type: "button", "aria-label": "Close drawer", onClick: ctx.close, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }));
+    return (_jsxs("div", { id: ctx.headerId, className: ['atl-drawer-header', className].filter(Boolean).join(' '), ...rest, children: [children, _jsx("button", { className: "close-btn", type: "button", "aria-label": "Close drawer", onClick: ctx.close, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }));
 }
 /**
- * The main content component for an LlmDrawer.
+ * The main content component for an AtlDrawer.
  */
-export function LlmDrawerContent({ children, className, ...rest }) {
-    return (_jsx("div", { className: ['llm-drawer-content', className].filter(Boolean).join(' '), ...rest, children: children }));
+export function AtlDrawerContent({ children, className, ...rest }) {
+    return (_jsx("div", { className: ['atl-drawer-content', className].filter(Boolean).join(' '), ...rest, children: children }));
 }
 /**
- * The footer component for an LlmDrawer.
+ * The footer component for an AtlDrawer.
  */
-export function LlmDrawerFooter({ children, className, ...rest }) {
-    return (_jsx("div", { className: ['llm-drawer-footer', className].filter(Boolean).join(' '), ...rest, children: children }));
+export function AtlDrawerFooter({ children, className, ...rest }) {
+    return (_jsx("div", { className: ['atl-drawer-footer', className].filter(Boolean).join(' '), ...rest, children: children }));
 }
-//# sourceMappingURL=llm-drawer.js.map
+//# sourceMappingURL=atl-drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-drawer.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/llm-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  useRef,\n  useId,\n  createContext,\n  useContext,\n  ReactNode,\n  HTMLAttributes,\n  MouseEvent,\n} from 'react';\nimport type { LlmDrawerSpec } from '../spec';\nimport './llm-drawer.css';\n\ninterface DrawerContextValue {\n  headerId: string;\n  close: () => void;\n}\n\nconst DrawerContext = createContext<DrawerContextValue>({\n  headerId: '',\n  close: () => undefined,\n});\n\n/**\n * Properties for the LlmDrawer component.\n */\nexport interface LlmDrawerProps extends LlmDrawerSpec {\n  /**\n   * Whether the drawer is open.\n   */\n  open?: boolean;\n  /**\n   * Callback triggered when the open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The position of the drawer on the screen.\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * The size of the drawer.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'full';\n  /**\n   * Whether to close the drawer when clicking on the backdrop.\n   */\n  closeOnBackdrop?: boolean;\n  /**\n   * The content of the drawer.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A drawer component that slides in from the edge of the screen.\n */\nexport function LlmDrawer({\n  open = false,\n  onOpenChange,\n  position = 'right',\n  size = 'md',\n  closeOnBackdrop = true,\n  children,\n}: LlmDrawerProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const headerId = useId();\n  const triggerElRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (open) {\n      triggerElRef.current = document.activeElement;\n      if (!dialog.open) dialog.showModal();\n    } else {\n      if (dialog.open) dialog.close();\n      (triggerElRef.current as HTMLElement | null)?.focus();\n      triggerElRef.current = null;\n    }\n  }, [open]);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    const onClose = () => onOpenChange?.(false);\n    const onCancel = (e: Event) => {\n      e.preventDefault();\n      onOpenChange?.(false);\n    };\n    dialog.addEventListener('close', onClose);\n    dialog.addEventListener('cancel', onCancel);\n    return () => {\n      dialog.removeEventListener('close', onClose);\n      dialog.removeEventListener('cancel', onCancel);\n    };\n  }, [onOpenChange]);\n\n  const handleBackdropClick = (e: MouseEvent<HTMLDialogElement>) => {\n    if (!closeOnBackdrop) return;\n    if (e.target === dialogRef.current) {\n      onOpenChange?.(false);\n    }\n  };\n\n  const hostClass = [\n    'llm-drawer-host',\n    `position-${position}`,\n    `size-${size}`,\n    open && 'is-open',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <DrawerContext.Provider value={{ headerId, close: () => onOpenChange?.(false) }}>\n      <div className={hostClass}>\n        <dialog\n          ref={dialogRef}\n          aria-labelledby={headerId}\n          aria-modal=\"true\"\n          onClick={handleBackdropClick}\n        >\n          <div className=\"panel\" onClick={(e) => e.stopPropagation()}>\n            {children}\n          </div>\n        </dialog>\n      </div>\n    </DrawerContext.Provider>\n  );\n}\n\n/**\n * The header component for an LlmDrawer.\n */\nexport function LlmDrawerHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer header.\n   */\n  children?: ReactNode;\n}) {\n  const ctx = useContext(DrawerContext);\n  return (\n    <div\n      id={ctx.headerId}\n      className={['llm-drawer-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n      <button\n        className=\"close-btn\"\n        type=\"button\"\n        aria-label=\"Close drawer\"\n        onClick={ctx.close}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\n/**\n * The main content component for an LlmDrawer.\n */\nexport function LlmDrawerContent({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The main content of the drawer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['llm-drawer-content', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * The footer component for an LlmDrawer.\n */\nexport function LlmDrawerFooter({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer footer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['llm-drawer-footer', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"atl-drawer.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/atl-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  useRef,\n  useId,\n  createContext,\n  useContext,\n  ReactNode,\n  HTMLAttributes,\n  MouseEvent,\n} from 'react';\nimport type { AtlDrawerSpec } from '../spec';\nimport './atl-drawer.css';\n\ninterface DrawerContextValue {\n  headerId: string;\n  close: () => void;\n}\n\nconst DrawerContext = createContext<DrawerContextValue>({\n  headerId: '',\n  close: () => undefined,\n});\n\n/**\n * Properties for the AtlDrawer component.\n */\nexport interface AtlDrawerProps extends AtlDrawerSpec {\n  /**\n   * Whether the drawer is open.\n   */\n  open?: boolean;\n  /**\n   * Callback triggered when the open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The position of the drawer on the screen.\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * The size of the drawer.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'full';\n  /**\n   * Whether to close the drawer when clicking on the backdrop.\n   */\n  closeOnBackdrop?: boolean;\n  /**\n   * The content of the drawer.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A drawer component that slides in from the edge of the screen.\n */\nexport function AtlDrawer({\n  open = false,\n  onOpenChange,\n  position = 'right',\n  size = 'md',\n  closeOnBackdrop = true,\n  children,\n}: AtlDrawerProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const headerId = useId();\n  const triggerElRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (open) {\n      triggerElRef.current = document.activeElement;\n      if (!dialog.open) dialog.showModal();\n    } else {\n      if (dialog.open) dialog.close();\n      (triggerElRef.current as HTMLElement | null)?.focus();\n      triggerElRef.current = null;\n    }\n  }, [open]);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    const onClose = () => onOpenChange?.(false);\n    const onCancel = (e: Event) => {\n      e.preventDefault();\n      onOpenChange?.(false);\n    };\n    dialog.addEventListener('close', onClose);\n    dialog.addEventListener('cancel', onCancel);\n    return () => {\n      dialog.removeEventListener('close', onClose);\n      dialog.removeEventListener('cancel', onCancel);\n    };\n  }, [onOpenChange]);\n\n  const handleBackdropClick = (e: MouseEvent<HTMLDialogElement>) => {\n    if (!closeOnBackdrop) return;\n    if (e.target === dialogRef.current) {\n      onOpenChange?.(false);\n    }\n  };\n\n  const hostClass = [\n    'atl-drawer-host',\n    `position-${position}`,\n    `size-${size}`,\n    open && 'is-open',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <DrawerContext.Provider value={{ headerId, close: () => onOpenChange?.(false) }}>\n      <div className={hostClass}>\n        <dialog\n          ref={dialogRef}\n          aria-labelledby={headerId}\n          aria-modal=\"true\"\n          onClick={handleBackdropClick}\n        >\n          <div className=\"panel\" onClick={(e) => e.stopPropagation()}>\n            {children}\n          </div>\n        </dialog>\n      </div>\n    </DrawerContext.Provider>\n  );\n}\n\n/**\n * The header component for an AtlDrawer.\n */\nexport function AtlDrawerHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer header.\n   */\n  children?: ReactNode;\n}) {\n  const ctx = useContext(DrawerContext);\n  return (\n    <div\n      id={ctx.headerId}\n      className={['atl-drawer-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n      <button\n        className=\"close-btn\"\n        type=\"button\"\n        aria-label=\"Close drawer\"\n        onClick={ctx.close}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\n/**\n * The main content component for an AtlDrawer.\n */\nexport function AtlDrawerContent({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The main content of the drawer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['atl-drawer-content', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * The footer component for an AtlDrawer.\n */\nexport function AtlDrawerFooter({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer footer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['atl-drawer-footer', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

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

@@ -1,4 +1,4 @@
-.llm-icon {
+.atl-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -10,19 +10,19 @@
   flex-shrink: 0;
 }
 
-.llm-icon.size-sm {
+.atl-icon.size-sm {
   width: 1rem;
   height: 1rem;
   font-size: var(--ui-font-size-sm);
 }
 
-.llm-icon.size-md {
+.atl-icon.size-md {
   width: 1.25rem;
   height: 1.25rem;
   font-size: var(--ui-font-size-md);
 }
 
-.llm-icon.size-lg {
+.atl-icon.size-lg {
   width: 1.5rem;
   height: 1.5rem;
   font-size: var(--ui-font-size-lg);

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

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'react';
+import type { AtlIconName, AtlIconSize, AtlIconSpec } from '../spec';
+import './atl-icon.css';
+/**
+ * Properties for the AtlIcon component.
+ */
+export interface AtlIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>, AtlIconSpec {
+    /** The icon name. */
+    name: AtlIconName;
+    /** The icon size. */
+    size?: AtlIconSize;
+    /**
+     * Accessible label. When provided, the icon is announced as an image with
+     * this label. When omitted, the icon is hidden from assistive tech.
+     */
+    label?: string;
+}
+/**
+ * Pictogram glyph icon. 21 named variants matching the Figma `AtlIcon`
+ * component set. Decorative by default; pass `label` to announce a meaning
+ * to assistive tech.
+ */
+export declare function AtlIcon({ name, size, label, className, ...rest }: AtlIconProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-icon.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/llm-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,gBAAgB,CAAC;AA0BxB;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,EACzD,WAAW;IACb,qBAAqB;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,2CAUd"}
+{"version":3,"file":"atl-icon.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/atl-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,gBAAgB,CAAC;AA0BxB;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,EACzD,WAAW;IACb,qBAAqB;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BAUd"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import './llm-icon.css';
+import './atl-icon.css';
 const ICON_GLYPHS = {
     success: '✓',
     warning: '⚠',
@@ -24,15 +24,15 @@ const ICON_GLYPHS = {
     'default-toast': '💬',
 };
 /**
- * Pictogram glyph icon. 21 named variants matching the Figma `LlmIcon`
+ * Pictogram glyph icon. 21 named variants matching the Figma `AtlIcon`
  * component set. Decorative by default; pass `label` to announce a meaning
  * to assistive tech.
  */
-export function LlmIcon({ name, size = 'md', label, className, ...rest }) {
-    const classes = ['llm-icon', `size-${size}`, className].filter(Boolean).join(' ');
+export function AtlIcon({ name, size = 'md', label, className, ...rest }) {
+    const classes = ['atl-icon', `size-${size}`, className].filter(Boolean).join(' ');
     const accessibilityProps = label
         ? { role: 'img', 'aria-label': label }
         : { 'aria-hidden': true };
     return (_jsx("span", { className: classes, ...accessibilityProps, ...rest, children: ICON_GLYPHS[name] }));
 }
-//# sourceMappingURL=llm-icon.js.map
+//# sourceMappingURL=atl-icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-icon.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/llm-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,GAAgC;IAC/C,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,YAAY,EAAE,GAAG;IACjB,cAAc,EAAE,GAAG;IACnB,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,GAAG;IAChB,aAAa,EAAE,GAAG;IAClB,YAAY,EAAE,GAAG;IACjB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,GAAG;IACT,eAAe,EAAE,IAAI;CACtB,CAAC;AAmBF;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClF,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE;QACtC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE,CAAC;IACrC,OAAO,CACL,eAAM,SAAS,EAAE,OAAO,KAAM,kBAAkB,KAAM,IAAI,YACvD,WAAW,CAAC,IAAI,CAAC,GACb,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes } from 'react';\nimport type { LlmIconName, LlmIconSize, LlmIconSpec } from '../spec';\nimport './llm-icon.css';\n\nconst ICON_GLYPHS: Record<LlmIconName, string> = {\n  success: '✓',\n  warning: '⚠',\n  danger: '✕',\n  info: 'ℹ',\n  error: '!',\n  'chevron-up': '▲',\n  'chevron-down': '▼',\n  'chevron-left': '‹',\n  'chevron-right': '›',\n  'sort-asc': '↑',\n  'sort-desc': '↓',\n  'arrow-right': '→',\n  'arrow-left': '←',\n  copy: '⎘',\n  paste: '⎗',\n  add: '⊕',\n  edit: '✏',\n  delete: '🗑',\n  close: '×',\n  more: '…',\n  'default-toast': '💬',\n};\n\n/**\n * Properties for the LlmIcon component.\n */\nexport interface LlmIconProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    LlmIconSpec {\n  /** The icon name. */\n  name: LlmIconName;\n  /** The icon size. */\n  size?: LlmIconSize;\n  /**\n   * Accessible label. When provided, the icon is announced as an image with\n   * this label. When omitted, the icon is hidden from assistive tech.\n   */\n  label?: string;\n}\n\n/**\n * Pictogram glyph icon. 21 named variants matching the Figma `LlmIcon`\n * component set. Decorative by default; pass `label` to announce a meaning\n * to assistive tech.\n */\nexport function LlmIcon({\n  name,\n  size = 'md',\n  label,\n  className,\n  ...rest\n}: LlmIconProps) {\n  const classes = ['llm-icon', `size-${size}`, className].filter(Boolean).join(' ');\n  const accessibilityProps = label\n    ? { role: 'img', 'aria-label': label }\n    : { 'aria-hidden': true as const };\n  return (\n    <span className={classes} {...accessibilityProps} {...rest}>\n      {ICON_GLYPHS[name]}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"atl-icon.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/atl-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,GAAgC;IAC/C,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,YAAY,EAAE,GAAG;IACjB,cAAc,EAAE,GAAG;IACnB,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,GAAG;IAChB,aAAa,EAAE,GAAG;IAClB,YAAY,EAAE,GAAG;IACjB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,GAAG;IACT,eAAe,EAAE,IAAI;CACtB,CAAC;AAmBF;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClF,MAAM,kBAAkB,GAAG,KAAK;QAC9B,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE;QACtC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE,CAAC;IACrC,OAAO,CACL,eAAM,SAAS,EAAE,OAAO,KAAM,kBAAkB,KAAM,IAAI,YACvD,WAAW,CAAC,IAAI,CAAC,GACb,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes } from 'react';\nimport type { AtlIconName, AtlIconSize, AtlIconSpec } from '../spec';\nimport './atl-icon.css';\n\nconst ICON_GLYPHS: Record<AtlIconName, string> = {\n  success: '✓',\n  warning: '⚠',\n  danger: '✕',\n  info: 'ℹ',\n  error: '!',\n  'chevron-up': '▲',\n  'chevron-down': '▼',\n  'chevron-left': '‹',\n  'chevron-right': '›',\n  'sort-asc': '↑',\n  'sort-desc': '↓',\n  'arrow-right': '→',\n  'arrow-left': '←',\n  copy: '⎘',\n  paste: '⎗',\n  add: '⊕',\n  edit: '✏',\n  delete: '🗑',\n  close: '×',\n  more: '…',\n  'default-toast': '💬',\n};\n\n/**\n * Properties for the AtlIcon component.\n */\nexport interface AtlIconProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    AtlIconSpec {\n  /** The icon name. */\n  name: AtlIconName;\n  /** The icon size. */\n  size?: AtlIconSize;\n  /**\n   * Accessible label. When provided, the icon is announced as an image with\n   * this label. When omitted, the icon is hidden from assistive tech.\n   */\n  label?: string;\n}\n\n/**\n * Pictogram glyph icon. 21 named variants matching the Figma `AtlIcon`\n * component set. Decorative by default; pass `label` to announce a meaning\n * to assistive tech.\n */\nexport function AtlIcon({\n  name,\n  size = 'md',\n  label,\n  className,\n  ...rest\n}: AtlIconProps) {\n  const classes = ['atl-icon', `size-${size}`, className].filter(Boolean).join(' ');\n  const accessibilityProps = label\n    ? { role: 'img', 'aria-label': label }\n    : { 'aria-hidden': true as const };\n  return (\n    <span className={classes} {...accessibilityProps} {...rest}>\n      {ICON_GLYPHS[name]}\n    </span>\n  );\n}\n"]}

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

@@ -1,10 +1,10 @@
-.llm-input {
+.atl-input {
   display: block;
   font-family: var(--ui-font-family);
   font-size: var(--ui-font-size-md);
 }
 
-.llm-input input {
+.atl-input input {
   display: block;
   width: 100%;
   min-height: 2.5rem;
@@ -23,37 +23,37 @@
   box-sizing: border-box;
 }
 
-.llm-input input::placeholder {
+.atl-input input::placeholder {
   color: var(--ui-color-placeholder);
 }
 
-.llm-input input:hover:not(:disabled):not(:read-only) {
+.atl-input input:hover:not(:disabled):not(:read-only) {
   border-color: var(--ui-color-input-border-hover);
 }
 
-.llm-input input:focus {
+.atl-input input:focus {
   border-color: var(--ui-color-input-border-focus);
   background-color: var(--ui-color-input-bg-focus);
   box-shadow: var(--ui-focus-ring);
 }
 
-.llm-input .input-field {
+.atl-input .input-field {
   position: relative;
 }
 
 /* Invalid state */
-.llm-input.is-invalid input {
+.atl-input.is-invalid input {
   border-color: var(--ui-color-input-border-invalid);
   padding-right: 2.25rem;
 }
 
-.llm-input.is-invalid input:focus {
+.atl-input.is-invalid input:focus {
   border-color: var(--ui-color-input-border-invalid);
   box-shadow: 0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger);
 }
 
 /* Non-color invalid indicator (WCAG 1.4.1) */
-.llm-input.is-invalid .input-field::before {
+.atl-input.is-invalid .input-field::before {
   content: '✕';
   position: absolute;
   top: 50%;
@@ -66,27 +66,27 @@
 }
 
 /* Disabled state */
-.llm-input.is-disabled {
+.atl-input.is-disabled {
   opacity: var(--ui-opacity-disabled);
   cursor: not-allowed;
 }
 
-.llm-input.is-disabled input {
+.atl-input.is-disabled input {
   cursor: not-allowed;
 }
 
 /* Readonly state */
-.llm-input.is-readonly input {
+.atl-input.is-readonly input {
   background-color: var(--ui-color-surface-sunken);
   cursor: default;
 }
 
 /* Error messages */
-.llm-input .errors {
+.atl-input .errors {
   margin-top: var(--ui-spacing-2);
 }
 
-.llm-input .error-message {
+.atl-input .error-message {
   margin: 0;
   font-size: var(--ui-font-size-sm);
   color: var(--ui-color-error-text);

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

@@ -1,10 +1,10 @@
 import { InputHTMLAttributes } from 'react';
-import type { LlmInputSpec } from '../spec';
-import './llm-input.css';
+import type { AtlInputSpec } from '../spec';
+import './atl-input.css';
 /**
- * Properties for the LlmInput component.
+ * Properties for the AtlInput component.
  */
-export interface LlmInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'>, LlmInputSpec {
+export interface AtlInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'>, AtlInputSpec {
     /**
      * The type of input to render.
      */
@@ -37,5 +37,5 @@ export interface LlmInputProps extends Omit<InputHTMLAttributes<HTMLInputElement
 /**
  * A versatile input component for text entry.
  */
-export declare function LlmInput({ type, value, onChange, onValueChange, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, label, className, id, ...rest }: LlmInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=llm-input.d.ts.map
+export declare function AtlInput({ type, value, onChange, onValueChange, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, label, className, id, ...rest }: AtlInputProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-input.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/llm-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EACtE,YAAY;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,aAAa,2CAkDf"}
+{"version":3,"file":"atl-input.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/atl-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EACtE,YAAY;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,aAAa,+BAkDf"}

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './llm-input.css';
+import './atl-input.css';
 /**
  * A versatile input component for text entry.
  */
-export function LlmInput({ type = 'text', value, onChange, onValueChange, invalid = false, errors = [], disabled = false, readOnly: reactReadOnly, readonly: specReadOnly, required = false, label, className, id, ...rest }) {
+export function AtlInput({ type = 'text', value, onChange, onValueChange, invalid = false, errors = [], disabled = false, readOnly: reactReadOnly, readonly: specReadOnly, required = false, label, className, id, ...rest }) {
     const readOnly = reactReadOnly ?? specReadOnly ?? false;
     const inputId = id || (label ? `input-${label.toLowerCase().replace(/\s+/g, '-')}` : undefined);
     const classes = [
-        'llm-input',
+        'atl-input',
         invalid && 'is-invalid',
         disabled && 'is-disabled',
         readOnly && 'is-readonly',
@@ -22,4 +22,4 @@ export function LlmInput({ type = 'text', value, onChange, onValueChange, invali
     const errorId = inputId ? `${inputId}-errors` : undefined;
     return (_jsxs("div", { className: classes, children: [label && _jsx("label", { htmlFor: inputId, children: label }), _jsx("div", { className: "input-field", children: _jsx("input", { id: inputId, type: type, value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, required: required, "aria-invalid": invalid || undefined, "aria-required": required || undefined, "aria-describedby": errors.length > 0 ? errorId : undefined, ...rest }) }), errors.length > 0 && (_jsx("div", { className: "errors", id: errorId, "aria-live": "polite", children: errors.map((err, i) => (_jsx("p", { className: "error-message", children: err }, i))) }))] }));
 }
-//# sourceMappingURL=llm-input.js.map
+//# sourceMappingURL=atl-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-input.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/llm-input.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAsCzB;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACO;IACd,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,OAAO,GACX,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG;QACd,WAAW;QACX,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QACd,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACpB,KAAK,IAAI,gBAAO,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,sBAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACrD,IAAI,GACR,GACE,EACL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,OAAO,eAAY,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { InputHTMLAttributes } from 'react';\nimport type { LlmInputSpec } from '../spec';\nimport './llm-input.css';\n\n/**\n * Properties for the LlmInput component.\n */\nexport interface LlmInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'>,\n    LlmInputSpec {\n  /**\n   * The type of input to render.\n   */\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  /**\n   * The current value of the input.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Whether the input is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The label for the input.\n   */\n  label?: string;\n  /**\n   * Whether the input is read-only.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * A versatile input component for text entry.\n */\nexport function LlmInput({\n  type = 'text',\n  value,\n  onChange,\n  onValueChange,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  label,\n  className,\n  id,\n  ...rest\n}: LlmInputProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const inputId =\n    id || (label ? `input-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n  const classes = [\n    'llm-input',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e);\n    onValueChange?.(e.target.value);\n  };\n\n  const errorId = inputId ? `${inputId}-errors` : undefined;\n\n  return (\n    <div className={classes}>\n      {label && <label htmlFor={inputId}>{label}</label>}\n      <div className=\"input-field\">\n        <input\n          id={inputId}\n          type={type}\n          value={value}\n          onChange={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-invalid={invalid || undefined}\n          aria-required={required || undefined}\n          aria-describedby={errors.length > 0 ? errorId : undefined}\n          {...rest}\n        />\n      </div>\n      {errors.length > 0 && (\n        <div className=\"errors\" id={errorId} aria-live=\"polite\">\n          {errors.map((err, i) => (\n            <p key={i} className=\"error-message\">\n              {err}\n            </p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"atl-input.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/atl-input.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAsCzB;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACO;IACd,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,OAAO,GACX,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG;QACd,WAAW;QACX,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QACd,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACpB,KAAK,IAAI,gBAAO,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,sBAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACrD,IAAI,GACR,GACE,EACL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,OAAO,eAAY,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { InputHTMLAttributes } from 'react';\nimport type { AtlInputSpec } from '../spec';\nimport './atl-input.css';\n\n/**\n * Properties for the AtlInput component.\n */\nexport interface AtlInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'>,\n    AtlInputSpec {\n  /**\n   * The type of input to render.\n   */\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  /**\n   * The current value of the input.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Whether the input is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The label for the input.\n   */\n  label?: string;\n  /**\n   * Whether the input is read-only.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * A versatile input component for text entry.\n */\nexport function AtlInput({\n  type = 'text',\n  value,\n  onChange,\n  onValueChange,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  label,\n  className,\n  id,\n  ...rest\n}: AtlInputProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const inputId =\n    id || (label ? `input-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n  const classes = [\n    'atl-input',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e);\n    onValueChange?.(e.target.value);\n  };\n\n  const errorId = inputId ? `${inputId}-errors` : undefined;\n\n  return (\n    <div className={classes}>\n      {label && <label htmlFor={inputId}>{label}</label>}\n      <div className=\"input-field\">\n        <input\n          id={inputId}\n          type={type}\n          value={value}\n          onChange={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-invalid={invalid || undefined}\n          aria-required={required || undefined}\n          aria-describedby={errors.length > 0 ? errorId : undefined}\n          {...rest}\n        />\n      </div>\n      {errors.length > 0 && (\n        <div className=\"errors\" id={errorId} aria-live=\"polite\">\n          {errors.map((err, i) => (\n            <p key={i} className=\"error-message\">\n              {err}\n            </p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -1,5 +1,5 @@
 /* Menu panel */
-.llm-menu {
+.atl-menu {
   display: block;
   min-width: 12rem;
   padding: var(--ui-spacing-2) 0;
@@ -14,20 +14,20 @@
   overflow: hidden;
 
   /* Entry animation */
-  animation: llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards;
+  animation: atl-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards;
 }
 
-.llm-menu.variant-compact {
+.atl-menu.variant-compact {
   font-size: var(--ui-font-size-sm);
   padding: var(--ui-spacing-1) 0;
 }
 
-.llm-menu.variant-compact .llm-menu-item {
+.atl-menu.variant-compact .atl-menu-item {
   min-height: 2rem;
   padding: var(--ui-spacing-1) var(--ui-spacing-3);
 }
 
-@keyframes llm-menu-enter {
+@keyframes atl-menu-enter {
   from {
     opacity: 0;
     transform: translateY(-4px);
@@ -39,7 +39,7 @@
 }
 
 /* Menu item */
-.llm-menu-item {
+.atl-menu-item {
   display: flex;
   align-items: center;
   gap: var(--ui-spacing-3);
@@ -56,18 +56,18 @@
   text-align: start;
 }
 
-.llm-menu-item:hover,
-.llm-menu-item:focus-visible {
+.atl-menu-item:hover,
+.atl-menu-item:focus-visible {
   background: var(--ui-color-surface-sunken);
 }
 
-.llm-menu-item.is-disabled {
+.atl-menu-item.is-disabled {
   opacity: var(--ui-opacity-disabled);
   cursor: not-allowed;
 }
 
 /* Separator */
-.llm-menu-separator {
+.atl-menu-separator {
   display: block;
   height: 1px;
   margin: var(--ui-spacing-2) 0;
@@ -76,7 +76,7 @@
 }
 
 /* Trigger panel — positioned absolutely below trigger */
-.llm-menu-panel {
+.atl-menu-panel {
   position: absolute;
   z-index: var(--ui-z-dropdown, 100);
   top: calc(100% + var(--ui-spacing-2));

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

@@ -1,10 +1,10 @@
 import { ReactNode, HTMLAttributes, RefObject } from 'react';
-import type { LlmMenuSpec, LlmMenuItemSpec } from '../spec';
-import './llm-menu.css';
+import type { AtlMenuSpec, AtlMenuItemSpec } from '../spec';
+import './atl-menu.css';
 /**
- * Properties for the LlmMenu component.
+ * Properties for the AtlMenu component.
  */
-export interface LlmMenuProps extends HTMLAttributes<HTMLDivElement>, LlmMenuSpec {
+export interface AtlMenuProps extends HTMLAttributes<HTMLDivElement>, AtlMenuSpec {
     /**
      * The visual style variant of the menu.
      */
@@ -17,11 +17,11 @@ export interface LlmMenuProps extends HTMLAttributes<HTMLDivElement>, LlmMenuSpe
 /**
  * A menu component for displaying a list of choices.
  */
-export declare function LlmMenu({ variant, children, className, ...rest }: LlmMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function AtlMenu({ variant, children, className, ...rest }: AtlMenuProps): import("react").JSX.Element;
 /**
- * Properties for the LlmMenuItem component.
+ * Properties for the AtlMenuItem component.
  */
-export interface LlmMenuItemProps extends HTMLAttributes<HTMLButtonElement>, LlmMenuItemSpec {
+export interface AtlMenuItemProps extends HTMLAttributes<HTMLButtonElement>, AtlMenuItemSpec {
     /**
      * Whether the menu item is disabled.
      */
@@ -38,15 +38,15 @@ export interface LlmMenuItemProps extends HTMLAttributes<HTMLButtonElement>, Llm
 /**
  * An individual item within a menu.
  */
-export declare function LlmMenuItem({ disabled, onTriggered, children, className, onClick, ...rest }: LlmMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function AtlMenuItem({ disabled, onTriggered, children, className, onClick, ...rest }: AtlMenuItemProps): import("react").JSX.Element;
 /**
  * A separator for dividing groups of menu items.
  */
-export declare function LlmMenuSeparator(): import("react/jsx-runtime").JSX.Element;
+export declare function AtlMenuSeparator(): import("react").JSX.Element;
 /**
- * Properties for the LlmMenuTrigger component.
+ * Properties for the AtlMenuTrigger component.
  */
-export interface LlmMenuTriggerProps {
+export interface AtlMenuTriggerProps {
     /**
      * The menu to be displayed.
      */
@@ -62,5 +62,5 @@ export interface LlmMenuTriggerProps {
 /**
  * A component that manages the state of a menu and its trigger.
  */
-export declare function LlmMenuTrigger({ menu, children }: LlmMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=llm-menu.d.ts.map
+export declare function AtlMenuTrigger({ menu, children }: AtlMenuTriggerProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-menu.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/llm-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAQxB;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAO1F;AAED;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,iBAAiB,CAAC,EACvC,eAAe;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAyBlB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CAE/B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACpC,KAAK,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4CrE"}
+{"version":3,"file":"atl-menu.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/atl-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAQxB;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAO1F;AAED;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,iBAAiB,CAAC,EACvC,eAAe;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAyBlB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,gCAE/B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACpC,KAAK,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA4CrE"}