@atelier-ui/react 0.1.12 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"llm-toast.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/toast/llm-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  ReactNode,\n} from 'react';\nimport type {\n  LlmToastOptions,\n  LlmToastContainerPosition,\n} from '../spec';\nimport './llm-toast.css';\n\n/**\n * Internal data structure for a toast message.\n */\nexport interface ToastData extends Required<LlmToastOptions> {\n  id: string;\n  message: string;\n}\n\ninterface ToastContextValue {\n  show: (message: string, options?: LlmToastOptions) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n  toasts: ToastData[];\n}\n\nconst ToastContext = createContext<ToastContextValue>({\n  show: () => '',\n  dismiss: () => undefined,\n  clear: () => undefined,\n  toasts: [],\n});\n\n/**\n * Context provider that manages the toast state.\n */\nexport function LlmToastProvider({ children }: { children: ReactNode }) {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const timersRef = useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n  const toastId = useRef(0);\n\n  const dismiss = useCallback((id: string) => {\n    const timer = timersRef.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timersRef.current.delete(id);\n    }\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const show = useCallback(\n    (message: string, options: LlmToastOptions = {}): string => {\n      const id = `llm-toast-${toastId.current++}`;\n      const toast: ToastData = {\n        id,\n        message,\n        variant: options.variant ?? 'default',\n        duration: options.duration ?? 5000,\n        dismissible: options.dismissible ?? true,\n      };\n      setToasts((prev) => [...prev, toast]);\n      if (toast.duration > 0) {\n        const timer = setTimeout(() => dismiss(id), toast.duration);\n        timersRef.current.set(id, timer);\n      }\n      return id;\n    },\n    [dismiss]\n  );\n\n  const clear = useCallback(() => {\n    for (const timer of timersRef.current.values()) clearTimeout(timer);\n    timersRef.current.clear();\n    setToasts([]);\n  }, []);\n\n  return (\n    <ToastContext.Provider value={{ show, dismiss, clear, toasts }}>\n      {children}\n    </ToastContext.Provider>\n  );\n}\n\n/** Access toast actions: show, dismiss, clear. Must be inside LlmToastProvider. */\nexport function useLlmToast() {\n  const ctx = useContext(ToastContext);\n  return { show: ctx.show, dismiss: ctx.dismiss, clear: ctx.clear };\n}\n\n/**\n * Properties for the LlmToastContainer component.\n */\nexport interface LlmToastContainerProps {\n  /**\n   * Position of the toast container in the viewport.\n   */\n  position?: LlmToastContainerPosition;\n}\n\n/**\n * Renders the toast stack at a fixed viewport position.\n * Must be placed inside LlmToastProvider.\n */\nexport function LlmToastContainer({ position = 'bottom-right' }: LlmToastContainerProps) {\n  const { toasts, dismiss } = useContext(ToastContext);\n  const classes = `llm-toast-container position-${position}`;\n\n  return (\n    <div className={classes} aria-live=\"polite\" role=\"status\">\n      {toasts.map((toast) => (\n        <LlmToastItem key={toast.id} data={toast} onDismiss={dismiss} />\n      ))}\n    </div>\n  );\n}\n\n/**\n * Properties for the LlmToastItem component.\n */\nexport interface LlmToastItemProps {\n  /**\n   * The toast data to display.\n   */\n  data: ToastData;\n  /**\n   * Callback fired when the toast is dismissed.\n   */\n  onDismiss: (id: string) => void;\n}\n\n/**\n * An individual toast notification item.\n */\nexport function LlmToastItem({ data, onDismiss }: LlmToastItemProps) {\n  const classes = `llm-toast variant-${data.variant}`;\n  return (\n    <div className={classes} role=\"status\">\n      <span className=\"message\">{data.message}</span>\n      {data.dismissible && (\n        <button\n          className=\"dismiss\"\n          type=\"button\"\n          aria-label=\"Dismiss\"\n          onClick={() => onDismiss(data.id)}\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      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"atl-toast.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/toast/atl-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  ReactNode,\n} from 'react';\nimport type {\n  AtlToastOptions,\n  AtlToastContainerPosition,\n} from '../spec';\nimport './atl-toast.css';\n\n/**\n * Internal data structure for a toast message.\n */\nexport interface ToastData extends Required<AtlToastOptions> {\n  id: string;\n  message: string;\n}\n\ninterface ToastContextValue {\n  show: (message: string, options?: AtlToastOptions) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n  toasts: ToastData[];\n}\n\nconst ToastContext = createContext<ToastContextValue>({\n  show: () => '',\n  dismiss: () => undefined,\n  clear: () => undefined,\n  toasts: [],\n});\n\n/**\n * Context provider that manages the toast state.\n */\nexport function AtlToastProvider({ children }: { children: ReactNode }) {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const timersRef = useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n  const toastId = useRef(0);\n\n  const dismiss = useCallback((id: string) => {\n    const timer = timersRef.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timersRef.current.delete(id);\n    }\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const show = useCallback(\n    (message: string, options: AtlToastOptions = {}): string => {\n      const id = `atl-toast-${toastId.current++}`;\n      const toast: ToastData = {\n        id,\n        message,\n        variant: options.variant ?? 'default',\n        duration: options.duration ?? 5000,\n        dismissible: options.dismissible ?? true,\n      };\n      setToasts((prev) => [...prev, toast]);\n      if (toast.duration > 0) {\n        const timer = setTimeout(() => dismiss(id), toast.duration);\n        timersRef.current.set(id, timer);\n      }\n      return id;\n    },\n    [dismiss]\n  );\n\n  const clear = useCallback(() => {\n    for (const timer of timersRef.current.values()) clearTimeout(timer);\n    timersRef.current.clear();\n    setToasts([]);\n  }, []);\n\n  return (\n    <ToastContext.Provider value={{ show, dismiss, clear, toasts }}>\n      {children}\n    </ToastContext.Provider>\n  );\n}\n\n/** Access toast actions: show, dismiss, clear. Must be inside AtlToastProvider. */\nexport function useAtlToast() {\n  const ctx = useContext(ToastContext);\n  return { show: ctx.show, dismiss: ctx.dismiss, clear: ctx.clear };\n}\n\n/**\n * Properties for the AtlToastContainer component.\n */\nexport interface AtlToastContainerProps {\n  /**\n   * Position of the toast container in the viewport.\n   */\n  position?: AtlToastContainerPosition;\n}\n\n/**\n * Renders the toast stack at a fixed viewport position.\n * Must be placed inside AtlToastProvider.\n */\nexport function AtlToastContainer({ position = 'bottom-right' }: AtlToastContainerProps) {\n  const { toasts, dismiss } = useContext(ToastContext);\n  const classes = `atl-toast-container position-${position}`;\n\n  return (\n    <div className={classes} aria-live=\"polite\" role=\"status\">\n      {toasts.map((toast) => (\n        <AtlToastItem key={toast.id} data={toast} onDismiss={dismiss} />\n      ))}\n    </div>\n  );\n}\n\n/**\n * Properties for the AtlToastItem component.\n */\nexport interface AtlToastItemProps {\n  /**\n   * The toast data to display.\n   */\n  data: ToastData;\n  /**\n   * Callback fired when the toast is dismissed.\n   */\n  onDismiss: (id: string) => void;\n}\n\n/**\n * An individual toast notification item.\n */\nexport function AtlToastItem({ data, onDismiss }: AtlToastItemProps) {\n  const classes = `atl-toast variant-${data.variant}`;\n  return (\n    <div className={classes} role=\"status\">\n      <span className=\"message\">{data.message}</span>\n      {data.dismissible && (\n        <button\n          className=\"dismiss\"\n          type=\"button\"\n          aria-label=\"Dismiss\"\n          onClick={() => onDismiss(data.id)}\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      )}\n    </div>\n  );\n}\n"]}

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

@@ -1,10 +1,10 @@
-.llm-toggle {
+.atl-toggle {
   display: block;
   font-family: var(--ui-font-family);
   font-size: var(--ui-font-size-md);
 }
 
-.llm-toggle label {
+.atl-toggle label {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-spacing-3);
@@ -16,7 +16,7 @@
 }
 
 /* Hide native checkbox visually but keep it accessible */
-.llm-toggle input[type='checkbox'] {
+.atl-toggle input[type='checkbox'] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -29,7 +29,7 @@
 }
 
 /* Track — pill-shaped container */
-.llm-toggle .track {
+.atl-toggle .track {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -46,7 +46,7 @@
 }
 
 /* Thumb — circular slider */
-.llm-toggle .thumb {
+.atl-toggle .thumb {
   position: absolute;
   left: 0.125rem;
   width: 1.125rem;
@@ -59,58 +59,58 @@
 }
 
 /* Hover state */
-.llm-toggle label:hover:not(:has(input:disabled)) .track {
+.atl-toggle label:hover:not(:has(input:disabled)) .track {
   border-color: var(--ui-color-primary);
 }
 
 /* Focus ring on track when native input is focused */
-.llm-toggle input[type='checkbox']:focus-visible + .track {
+.atl-toggle input[type='checkbox']:focus-visible + .track {
   box-shadow: var(--ui-focus-ring);
   border-color: var(--ui-color-primary);
 }
 
 /* Checked state — track */
-.llm-toggle.is-checked .track {
+.atl-toggle.is-checked .track {
   background-color: var(--ui-color-primary);
   border-color: var(--ui-color-primary);
 }
 
 /* Checked state — thumb slides right */
-.llm-toggle.is-checked .thumb {
+.atl-toggle.is-checked .thumb {
   transform: translateX(1.25rem);
   background-color: var(--ui-color-text-on-primary);
 }
 
 /* Invalid state — track border */
-.llm-toggle.is-invalid .track {
+.atl-toggle.is-invalid .track {
   border-color: var(--ui-color-input-border-invalid);
 }
 
-.llm-toggle.is-invalid input[type='checkbox']:focus-visible + .track {
+.atl-toggle.is-invalid input[type='checkbox']:focus-visible + .track {
   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);
 }
 
 /* Disabled state */
-.llm-toggle.is-disabled {
+.atl-toggle.is-disabled {
   opacity: var(--ui-opacity-disabled);
   cursor: not-allowed;
 }
 
-.llm-toggle.is-disabled label {
+.atl-toggle.is-disabled label {
   cursor: not-allowed;
 }
 
-.llm-toggle.is-disabled .track {
+.atl-toggle.is-disabled .track {
   cursor: not-allowed;
 }
 
 /* Error messages */
-.llm-toggle .errors {
+.atl-toggle .errors {
   margin-top: var(--ui-spacing-2);
 }
 
-.llm-toggle .error-message {
+.atl-toggle .error-message {
   margin: 0;
   font-size: var(--ui-font-size-sm);
   color: var(--ui-color-error-text);

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

@@ -1,10 +1,10 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
-import type { LlmToggleSpec } from '../spec';
-import './llm-toggle.css';
+import type { AtlToggleSpec } from '../spec';
+import './atl-toggle.css';
 /**
- * Properties for the LlmToggle component.
+ * Properties for the AtlToggle component.
  */
-export interface LlmToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange' | 'readOnly' | 'value'>, LlmToggleSpec {
+export interface AtlToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange' | 'readOnly' | 'value'>, AtlToggleSpec {
     /**
      * Whether the toggle is read-only.
      */
@@ -25,5 +25,5 @@ export interface LlmToggleProps extends Omit<InputHTMLAttributes<HTMLInputElemen
 /**
  * A toggle switch component for binary choices, supporting validation and custom labels.
  */
-export declare function LlmToggle({ checked, onCheckedChange, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, children, className, id, name, ...rest }: LlmToggleProps): import("react").JSX.Element;
-//# sourceMappingURL=llm-toggle.d.ts.map
+export declare function AtlToggle({ checked, onCheckedChange, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, children, className, id, name, ...rest }: AtlToggleProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-toggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-toggle.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/toggle/llm-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAS,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzG,aAAa;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAe,EACf,eAAe,EACf,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,cAAc,+BAmDhB"}
+{"version":3,"file":"atl-toggle.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/toggle/atl-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAS,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzG,aAAa;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAe,EACf,eAAe,EACf,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,cAAc,+BAmDhB"}

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

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from 'react';
-import './llm-toggle.css';
+import './atl-toggle.css';
 /**
  * A toggle switch component for binary choices, supporting validation and custom labels.
  */
-export function LlmToggle({ checked = false, onCheckedChange, invalid = false, errors = [], disabled = false, readOnly: reactReadOnly, readonly: specReadOnly, required = false, children, className, id, name, ...rest }) {
+export function AtlToggle({ checked = false, onCheckedChange, invalid = false, errors = [], disabled = false, readOnly: reactReadOnly, readonly: specReadOnly, required = false, children, className, id, name, ...rest }) {
     const readOnly = reactReadOnly ?? specReadOnly ?? false;
     const generatedId = useId();
     const inputId = id || `toggle-${generatedId}`;
     const errorId = `${inputId}-errors`;
     const classes = [
-        'llm-toggle',
+        'atl-toggle',
         checked && 'is-checked',
         invalid && 'is-invalid',
         disabled && 'is-disabled',
@@ -20,4 +20,4 @@ export function LlmToggle({ checked = false, onCheckedChange, invalid = false, e
         .join(' ');
     return (_jsxs("div", { className: classes, children: [_jsxs("label", { htmlFor: inputId, children: [_jsx("input", { type: "checkbox", role: "switch", id: inputId, checked: checked, onChange: (e) => onCheckedChange?.(e.target.checked), disabled: disabled, readOnly: readOnly, required: required, "aria-checked": checked, "aria-invalid": invalid || undefined, "aria-required": required || undefined, "aria-describedby": errors.length > 0 ? errorId : undefined, name: name, ...rest }), _jsx("span", { className: "track", "aria-hidden": "true", children: _jsx("span", { className: "thumb" }) }), children] }), 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-toggle.js.map
+//# sourceMappingURL=atl-toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-toggle.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/toggle/llm-toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,kBAAkB,CAAC;AA0B1B;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,GAAG,KAAK,EACf,eAAe,EACf,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,GAAG,IAAI,EACQ;IACf,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,UAAU,WAAW,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,GAAG,OAAO,SAAS,CAAC;IAEpC,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,OAAO,IAAI,YAAY;QACvB,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,iBAAO,OAAO,EAAE,OAAO,aACrB,gBACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACpD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,kBACP,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,sBAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAE,IAAI,KACN,IAAI,GACR,EACF,eAAM,SAAS,EAAC,OAAO,iBAAa,MAAM,YACxC,eAAM,SAAS,EAAC,OAAO,GAAG,GACrB,EACN,QAAQ,IACH,EACP,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, ReactNode, useId } from 'react';\nimport type { LlmToggleSpec } from '../spec';\nimport './llm-toggle.css';\n\n/**\n * Properties for the LlmToggle component.\n */\nexport interface LlmToggleProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange' | 'readOnly' | 'value'>,\n    LlmToggleSpec {\n  /**\n   * Whether the toggle is read-only.\n   */\n  readOnly?: boolean;\n  /**\n   * Callback fired when the checked state changes.\n   */\n  onCheckedChange?: (checked: boolean) => void;\n  /**\n   * List of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * Optional content to display alongside the toggle.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A toggle switch component for binary choices, supporting validation and custom labels.\n */\nexport function LlmToggle({\n  checked = false,\n  onCheckedChange,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  children,\n  className,\n  id,\n  name,\n  ...rest\n}: LlmToggleProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const generatedId = useId();\n  const inputId = id || `toggle-${generatedId}`;\n  const errorId = `${inputId}-errors`;\n\n  const classes = [\n    'llm-toggle',\n    checked && 'is-checked',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={classes}>\n      <label htmlFor={inputId}>\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={inputId}\n          checked={checked}\n          onChange={(e) => onCheckedChange?.(e.target.checked)}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-checked={checked}\n          aria-invalid={invalid || undefined}\n          aria-required={required || undefined}\n          aria-describedby={errors.length > 0 ? errorId : undefined}\n          name={name}\n          {...rest}\n        />\n        <span className=\"track\" aria-hidden=\"true\">\n          <span className=\"thumb\" />\n        </span>\n        {children}\n      </label>\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-toggle.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/toggle/atl-toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,kBAAkB,CAAC;AA0B1B;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,GAAG,KAAK,EACf,eAAe,EACf,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,GAAG,IAAI,EACQ;IACf,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,UAAU,WAAW,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,GAAG,OAAO,SAAS,CAAC;IAEpC,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,OAAO,IAAI,YAAY;QACvB,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,iBAAO,OAAO,EAAE,OAAO,aACrB,gBACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACpD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,kBACP,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,sBAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAE,IAAI,KACN,IAAI,GACR,EACF,eAAM,SAAS,EAAC,OAAO,iBAAa,MAAM,YACxC,eAAM,SAAS,EAAC,OAAO,GAAG,GACrB,EACN,QAAQ,IACH,EACP,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, ReactNode, useId } from 'react';\nimport type { AtlToggleSpec } from '../spec';\nimport './atl-toggle.css';\n\n/**\n * Properties for the AtlToggle component.\n */\nexport interface AtlToggleProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange' | 'readOnly' | 'value'>,\n    AtlToggleSpec {\n  /**\n   * Whether the toggle is read-only.\n   */\n  readOnly?: boolean;\n  /**\n   * Callback fired when the checked state changes.\n   */\n  onCheckedChange?: (checked: boolean) => void;\n  /**\n   * List of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * Optional content to display alongside the toggle.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A toggle switch component for binary choices, supporting validation and custom labels.\n */\nexport function AtlToggle({\n  checked = false,\n  onCheckedChange,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  children,\n  className,\n  id,\n  name,\n  ...rest\n}: AtlToggleProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const generatedId = useId();\n  const inputId = id || `toggle-${generatedId}`;\n  const errorId = `${inputId}-errors`;\n\n  const classes = [\n    'atl-toggle',\n    checked && 'is-checked',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={classes}>\n      <label htmlFor={inputId}>\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={inputId}\n          checked={checked}\n          onChange={(e) => onCheckedChange?.(e.target.checked)}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-checked={checked}\n          aria-invalid={invalid || undefined}\n          aria-required={required || undefined}\n          aria-describedby={errors.length > 0 ? errorId : undefined}\n          name={name}\n          {...rest}\n        />\n        <span className=\"track\" aria-hidden=\"true\">\n          <span className=\"thumb\" />\n        </span>\n        {children}\n      </label>\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/tooltip/{llm-tooltip.css → atl-tooltip.css}

@@ -1,11 +1,11 @@
 /* Tooltip wrapper — inline container */
-.llm-tooltip-wrapper {
+.atl-tooltip-wrapper {
   display: inline-block;
   position: relative;
 }
 
 /* Tooltip content */
-.llm-tooltip {
+.atl-tooltip {
   position: absolute;
   z-index: var(--ui-z-tooltip, 200);
   display: block;
@@ -23,35 +23,35 @@
   white-space: nowrap;
 
   /* Entry animation */
-  animation: llm-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards;
+  animation: atl-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards;
 }
 
 /* Positioning */
-.llm-tooltip.position-above {
+.atl-tooltip.position-above {
   bottom: calc(100% + 8px);
   left: 50%;
   transform: translateX(-50%);
 }
 
-.llm-tooltip.position-below {
+.atl-tooltip.position-below {
   top: calc(100% + 8px);
   left: 50%;
   transform: translateX(-50%);
 }
 
-.llm-tooltip.position-left {
+.atl-tooltip.position-left {
   right: calc(100% + 8px);
   top: 50%;
   transform: translateY(-50%);
 }
 
-.llm-tooltip.position-right {
+.atl-tooltip.position-right {
   left: calc(100% + 8px);
   top: 50%;
   transform: translateY(-50%);
 }
 
-@keyframes llm-tooltip-enter {
+@keyframes atl-tooltip-enter {
   from {
     opacity: 0;
     transform: scale(0.95) translateX(-50%);
@@ -63,12 +63,12 @@
 }
 
 /* Left/right don't need translateX in animation */
-.llm-tooltip.position-left,
-.llm-tooltip.position-right {
-  animation: llm-tooltip-enter-side var(--ui-duration-fast) var(--ui-ease-out) forwards;
+.atl-tooltip.position-left,
+.atl-tooltip.position-right {
+  animation: atl-tooltip-enter-side var(--ui-duration-fast) var(--ui-ease-out) forwards;
 }
 
-@keyframes llm-tooltip-enter-side {
+@keyframes atl-tooltip-enter-side {
   from {
     opacity: 0;
     transform: scale(0.95) translateY(-50%);

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import type { AtlTooltipSpec } from '../spec';
+import './atl-tooltip.css';
+/**
+ * Properties for the AtlTooltip component.
+ */
+export interface AtlTooltipProps extends AtlTooltipSpec {
+    /**
+     * The content to trigger the tooltip.
+     */
+    children: ReactNode;
+}
+/**
+ * A tooltip component that displays additional information when the trigger is hovered or focused.
+ */
+export declare function AtlTooltip({ atlTooltip, atlTooltipPosition, atlTooltipDisabled, atlTooltipShowDelay, atlTooltipHideDelay, children, }: AtlTooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-tooltip.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/tooltip/llm-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAS,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,mBAAmB,CAAC;AAE3B;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,kBAA4B,EAC5B,kBAA0B,EAC1B,mBAAyB,EACzB,mBAAuB,EACvB,QAAQ,GACT,EAAE,eAAe,+BAiFjB"}
+{"version":3,"file":"atl-tooltip.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/tooltip/atl-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAS,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,mBAAmB,CAAC;AAE3B;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,kBAA4B,EAC5B,kBAA0B,EAC1B,mBAAyB,EACzB,mBAAuB,EACvB,QAAQ,GACT,EAAE,eAAe,+BAiFjB"}

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useId } from 'react';
-import './llm-tooltip.css';
+import './atl-tooltip.css';
 /**
  * A tooltip component that displays additional information when the trigger is hovered or focused.
  */
-export function LlmTooltip({ llmTooltip, llmTooltipPosition = 'above', llmTooltipDisabled = false, llmTooltipShowDelay = 300, llmTooltipHideDelay = 0, children, }) {
+export function AtlTooltip({ atlTooltip, atlTooltipPosition = 'above', atlTooltipDisabled = false, atlTooltipShowDelay = 300, atlTooltipHideDelay = 0, children, }) {
     const [visible, setVisible] = useState(false);
     const showTimer = useRef(null);
     const hideTimer = useRef(null);
@@ -12,7 +12,7 @@ export function LlmTooltip({ llmTooltip, llmTooltipPosition = 'above', llmToolti
     const id = useId();
     const tooltipId = `tooltip-${id}`;
     const show = () => {
-        if (llmTooltipDisabled || !llmTooltip)
+        if (atlTooltipDisabled || !atlTooltip)
             return;
         if (hideTimer.current) {
             clearTimeout(hideTimer.current);
@@ -22,7 +22,7 @@ export function LlmTooltip({ llmTooltip, llmTooltipPosition = 'above', llmToolti
             showTimer.current = setTimeout(() => {
                 showTimer.current = null;
                 setVisible(true);
-            }, llmTooltipShowDelay);
+            }, atlTooltipShowDelay);
         }
     };
     const hide = () => {
@@ -33,7 +33,7 @@ export function LlmTooltip({ llmTooltip, llmTooltipPosition = 'above', llmToolti
         hideTimer.current = setTimeout(() => {
             hideTimer.current = null;
             setVisible(false);
-        }, llmTooltipHideDelay);
+        }, atlTooltipHideDelay);
     };
     // Set aria-describedby on the child element
     useEffect(() => {
@@ -63,6 +63,6 @@ export function LlmTooltip({ llmTooltip, llmTooltipPosition = 'above', llmToolti
                 clearTimeout(hideTimer.current);
         };
     }, []);
-    return (_jsxs("span", { ref: wrapperRef, className: "llm-tooltip-wrapper", onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, visible && !llmTooltipDisabled && llmTooltip && (_jsx("div", { id: tooltipId, role: "tooltip", className: `llm-tooltip position-${llmTooltipPosition}`, children: llmTooltip }))] }));
+    return (_jsxs("span", { ref: wrapperRef, className: "atl-tooltip-wrapper", onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, visible && !atlTooltipDisabled && atlTooltip && (_jsx("div", { id: tooltipId, role: "tooltip", className: `atl-tooltip position-${atlTooltipPosition}`, children: atlTooltip }))] }));
 }
-//# sourceMappingURL=llm-tooltip.js.map
+//# sourceMappingURL=atl-tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-tooltip.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/tooltip/llm-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useRef, useEffect, ReactNode, useId } from 'react';\nimport type { LlmTooltipSpec } from '../spec';\nimport './llm-tooltip.css';\n\n/**\n * Properties for the LlmTooltip component.\n */\nexport interface LlmTooltipProps extends LlmTooltipSpec {\n  /**\n   * The content to trigger the tooltip.\n   */\n  children: ReactNode;\n}\n\n/**\n * A tooltip component that displays additional information when the trigger is hovered or focused.\n */\nexport function LlmTooltip({\n  llmTooltip,\n  llmTooltipPosition = 'above',\n  llmTooltipDisabled = false,\n  llmTooltipShowDelay = 300,\n  llmTooltipHideDelay = 0,\n  children,\n}: LlmTooltipProps) {\n  const [visible, setVisible] = useState(false);\n  const showTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const wrapperRef = useRef<HTMLSpanElement>(null);\n  const id = useId();\n  const tooltipId = `tooltip-${id}`;\n\n  const show = () => {\n    if (llmTooltipDisabled || !llmTooltip) return;\n    if (hideTimer.current) {\n      clearTimeout(hideTimer.current);\n      hideTimer.current = null;\n    }\n    if (!visible) {\n      showTimer.current = setTimeout(() => {\n        showTimer.current = null;\n        setVisible(true);\n      }, llmTooltipShowDelay);\n    }\n  };\n\n  const hide = () => {\n    if (showTimer.current) {\n      clearTimeout(showTimer.current);\n      showTimer.current = null;\n    }\n    hideTimer.current = setTimeout(() => {\n      hideTimer.current = null;\n      setVisible(false);\n    }, llmTooltipHideDelay);\n  };\n\n  // Set aria-describedby on the child element\n  useEffect(() => {\n    const el = wrapperRef.current?.firstElementChild as HTMLElement | null;\n    if (el && visible) {\n      el.setAttribute('aria-describedby', tooltipId);\n    } else if (el) {\n      el.removeAttribute('aria-describedby');\n    }\n  }, [visible, tooltipId]);\n\n  // Handle Escape key to dismiss\n  useEffect(() => {\n    const keyHandler = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') setVisible(false);\n    };\n    document.addEventListener('keydown', keyHandler);\n    return () => document.removeEventListener('keydown', keyHandler);\n  }, []);\n\n  // Cleanup timers on unmount\n  useEffect(() => {\n    return () => {\n      if (showTimer.current) clearTimeout(showTimer.current);\n      if (hideTimer.current) clearTimeout(hideTimer.current);\n    };\n  }, []);\n\n  return (\n    <span\n      ref={wrapperRef}\n      className=\"llm-tooltip-wrapper\"\n      onMouseEnter={show}\n      onMouseLeave={hide}\n      onFocus={show}\n      onBlur={hide}\n    >\n      {children}\n      {visible && !llmTooltipDisabled && llmTooltip && (\n        <div\n          id={tooltipId}\n          role=\"tooltip\"\n          className={`llm-tooltip position-${llmTooltipPosition}`}\n        >\n          {llmTooltip}\n        </div>\n      )}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"atl-tooltip.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/tooltip/atl-tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,mBAAmB,CAAC;AAY3B;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,UAAU,EACV,kBAAkB,GAAG,OAAO,EAC5B,kBAAkB,GAAG,KAAK,EAC1B,mBAAmB,GAAG,GAAG,EACzB,mBAAmB,GAAG,CAAC,EACvB,QAAQ,GACQ;IAChB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACrE,MAAM,UAAU,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACjD,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,SAAS,GAAG,WAAW,EAAE,EAAE,CAAC;IAElC,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,kBAAkB,IAAI,CAAC,UAAU;YAAE,OAAO;QAC9C,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAClC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;gBACzB,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,EAAE,mBAAmB,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAClC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,4CAA4C;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,iBAAuC,CAAC;QACvE,IAAI,EAAE,IAAI,OAAO,EAAE,CAAC;YAClB,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;QACjD,CAAC;aAAM,IAAI,EAAE,EAAE,CAAC;YACd,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,+BAA+B;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,CAAC,CAA2B,EAAE,EAAE;YACjD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACnE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,SAAS,CAAC,OAAO;gBAAE,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACvD,IAAI,SAAS,CAAC,OAAO;gBAAE,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gBACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,qBAAqB,EAC/B,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,aAEX,QAAQ,EACR,OAAO,IAAI,CAAC,kBAAkB,IAAI,UAAU,IAAI,CAC/C,cACE,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,wBAAwB,kBAAkB,EAAE,YAEtD,UAAU,GACP,CACP,IACI,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { useState, useRef, useEffect, ReactNode, useId } from 'react';\nimport type { AtlTooltipSpec } from '../spec';\nimport './atl-tooltip.css';\n\n/**\n * Properties for the AtlTooltip component.\n */\nexport interface AtlTooltipProps extends AtlTooltipSpec {\n  /**\n   * The content to trigger the tooltip.\n   */\n  children: ReactNode;\n}\n\n/**\n * A tooltip component that displays additional information when the trigger is hovered or focused.\n */\nexport function AtlTooltip({\n  atlTooltip,\n  atlTooltipPosition = 'above',\n  atlTooltipDisabled = false,\n  atlTooltipShowDelay = 300,\n  atlTooltipHideDelay = 0,\n  children,\n}: AtlTooltipProps) {\n  const [visible, setVisible] = useState(false);\n  const showTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const wrapperRef = useRef<HTMLSpanElement>(null);\n  const id = useId();\n  const tooltipId = `tooltip-${id}`;\n\n  const show = () => {\n    if (atlTooltipDisabled || !atlTooltip) return;\n    if (hideTimer.current) {\n      clearTimeout(hideTimer.current);\n      hideTimer.current = null;\n    }\n    if (!visible) {\n      showTimer.current = setTimeout(() => {\n        showTimer.current = null;\n        setVisible(true);\n      }, atlTooltipShowDelay);\n    }\n  };\n\n  const hide = () => {\n    if (showTimer.current) {\n      clearTimeout(showTimer.current);\n      showTimer.current = null;\n    }\n    hideTimer.current = setTimeout(() => {\n      hideTimer.current = null;\n      setVisible(false);\n    }, atlTooltipHideDelay);\n  };\n\n  // Set aria-describedby on the child element\n  useEffect(() => {\n    const el = wrapperRef.current?.firstElementChild as HTMLElement | null;\n    if (el && visible) {\n      el.setAttribute('aria-describedby', tooltipId);\n    } else if (el) {\n      el.removeAttribute('aria-describedby');\n    }\n  }, [visible, tooltipId]);\n\n  // Handle Escape key to dismiss\n  useEffect(() => {\n    const keyHandler = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') setVisible(false);\n    };\n    document.addEventListener('keydown', keyHandler);\n    return () => document.removeEventListener('keydown', keyHandler);\n  }, []);\n\n  // Cleanup timers on unmount\n  useEffect(() => {\n    return () => {\n      if (showTimer.current) clearTimeout(showTimer.current);\n      if (hideTimer.current) clearTimeout(hideTimer.current);\n    };\n  }, []);\n\n  return (\n    <span\n      ref={wrapperRef}\n      className=\"atl-tooltip-wrapper\"\n      onMouseEnter={show}\n      onMouseLeave={hide}\n      onFocus={show}\n      onBlur={hide}\n    >\n      {children}\n      {visible && !atlTooltipDisabled && atlTooltip && (\n        <div\n          id={tooltipId}\n          role=\"tooltip\"\n          className={`atl-tooltip position-${atlTooltipPosition}`}\n        >\n          {atlTooltip}\n        </div>\n      )}\n    </span>\n  );\n}\n"]}

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

@@ -1,27 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import type { LlmBadgeSpec } from '../spec';
-import './llm-badge.css';
-type LlmBadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
-/**
- * Properties for the LlmBadge component.
- */
-export interface LlmBadgeProps extends HTMLAttributes<HTMLSpanElement>, LlmBadgeSpec {
-    /**
-     * The visual style variant of the badge.
-     */
-    variant?: LlmBadgeVariant;
-    /**
-     * 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 LlmBadge({ variant, size, children, className, ...rest }: LlmBadgeProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=llm-badge.d.ts.map

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

@@ -1,38 +0,0 @@
-import { HTMLAttributes, ReactNode, AnchorHTMLAttributes } from 'react';
-import type { LlmBreadcrumbsSpec, LlmBreadcrumbItemSpec } from '../spec';
-import './llm-breadcrumbs.css';
-/**
- * Properties for the LlmBreadcrumbs component.
- */
-export interface LlmBreadcrumbsProps extends HTMLAttributes<HTMLElement>, LlmBreadcrumbsSpec {
-    /**
-     * The breadcrumb items to be rendered.
-     */
-    children?: ReactNode;
-}
-/**
- * A breadcrumbs component for displaying a navigation trail.
- */
-export declare function LlmBreadcrumbs({ children, separator, className, style, ...rest }: LlmBreadcrumbsProps): import("react").JSX.Element;
-/**
- * Properties for the LlmBreadcrumbItem component.
- */
-export interface LlmBreadcrumbItemProps extends AnchorHTMLAttributes<HTMLAnchorElement>, LlmBreadcrumbItemSpec {
-    /**
-     * 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 LlmBreadcrumbItem({ href, current, children, className, ...rest }: LlmBreadcrumbItemProps): import("react").JSX.Element;
-//# sourceMappingURL=llm-breadcrumbs.d.ts.map

package/src/lib/card/llm-card.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './llm-card.css';
-/**
- * A card component for grouping related content.
- */
-export function LlmCard({ variant = 'elevated', padding = 'md', children, className, ...rest }) {
-    const classes = ['llm-card', `variant-${variant}`, `padding-${padding}`, className]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsx("div", { className: classes, ...rest, children: children }));
-}
-/**
- * The header component for an LlmCard.
- */
-export function LlmCardHeader({ children, className, ...rest }) {
-    return (_jsx("div", { className: ['llm-card-header', className].filter(Boolean).join(' '), ...rest, children: children }));
-}
-/**
- * The main content component for an LlmCard.
- */
-export function LlmCardContent({ children, className, ...rest }) {
-    return (_jsx("div", { className: ['llm-card-content', className].filter(Boolean).join(' '), ...rest, children: children }));
-}
-/**
- * The footer component for an LlmCard.
- */
-export function LlmCardFooter({ children, className, ...rest }) {
-    return (_jsx("div", { className: ['llm-card-footer', className].filter(Boolean).join(' '), ...rest, children: children }));
-}
-//# sourceMappingURL=llm-card.js.map

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

@@ -1,24 +0,0 @@
-import { HTMLAttributes } from 'react';
-import type { LlmIconName, LlmIconSize, LlmIconSpec } from '../spec';
-import './llm-icon.css';
-/**
- * Properties for the LlmIcon component.
- */
-export interface LlmIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>, LlmIconSpec {
-    /** The icon name. */
-    name: LlmIconName;
-    /** The icon size. */
-    size?: LlmIconSize;
-    /**
-     * 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 `LlmIcon`
- * component set. Decorative by default; pass `label` to announce a meaning
- * to assistive tech.
- */
-export declare function LlmIcon({ name, size, label, className, ...rest }: LlmIconProps): import("react").JSX.Element;
-//# sourceMappingURL=llm-icon.d.ts.map

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

@@ -1,40 +0,0 @@
-import { HTMLAttributes, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from 'react';
-import type { LlmTableSpec, LlmTbodySpec, LlmTrSpec, LlmThSpec, LlmTdSpec, LlmSortDirection } from '../spec';
-import './llm-table.css';
-export type { LlmSortDirection };
-export interface LlmTableProps extends HTMLAttributes<HTMLDivElement>, LlmTableSpec {
-    children?: ReactNode;
-    /**
-     * Accessible name for the scrollable table region. Surfaces to
-     * screen readers as the region's label so keyboard users who
-     * scroll the wrapper know what they're scrolling. Defaults to
-     * `"Table"` if unset.
-     */
-    'aria-label'?: string;
-}
-export declare function LlmTable({ variant, size, stickyHeader, children, className, 'aria-label': ariaLabel, ...rest }: LlmTableProps): import("react").JSX.Element;
-export interface LlmTheadProps {
-    children?: ReactNode;
-}
-export declare function LlmThead({ children }: LlmTheadProps): import("react").JSX.Element;
-export interface LlmTbodyProps extends LlmTbodySpec {
-    children?: ReactNode;
-    /** Content shown in place of rows when empty=true. */
-    emptyContent?: ReactNode;
-}
-export declare function LlmTbody({ empty, colSpan, children, emptyContent }: LlmTbodyProps): import("react").JSX.Element;
-export interface LlmTrProps extends LlmTrSpec {
-    children?: ReactNode;
-    onSelectedChange?: (selected: boolean) => void;
-}
-export declare function LlmTr({ selected, selectable, children, onSelectedChange, }: LlmTrProps): import("react").JSX.Element;
-export interface LlmThProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'>, LlmThSpec {
-    children?: ReactNode;
-    onSort?: (direction: LlmSortDirection) => void;
-}
-export declare function LlmTh({ sortable, sortDirection, align, width, children, onSort, className, ...rest }: LlmThProps): import("react").JSX.Element;
-export interface LlmTdProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>, LlmTdSpec {
-    children?: ReactNode;
-}
-export declare function LlmTd({ align, children, className, ...rest }: LlmTdProps): import("react").JSX.Element;
-//# sourceMappingURL=llm-table.d.ts.map

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

@@ -1,54 +0,0 @@
-import { ReactNode } from 'react';
-import type { LlmToastOptions, LlmToastContainerPosition } from '../spec';
-import './llm-toast.css';
-/**
- * Internal data structure for a toast message.
- */
-export interface ToastData extends Required<LlmToastOptions> {
-    id: string;
-    message: string;
-}
-/**
- * Context provider that manages the toast state.
- */
-export declare function LlmToastProvider({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;
-/** Access toast actions: show, dismiss, clear. Must be inside LlmToastProvider. */
-export declare function useLlmToast(): {
-    show: (message: string, options?: LlmToastOptions) => string;
-    dismiss: (id: string) => void;
-    clear: () => void;
-};
-/**
- * Properties for the LlmToastContainer component.
- */
-export interface LlmToastContainerProps {
-    /**
-     * Position of the toast container in the viewport.
-     */
-    position?: LlmToastContainerPosition;
-}
-/**
- * Renders the toast stack at a fixed viewport position.
- * Must be placed inside LlmToastProvider.
- */
-export declare function LlmToastContainer({ position }: LlmToastContainerProps): import("react").JSX.Element;
-/**
- * Properties for the LlmToastItem component.
- */
-export interface LlmToastItemProps {
-    /**
-     * The toast data to display.
-     */
-    data: ToastData;
-    /**
-     * Callback fired when the toast is dismissed.
-     */
-    onDismiss: (id: string) => void;
-}
-/**
- * An individual toast notification item.
- */
-export declare function LlmToastItem({ data, onDismiss }: LlmToastItemProps): import("react").JSX.Element;
-//# sourceMappingURL=llm-toast.d.ts.map