@atelier-ui/react 0.1.12 → 0.2.0

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { createContext, useContext, useState, Children, isValidElement, useMemo, } from 'react';
-import './llm-stepper.css';
+import './atl-stepper.css';
 const StepperContext = createContext({
     activeStep: 0,
     setActiveStep: () => undefined,
@@ -11,10 +11,10 @@ const StepperContext = createContext({
     goTo: () => undefined,
 });
 /** Access stepper navigation from within step content. */
-export function useLlmStepper() {
+export function useAtlStepper() {
     return useContext(StepperContext);
 }
-export function LlmStepper({ activeStep: externalStep, onActiveStepChange, orientation = 'horizontal', linear = false, children, className, ...rest }) {
+export function AtlStepper({ activeStep: externalStep, onActiveStepChange, orientation = 'horizontal', linear = false, children, className, ...rest }) {
     const [internalStep, setInternalStep] = useState(externalStep ?? 0);
     const isControlled = externalStep !== undefined;
     const activeStep = isControlled ? externalStep : internalStep;
@@ -26,7 +26,7 @@ export function LlmStepper({ activeStep: externalStep, onActiveStepChange, orien
     const childArray = Children.toArray(children);
     const steps = useMemo(() => childArray
         .filter((c) => isValidElement(c) &&
-        c.type.displayName === 'LlmStep')
+        c.type.displayName === 'AtlStep')
         .map((c) => {
         const element = c;
         return {
@@ -59,14 +59,14 @@ export function LlmStepper({ activeStep: externalStep, onActiveStepChange, orien
             setStep(p);
     };
     const classes = [
-        'llm-stepper',
+        'atl-stepper',
         `orientation-${orientation}`,
         className,
     ]
         .filter(Boolean)
         .join(' ');
     const stepPanels = childArray.filter((c) => isValidElement(c) &&
-        c.type.displayName === 'LlmStep');
+        c.type.displayName === 'AtlStep');
     return (_jsx(StepperContext.Provider, { value: { activeStep, setActiveStep: setStep, steps, linear, next, prev, goTo }, children: _jsxs("div", { className: classes, ...rest, children: [_jsx("div", { className: "stepper-header", role: "tablist", children: steps.map((step, i) => {
                         const isActive = activeStep === i;
                         const isCompleted = step.completed && !isActive;
@@ -79,16 +79,16 @@ export function LlmStepper({ activeStep: externalStep, onActiveStepChange, orien
                         ]
                             .filter(Boolean)
                             .join(' ');
-                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: itemClass, children: [_jsx("button", { type: "button", role: "tab", id: `llm-step-${i}`, className: "step-circle", "aria-label": step.label, "aria-selected": isActive, "aria-controls": `llm-step-panel-${i}`, "aria-disabled": step.disabled || undefined, tabIndex: isActive ? 0 : -1, disabled: step.disabled, onClick: () => goTo(i), children: step.completed && !step.error ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M2 7L5.5 10.5L12 3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : step.error ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })) : (i + 1) }), _jsxs("div", { className: "step-text", children: [_jsx("span", { className: "step-label", children: step.label }), step.description && (_jsx("span", { className: "step-description", children: step.description })), step.optional && !step.completed && (_jsx("span", { className: "step-optional", children: "Optional" }))] })] }, i), i < steps.length - 1 && (_jsx("div", { className: ['step-connector', (activeStep > i || step.completed) && 'is-active']
+                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: itemClass, children: [_jsx("button", { type: "button", role: "tab", id: `atl-step-${i}`, className: "step-circle", "aria-label": step.label, "aria-selected": isActive, "aria-controls": `atl-step-panel-${i}`, "aria-disabled": step.disabled || undefined, tabIndex: isActive ? 0 : -1, disabled: step.disabled, onClick: () => goTo(i), children: step.completed && !step.error ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M2 7L5.5 10.5L12 3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : step.error ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })) : (i + 1) }), _jsxs("div", { className: "step-text", children: [_jsx("span", { className: "step-label", children: step.label }), step.description && (_jsx("span", { className: "step-description", children: step.description })), step.optional && !step.completed && (_jsx("span", { className: "step-optional", children: "Optional" }))] })] }, i), i < steps.length - 1 && (_jsx("div", { className: ['step-connector', (activeStep > i || step.completed) && 'is-active']
                                         .filter(Boolean)
                                         .join(' ') }, `connector-${i}`))] }));
                     }) }), _jsx("div", { className: "stepper-content", children: stepPanels.map((panel, i) => {
                         const element = panel;
-                        return (_jsx("div", { id: `llm-step-panel-${i}`, role: "tabpanel", "aria-labelledby": `llm-step-${i}`, tabIndex: 0, hidden: i !== activeStep, children: element.props.children }, i));
+                        return (_jsx("div", { id: `atl-step-panel-${i}`, role: "tabpanel", "aria-labelledby": `atl-step-${i}`, tabIndex: 0, hidden: i !== activeStep, children: element.props.children }, i));
                     }) })] }) }));
 }
-export function LlmStep({ children }) {
+export function AtlStep({ children }) {
     return children;
 }
-LlmStep.displayName = 'LlmStep';
-//# sourceMappingURL=llm-stepper.js.map
+AtlStep.displayName = 'AtlStep';
+//# sourceMappingURL=atl-stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-stepper.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/stepper/llm-stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,QAAQ,EAGR,QAAQ,EACR,cAAc,EACd,OAAO,GAER,MAAM,OAAO,CAAC;AAEf,OAAO,mBAAmB,CAAC;AAqB3B,MAAM,cAAc,GAAG,aAAa,CAAsB;IACxD,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;IAC9B,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;IACrB,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;IACrB,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;CACtB,CAAC,CAAC;AAEH,0DAA0D;AAC1D,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC;AAgBD,MAAM,UAAU,UAAU,CAAC,EACzB,UAAU,EAAE,YAAY,EACxB,kBAAkB,EAClB,WAAW,GAAG,YAAY,EAC1B,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACS;IAChB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,YAAY,KAAK,SAAS,CAAC;IAChD,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;IAE9D,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE;QAC5B,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,CAAC,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAe,OAAO,CAC/B,GAAG,EAAE,CACH,UAAU;SACP,MAAM,CACL,CAAC,CAAC,EAAE,EAAE,CACJ,cAAc,CAAC,CAAC,CAAC;QAChB,CAAC,CAAC,IAAiC,CAAC,WAAW,KAAK,SAAS,CACjE;SACA,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,MAAM,OAAO,GAAG,CAA+B,CAAC;QAChD,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;YAChC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;YACtC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK;YAC3C,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK;YACnC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK;YACzC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK;SAC1C,CAAC;IACJ,CAAC,CAAC;IACN,uDAAuD;IACvD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE;QACzB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM;YAAE,OAAO;QACvC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ;YAAE,OAAO;QAC/B,IAAI,MAAM,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC;YAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC7E,IAAI,CAAC,UAAU;gBAAE,OAAO;QAC1B,CAAC;QACD,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG;QACd,aAAa;QACb,eAAe,WAAW,EAAE;QAC5B,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAClC,CAAC,CAAC,EAAE,EAAE,CACJ,cAAc,CAAC,CAAC,CAAC;QAChB,CAAC,CAAC,IAAiC,CAAC,WAAW,KAAK,SAAS,CACjE,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YACrG,eAAK,SAAS,EAAE,OAAO,KAAM,IAAI,aAC/B,cAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,YAC3C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;wBACrB,MAAM,QAAQ,GAAG,UAAU,KAAK,CAAC,CAAC;wBAClC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,CAAC;wBAChD,MAAM,SAAS,GAAG;4BAChB,WAAW;4BACX,QAAQ,IAAI,WAAW;4BACvB,WAAW,IAAI,cAAc;4BAC7B,IAAI,CAAC,KAAK,IAAI,UAAU;4BACxB,IAAI,CAAC,QAAQ,IAAI,aAAa;yBAC/B;6BACE,MAAM,CAAC,OAAO,CAAC;6BACf,IAAI,CAAC,GAAG,CAAC,CAAC;wBAEb,OAAO,CACL,8BACE,eAAa,SAAS,EAAE,SAAS,aAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,YAAY,CAAC,EAAE,EACnB,SAAS,EAAC,aAAa,gBACX,IAAI,CAAC,KAAK,mBACP,QAAQ,mBACR,kBAAkB,CAAC,EAAE,mBACrB,IAAI,CAAC,QAAQ,IAAI,SAAS,EACzC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAErB,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAC/B,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC5E,eAAM,CAAC,EAAC,sBAAsB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAChH,CACP,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACf,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC5E,eAAM,CAAC,EAAC,sBAAsB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,GACzF,CACP,CAAC,CAAC,CAAC,CACF,CAAC,GAAG,CAAC,CACN,GACM,EACT,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,YAAY,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC/C,IAAI,CAAC,WAAW,IAAI,CACnB,eAAM,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,WAAW,GAAQ,CAC7D,EACA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CACnC,eAAM,SAAS,EAAC,eAAe,yBAAgB,CAChD,IACG,KAlCE,CAAC,CAmCL,EACL,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,cAEE,SAAS,EAAE,CAAC,gBAAgB,EAAE,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC;yCAC7E,MAAM,CAAC,OAAO,CAAC;yCACf,IAAI,CAAC,GAAG,CAAC,IAHP,aAAa,CAAC,EAAE,CAIrB,CACH,IACA,CACJ,CAAC;oBACJ,CAAC,CAAC,GACE,EACN,cAAK,SAAS,EAAC,iBAAiB,YAC7B,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;wBAC3B,MAAM,OAAO,GAAG,KAAmC,CAAC;wBACpD,OAAO,CACL,cAEE,EAAE,EAAE,kBAAkB,CAAC,EAAE,EACzB,IAAI,EAAC,UAAU,qBACE,YAAY,CAAC,EAAE,EAChC,QAAQ,EAAE,CAAC,EACX,MAAM,EAAE,CAAC,KAAK,UAAU,YAEvB,OAAO,CAAC,KAAK,CAAC,QAAQ,IAPlB,CAAC,CAQF,CACP,CAAC;oBACJ,CAAC,CAAC,GACE,IACF,GACkB,CAC3B,CAAC;AACJ,CAAC;AAkBD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAgB;IAChD,OAAO,QAAQ,CAAC;AAClB,CAAC;AACD,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  HTMLAttributes,\n  Children,\n  isValidElement,\n  useMemo,\n  ReactElement,\n} from 'react';\nimport type { LlmStepperSpec, LlmStepSpec } from '../spec';\nimport './llm-stepper.css';\n\ninterface StepInfo {\n  label: string;\n  description?: string;\n  completed: boolean;\n  error: boolean;\n  optional: boolean;\n  disabled: boolean;\n}\n\ninterface StepperContextValue {\n  activeStep: number;\n  setActiveStep: (i: number) => void;\n  steps: StepInfo[];\n  linear: boolean;\n  next(): void;\n  prev(): void;\n  goTo(i: number): void;\n}\n\nconst StepperContext = createContext<StepperContextValue>({\n  activeStep: 0,\n  setActiveStep: () => undefined,\n  steps: [],\n  linear: false,\n  next: () => undefined,\n  prev: () => undefined,\n  goTo: () => undefined,\n});\n\n/** Access stepper navigation from within step content. */\nexport function useLlmStepper() {\n  return useContext(StepperContext);\n}\n\nexport interface LlmStepperProps\n  extends HTMLAttributes<HTMLDivElement>,\n    LlmStepperSpec {\n  /** Currently active step index. */\n  activeStep?: number;\n  /** Callback when the active step changes. */\n  onActiveStepChange?: (index: number) => void;\n  /** Layout orientation. */\n  orientation?: 'horizontal' | 'vertical';\n  /** Restrict forward navigation until previous steps are completed. */\n  linear?: boolean;\n  children?: ReactNode;\n}\n\nexport function LlmStepper({\n  activeStep: externalStep,\n  onActiveStepChange,\n  orientation = 'horizontal',\n  linear = false,\n  children,\n  className,\n  ...rest\n}: LlmStepperProps) {\n  const [internalStep, setInternalStep] = useState(externalStep ?? 0);\n  const isControlled = externalStep !== undefined;\n  const activeStep = isControlled ? externalStep : internalStep;\n\n  const setStep = (i: number) => {\n    if (!isControlled) setInternalStep(i);\n    onActiveStepChange?.(i);\n  };\n\n  const childArray = Children.toArray(children);\n  const steps: StepInfo[] = useMemo(\n    () =>\n      childArray\n        .filter(\n          (c) =>\n            isValidElement(c) &&\n            (c.type as { displayName?: string }).displayName === 'LlmStep'\n        )\n        .map((c) => {\n          const element = c as ReactElement<LlmStepProps>;\n          return {\n            label: element.props.label ?? '',\n            description: element.props.description,\n            completed: element.props.completed ?? false,\n            error: element.props.error ?? false,\n            optional: element.props.optional ?? false,\n            disabled: element.props.disabled ?? false,\n          };\n        }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [children]\n  );\n\n  const goTo = (i: number) => {\n    if (i < 0 || i >= steps.length) return;\n    if (steps[i]?.disabled) return;\n    if (linear && i > activeStep) {\n      const canAdvance = steps.slice(0, i).every((s) => s.completed || s.optional);\n      if (!canAdvance) return;\n    }\n    setStep(i);\n  };\n\n  const next = () => goTo(activeStep + 1);\n  const prev = () => {\n    const p = activeStep - 1;\n    if (p >= 0 && !steps[p]?.disabled) setStep(p);\n  };\n\n  const classes = [\n    'llm-stepper',\n    `orientation-${orientation}`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const stepPanels = childArray.filter(\n    (c) =>\n      isValidElement(c) &&\n      (c.type as { displayName?: string }).displayName === 'LlmStep'\n  );\n\n  return (\n    <StepperContext.Provider value={{ activeStep, setActiveStep: setStep, steps, linear, next, prev, goTo }}>\n      <div className={classes} {...rest}>\n        <div className=\"stepper-header\" role=\"tablist\">\n          {steps.map((step, i) => {\n            const isActive = activeStep === i;\n            const isCompleted = step.completed && !isActive;\n            const itemClass = [\n              'step-item',\n              isActive && 'is-active',\n              isCompleted && 'is-completed',\n              step.error && 'is-error',\n              step.disabled && 'is-disabled',\n            ]\n              .filter(Boolean)\n              .join(' ');\n\n            return (\n              <>\n                <div key={i} className={itemClass}>\n                  <button\n                    type=\"button\"\n                    role=\"tab\"\n                    id={`llm-step-${i}`}\n                    className=\"step-circle\"\n                    aria-label={step.label}\n                    aria-selected={isActive}\n                    aria-controls={`llm-step-panel-${i}`}\n                    aria-disabled={step.disabled || undefined}\n                    tabIndex={isActive ? 0 : -1}\n                    disabled={step.disabled}\n                    onClick={() => goTo(i)}\n                  >\n                    {step.completed && !step.error ? (\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M2 7L5.5 10.5L12 3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : step.error ? (\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n                      </svg>\n                    ) : (\n                      i + 1\n                    )}\n                  </button>\n                  <div className=\"step-text\">\n                    <span className=\"step-label\">{step.label}</span>\n                    {step.description && (\n                      <span className=\"step-description\">{step.description}</span>\n                    )}\n                    {step.optional && !step.completed && (\n                      <span className=\"step-optional\">Optional</span>\n                    )}\n                  </div>\n                </div>\n                {i < steps.length - 1 && (\n                  <div\n                    key={`connector-${i}`}\n                    className={['step-connector', (activeStep > i || step.completed) && 'is-active']\n                      .filter(Boolean)\n                      .join(' ')}\n                  />\n                )}\n              </>\n            );\n          })}\n        </div>\n        <div className=\"stepper-content\">\n          {stepPanels.map((panel, i) => {\n            const element = panel as ReactElement<LlmStepProps>;\n            return (\n              <div\n                key={i}\n                id={`llm-step-panel-${i}`}\n                role=\"tabpanel\"\n                aria-labelledby={`llm-step-${i}`}\n                tabIndex={0}\n                hidden={i !== activeStep}\n              >\n                {element.props.children}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </StepperContext.Provider>\n  );\n}\n\nexport interface LlmStepProps extends LlmStepSpec {\n  /** Text displayed on the step indicator. Required. */\n  label: string;\n  /** Optional subtitle. */\n  description?: string;\n  /** Mark as completed (shows checkmark). */\n  completed?: boolean;\n  /** Mark as errored (shows X). */\n  error?: boolean;\n  /** Mark as optional. */\n  optional?: boolean;\n  /** Whether the step is disabled. */\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nexport function LlmStep({ children }: LlmStepProps) {\n  return children;\n}\nLlmStep.displayName = 'LlmStep';\n"]}
+{"version":3,"file":"atl-stepper.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/stepper/atl-stepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  HTMLAttributes,\n  Children,\n  isValidElement,\n  useMemo,\n  ReactElement,\n} from 'react';\nimport type { AtlStepperSpec, AtlStepSpec } from '../spec';\nimport './atl-stepper.css';\n\ninterface StepInfo {\n  label: string;\n  description?: string;\n  completed: boolean;\n  error: boolean;\n  optional: boolean;\n  disabled: boolean;\n}\n\ninterface StepperContextValue {\n  activeStep: number;\n  setActiveStep: (i: number) => void;\n  steps: StepInfo[];\n  linear: boolean;\n  next(): void;\n  prev(): void;\n  goTo(i: number): void;\n}\n\nconst StepperContext = createContext<StepperContextValue>({\n  activeStep: 0,\n  setActiveStep: () => undefined,\n  steps: [],\n  linear: false,\n  next: () => undefined,\n  prev: () => undefined,\n  goTo: () => undefined,\n});\n\n/** Access stepper navigation from within step content. */\nexport function useAtlStepper() {\n  return useContext(StepperContext);\n}\n\nexport interface AtlStepperProps\n  extends HTMLAttributes<HTMLDivElement>,\n    AtlStepperSpec {\n  /** Currently active step index. */\n  activeStep?: number;\n  /** Callback when the active step changes. */\n  onActiveStepChange?: (index: number) => void;\n  /** Layout orientation. */\n  orientation?: 'horizontal' | 'vertical';\n  /** Restrict forward navigation until previous steps are completed. */\n  linear?: boolean;\n  children?: ReactNode;\n}\n\nexport function AtlStepper({\n  activeStep: externalStep,\n  onActiveStepChange,\n  orientation = 'horizontal',\n  linear = false,\n  children,\n  className,\n  ...rest\n}: AtlStepperProps) {\n  const [internalStep, setInternalStep] = useState(externalStep ?? 0);\n  const isControlled = externalStep !== undefined;\n  const activeStep = isControlled ? externalStep : internalStep;\n\n  const setStep = (i: number) => {\n    if (!isControlled) setInternalStep(i);\n    onActiveStepChange?.(i);\n  };\n\n  const childArray = Children.toArray(children);\n  const steps: StepInfo[] = useMemo(\n    () =>\n      childArray\n        .filter(\n          (c) =>\n            isValidElement(c) &&\n            (c.type as { displayName?: string }).displayName === 'AtlStep'\n        )\n        .map((c) => {\n          const element = c as ReactElement<AtlStepProps>;\n          return {\n            label: element.props.label ?? '',\n            description: element.props.description,\n            completed: element.props.completed ?? false,\n            error: element.props.error ?? false,\n            optional: element.props.optional ?? false,\n            disabled: element.props.disabled ?? false,\n          };\n        }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [children]\n  );\n\n  const goTo = (i: number) => {\n    if (i < 0 || i >= steps.length) return;\n    if (steps[i]?.disabled) return;\n    if (linear && i > activeStep) {\n      const canAdvance = steps.slice(0, i).every((s) => s.completed || s.optional);\n      if (!canAdvance) return;\n    }\n    setStep(i);\n  };\n\n  const next = () => goTo(activeStep + 1);\n  const prev = () => {\n    const p = activeStep - 1;\n    if (p >= 0 && !steps[p]?.disabled) setStep(p);\n  };\n\n  const classes = [\n    'atl-stepper',\n    `orientation-${orientation}`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const stepPanels = childArray.filter(\n    (c) =>\n      isValidElement(c) &&\n      (c.type as { displayName?: string }).displayName === 'AtlStep'\n  );\n\n  return (\n    <StepperContext.Provider value={{ activeStep, setActiveStep: setStep, steps, linear, next, prev, goTo }}>\n      <div className={classes} {...rest}>\n        <div className=\"stepper-header\" role=\"tablist\">\n          {steps.map((step, i) => {\n            const isActive = activeStep === i;\n            const isCompleted = step.completed && !isActive;\n            const itemClass = [\n              'step-item',\n              isActive && 'is-active',\n              isCompleted && 'is-completed',\n              step.error && 'is-error',\n              step.disabled && 'is-disabled',\n            ]\n              .filter(Boolean)\n              .join(' ');\n\n            return (\n              <>\n                <div key={i} className={itemClass}>\n                  <button\n                    type=\"button\"\n                    role=\"tab\"\n                    id={`atl-step-${i}`}\n                    className=\"step-circle\"\n                    aria-label={step.label}\n                    aria-selected={isActive}\n                    aria-controls={`atl-step-panel-${i}`}\n                    aria-disabled={step.disabled || undefined}\n                    tabIndex={isActive ? 0 : -1}\n                    disabled={step.disabled}\n                    onClick={() => goTo(i)}\n                  >\n                    {step.completed && !step.error ? (\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M2 7L5.5 10.5L12 3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : step.error ? (\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n                      </svg>\n                    ) : (\n                      i + 1\n                    )}\n                  </button>\n                  <div className=\"step-text\">\n                    <span className=\"step-label\">{step.label}</span>\n                    {step.description && (\n                      <span className=\"step-description\">{step.description}</span>\n                    )}\n                    {step.optional && !step.completed && (\n                      <span className=\"step-optional\">Optional</span>\n                    )}\n                  </div>\n                </div>\n                {i < steps.length - 1 && (\n                  <div\n                    key={`connector-${i}`}\n                    className={['step-connector', (activeStep > i || step.completed) && 'is-active']\n                      .filter(Boolean)\n                      .join(' ')}\n                  />\n                )}\n              </>\n            );\n          })}\n        </div>\n        <div className=\"stepper-content\">\n          {stepPanels.map((panel, i) => {\n            const element = panel as ReactElement<AtlStepProps>;\n            return (\n              <div\n                key={i}\n                id={`atl-step-panel-${i}`}\n                role=\"tabpanel\"\n                aria-labelledby={`atl-step-${i}`}\n                tabIndex={0}\n                hidden={i !== activeStep}\n              >\n                {element.props.children}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </StepperContext.Provider>\n  );\n}\n\nexport interface AtlStepProps extends AtlStepSpec {\n  /** Text displayed on the step indicator. Required. */\n  label: string;\n  /** Optional subtitle. */\n  description?: string;\n  /** Mark as completed (shows checkmark). */\n  completed?: boolean;\n  /** Mark as errored (shows X). */\n  error?: boolean;\n  /** Mark as optional. */\n  optional?: boolean;\n  /** Whether the step is disabled. */\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nexport function AtlStep({ children }: AtlStepProps) {\n  return children;\n}\nAtlStep.displayName = 'AtlStep';\n"]}

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

@@ -1,22 +1,22 @@
 /* ============================================================
-   llm-table.css — Styles for the React table component
+   atl-table.css — Styles for the React table component
    ============================================================ */
 
 /* ---------------------------------------------------------------------------
    Table host container
    --------------------------------------------------------------------------- */
-.llm-table {
+.atl-table {
   display: block;
   font-family: var(--ui-font-family);
   color: var(--ui-color-text);
 }
 
-.llm-table-wrapper {
+.atl-table-wrapper {
   width: 100%;
   overflow-x: auto;
 }
 
-.llm-table table {
+.atl-table table {
   width: 100%;
   border-collapse: collapse;
 }
@@ -24,7 +24,7 @@
 /* ---------------------------------------------------------------------------
    Header cells
    --------------------------------------------------------------------------- */
-.llm-table thead th {
+.atl-table thead th {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-weight-semibold);
   color: var(--ui-color-text-muted);
@@ -40,7 +40,7 @@
 /* ---------------------------------------------------------------------------
    Body cells
    --------------------------------------------------------------------------- */
-.llm-table tbody td {
+.atl-table tbody td {
   border-bottom: 1px solid var(--ui-color-border);
   padding: var(--ui-spacing-3) var(--ui-spacing-4);
   vertical-align: middle;
@@ -51,20 +51,20 @@
 /* ---------------------------------------------------------------------------
    Size variants
    --------------------------------------------------------------------------- */
-.llm-table.size-sm thead th,
-.llm-table.size-sm tbody td {
+.atl-table.size-sm thead th,
+.atl-table.size-sm tbody td {
   padding: var(--ui-spacing-2) var(--ui-spacing-3);
   font-size: var(--ui-font-size-xs);
 }
 
-.llm-table.size-md thead th,
-.llm-table.size-md tbody td {
+.atl-table.size-md thead th,
+.atl-table.size-md tbody td {
   padding: var(--ui-spacing-3) var(--ui-spacing-4);
   font-size: var(--ui-font-size-sm);
 }
 
-.llm-table.size-lg thead th,
-.llm-table.size-lg tbody td {
+.atl-table.size-lg thead th,
+.atl-table.size-lg tbody td {
   padding: var(--ui-spacing-4) var(--ui-spacing-6);
   font-size: var(--ui-font-size-md);
 }
@@ -74,13 +74,13 @@
    --------------------------------------------------------------------------- */
 
 /* Striped: alternate even row background */
-.llm-table.variant-striped tbody tr:nth-child(even) td {
+.atl-table.variant-striped tbody tr:nth-child(even) td {
   background-color: var(--ui-color-surface-sunken);
 }
 
 /* Bordered: all cell borders */
-.llm-table.variant-bordered thead th,
-.llm-table.variant-bordered tbody td {
+.atl-table.variant-bordered thead th,
+.atl-table.variant-bordered tbody td {
   border: 1px solid var(--ui-color-border);
 }
 
@@ -105,27 +105,27 @@ td.align-end {
 /* ---------------------------------------------------------------------------
    Row hover and selection
    --------------------------------------------------------------------------- */
-.llm-table tbody tr:hover td {
+.atl-table tbody tr:hover td {
   background-color: var(--ui-color-surface-sunken);
 }
 
-.llm-table tbody tr.is-selected td {
+.atl-table tbody tr.is-selected td {
   background-color: var(--ui-color-primary-light);
 }
 
 /* Keep selected color on hover */
-.llm-table tbody tr.is-selected:hover td {
+.atl-table tbody tr.is-selected:hover td {
   background-color: var(--ui-color-primary-light);
 }
 
 /* Selection checkbox cell — fixed narrow width */
-.llm-tr-select-cell {
+.atl-tr-select-cell {
   width: 2.75rem;
   text-align: center;
 }
 
 /* Strip default checkbox layout to center it in the cell */
-.llm-tr-select-cell .llm-checkbox label {
+.atl-tr-select-cell .atl-checkbox label {
   justify-content: center;
 }
 
@@ -133,7 +133,7 @@ td.align-end {
    Sticky header
    z-index:1 is intentional — above sibling rows but below dropdowns (z-index:100)
    --------------------------------------------------------------------------- */
-.llm-table.is-sticky-header thead th {
+.atl-table.is-sticky-header thead th {
   position: sticky;
   top: 0;
   z-index: 1;
@@ -143,7 +143,7 @@ td.align-end {
 /* ---------------------------------------------------------------------------
    Sort button
    --------------------------------------------------------------------------- */
-.llm-th-sort-btn {
+.atl-th-sort-btn {
   all: unset;
   box-sizing: border-box;
   display: inline-flex;
@@ -156,38 +156,38 @@ td.align-end {
   width: 100%;
 }
 
-.llm-th-sort-btn:focus-visible {
+.atl-th-sort-btn:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
   border-radius: var(--ui-radius-sm);
 }
 
-.llm-th-sort-icon {
+.atl-th-sort-icon {
   flex-shrink: 0;
 }
 
-.llm-th-sort-asc-arrow,
-.llm-th-sort-desc-arrow {
+.atl-th-sort-asc-arrow,
+.atl-th-sort-desc-arrow {
   opacity: 0.25;
   transition: opacity var(--ui-transition-fast);
 }
 
-th.is-sorted .llm-th-sort-icon {
+th.is-sorted .atl-th-sort-icon {
   color: var(--ui-color-primary);
 }
 
-th.sort-asc .llm-th-sort-asc-arrow {
+th.sort-asc .atl-th-sort-asc-arrow {
   opacity: 1;
 }
 
-th.sort-desc .llm-th-sort-desc-arrow {
+th.sort-desc .atl-th-sort-desc-arrow {
   opacity: 1;
 }
 
 /* ---------------------------------------------------------------------------
    Empty state
    --------------------------------------------------------------------------- */
-.llm-tbody-empty-cell {
+.atl-tbody-empty-cell {
   text-align: center;
   padding: var(--ui-spacing-12) var(--ui-spacing-4) !important;
   color: var(--ui-color-text-muted);

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

@@ -0,0 +1,40 @@
+import { HTMLAttributes, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import type { AtlTableSpec, AtlTbodySpec, AtlTrSpec, AtlThSpec, AtlTdSpec, AtlSortDirection } from '../spec';
+import './atl-table.css';
+export type { AtlSortDirection };
+export interface AtlTableProps extends HTMLAttributes<HTMLDivElement>, AtlTableSpec {
+    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 AtlTable({ variant, size, stickyHeader, children, className, 'aria-label': ariaLabel, ...rest }: AtlTableProps): import("react").JSX.Element;
+export interface AtlTheadProps {
+    children?: ReactNode;
+}
+export declare function AtlThead({ children }: AtlTheadProps): import("react").JSX.Element;
+export interface AtlTbodyProps extends AtlTbodySpec {
+    children?: ReactNode;
+    /** Content shown in place of rows when empty=true. */
+    emptyContent?: ReactNode;
+}
+export declare function AtlTbody({ empty, colSpan, children, emptyContent }: AtlTbodyProps): import("react").JSX.Element;
+export interface AtlTrProps extends AtlTrSpec {
+    children?: ReactNode;
+    onSelectedChange?: (selected: boolean) => void;
+}
+export declare function AtlTr({ selected, selectable, children, onSelectedChange, }: AtlTrProps): import("react").JSX.Element;
+export interface AtlThProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'>, AtlThSpec {
+    children?: ReactNode;
+    onSort?: (direction: AtlSortDirection) => void;
+}
+export declare function AtlTh({ sortable, sortDirection, align, width, children, onSort, className, ...rest }: AtlThProps): import("react").JSX.Element;
+export interface AtlTdProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>, AtlTdSpec {
+    children?: ReactNode;
+}
+export declare function AtlTd({ align, children, className, ...rest }: AtlTdProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-table.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/table/llm-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,iBAAiB,CAAC;AAEzB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAMjC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,IAAW,EACX,YAAoB,EACpB,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,aAAa,+BA2Bf;AAMD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,+BAEnD;AAMD,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAa,EAAE,OAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,aAAa,+BAc7F;AAMD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAgB,EAChB,UAAkB,EAClB,QAAQ,EACR,gBAAgB,GACjB,EAAE,UAAU,+BAWZ;AAMD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;IAClG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAgB,EAChB,aAAoB,EACpB,KAAe,EACf,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,+BAoDZ;AAMD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;IAClG,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAOlF"}
+{"version":3,"file":"atl-table.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/table/atl-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,iBAAiB,CAAC;AAEzB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAMjC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,IAAW,EACX,YAAoB,EACpB,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,aAAa,+BA2Bf;AAMD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,+BAEnD;AAMD,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAa,EAAE,OAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,aAAa,+BAc7F;AAMD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAgB,EAChB,UAAkB,EAClB,QAAQ,EACR,gBAAgB,GACjB,EAAE,UAAU,+BAWZ;AAMD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;IAClG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAgB,EAChB,aAAoB,EACpB,KAAe,EACf,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,+BAoDZ;AAMD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;IAClG,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAOlF"}

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LlmCheckbox } from '../checkbox/llm-checkbox';
-import './llm-table.css';
-export function LlmTable({ variant = 'default', size = 'md', stickyHeader = false, children, className, 'aria-label': ariaLabel, ...rest }) {
+import { AtlCheckbox } from '../checkbox/atl-checkbox';
+import './atl-table.css';
+export function AtlTable({ variant = 'default', size = 'md', stickyHeader = false, children, className, 'aria-label': ariaLabel, ...rest }) {
     const classes = [
-        'llm-table',
+        'atl-table',
         `variant-${variant}`,
         `size-${size}`,
         stickyHeader && 'is-sticky-header',
@@ -11,18 +11,18 @@ export function LlmTable({ variant = 'default', size = 'md', stickyHeader = fals
     ]
         .filter(Boolean)
         .join(' ');
-    return (_jsx("div", { className: classes, ...rest, children: _jsx("div", { className: "llm-table-wrapper", tabIndex: 0, role: "region", "aria-label": ariaLabel ?? 'Table', children: _jsx("table", { children: children }) }) }));
+    return (_jsx("div", { className: classes, ...rest, children: _jsx("div", { className: "atl-table-wrapper", tabIndex: 0, role: "region", "aria-label": ariaLabel ?? 'Table', children: _jsx("table", { children: children }) }) }));
 }
-export function LlmThead({ children }) {
+export function AtlThead({ children }) {
     return _jsx("thead", { children: children });
 }
-export function LlmTbody({ empty = false, colSpan = 1, children, emptyContent }) {
-    return (_jsx("tbody", { children: !empty ? (children) : (_jsx("tr", { children: _jsx("td", { colSpan: colSpan, className: "llm-tbody-empty-cell", children: emptyContent }) })) }));
+export function AtlTbody({ empty = false, colSpan = 1, children, emptyContent }) {
+    return (_jsx("tbody", { children: !empty ? (children) : (_jsx("tr", { children: _jsx("td", { colSpan: colSpan, className: "atl-tbody-empty-cell", children: emptyContent }) })) }));
 }
-export function LlmTr({ selected = false, selectable = false, children, onSelectedChange, }) {
-    return (_jsxs("tr", { "aria-selected": selectable ? selected : undefined, className: selected ? 'is-selected' : undefined, children: [selectable && (_jsx("td", { className: "llm-tr-select-cell", children: _jsx(LlmCheckbox, { checked: selected, onCheckedChange: onSelectedChange }) })), children] }));
+export function AtlTr({ selected = false, selectable = false, children, onSelectedChange, }) {
+    return (_jsxs("tr", { "aria-selected": selectable ? selected : undefined, className: selected ? 'is-selected' : undefined, children: [selectable && (_jsx("td", { className: "atl-tr-select-cell", children: _jsx(AtlCheckbox, { checked: selected, onCheckedChange: onSelectedChange }) })), children] }));
 }
-export function LlmTh({ sortable = false, sortDirection = null, align = 'start', width, children, onSort, className, ...rest }) {
+export function AtlTh({ sortable = false, sortDirection = null, align = 'start', width, children, onSort, className, ...rest }) {
     const classes = [
         `align-${align}`,
         sortDirection && 'is-sorted',
@@ -43,10 +43,10 @@ export function LlmTh({ sortable = false, sortDirection = null, align = 'start',
         const next = sortDirection === null ? 'asc' : sortDirection === 'asc' ? 'desc' : null;
         onSort?.(next);
     }
-    return (_jsx("th", { "aria-sort": ariaSort, style: width ? { width } : undefined, className: classes, ...rest, children: sortable ? (_jsxs("button", { type: "button", className: "llm-th-sort-btn", onClick: cycleSort, children: [children, _jsxs("svg", { className: "llm-th-sort-icon", "aria-hidden": "true", width: "12", height: "16", viewBox: "0 0 12 16", fill: "none", children: [_jsx("path", { className: "llm-th-sort-asc-arrow", d: "M6 2L11 8H1L6 2Z", fill: "currentColor" }), _jsx("path", { className: "llm-th-sort-desc-arrow", d: "M6 14L1 8H11L6 14Z", fill: "currentColor" })] })] })) : (children) }));
+    return (_jsx("th", { "aria-sort": ariaSort, style: width ? { width } : undefined, className: classes, ...rest, children: sortable ? (_jsxs("button", { type: "button", className: "atl-th-sort-btn", onClick: cycleSort, children: [children, _jsxs("svg", { className: "atl-th-sort-icon", "aria-hidden": "true", width: "12", height: "16", viewBox: "0 0 12 16", fill: "none", children: [_jsx("path", { className: "atl-th-sort-asc-arrow", d: "M6 2L11 8H1L6 2Z", fill: "currentColor" }), _jsx("path", { className: "atl-th-sort-desc-arrow", d: "M6 14L1 8H11L6 14Z", fill: "currentColor" })] })] })) : (children) }));
 }
-export function LlmTd({ align = 'start', children, className, ...rest }) {
+export function AtlTd({ align = 'start', children, className, ...rest }) {
     const classes = [`align-${align}`, className].filter(Boolean).join(' ');
     return (_jsx("td", { className: classes, ...rest, children: children }));
 }
-//# sourceMappingURL=llm-table.js.map
+//# sourceMappingURL=atl-table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-table.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/table/llm-table.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,iBAAiB,CAAC;AAmBzB,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACO;IACd,MAAM,OAAO,GAAG;QACd,WAAW;QACX,WAAW,OAAO,EAAE;QACpB,QAAQ,IAAI,EAAE;QACd,YAAY,IAAI,kBAAkB;QAClC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,KAAM,IAAI,YAK/B,cACE,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,gBACD,SAAS,IAAI,OAAO,YAEhC,0BAAQ,QAAQ,GAAS,GACrB,GACF,CACP,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAClD,OAAO,0BAAQ,QAAQ,GAAS,CAAC;AACnC,CAAC;AAYD,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAiB;IAC5F,OAAO,CACL,0BACG,CAAC,KAAK,CAAC,CAAC,CAAC,CACR,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,uBACE,aAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,sBAAsB,YACnD,YAAY,GACV,GACF,CACN,GACK,CACT,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,gBAAgB,GACL;IACX,OAAO,CACL,+BAAmB,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,aAClG,UAAU,IAAI,CACb,aAAI,SAAS,EAAC,oBAAoB,YAChC,KAAC,WAAW,IAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,gBAAgB,GAAI,GAClE,CACN,EACA,QAAQ,IACN,CACN,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,KAAK,GAAG,OAAO,EACf,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACI;IACX,MAAM,OAAO,GAAG;QACd,SAAS,KAAK,EAAE;QAChB,aAAa,IAAI,WAAW;QAC5B,aAAa,KAAK,KAAK,IAAI,UAAU;QACrC,aAAa,KAAK,MAAM,IAAI,WAAW;QACvC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAE1B,MAAM,QAAQ,GAAG,QAAQ;QACvB,CAAC,CAAC,aAAa,KAAK,KAAK;YACvB,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,aAAa,KAAK,MAAM;gBACxB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,MAAM;QACZ,CAAC,CAAC,SAAS,CAAC;IAEd,SAAS,SAAS;QAChB,MAAM,IAAI,GACR,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC;IAED,OAAO,CACL,0BACa,QAAQ,EACnB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACpC,SAAS,EAAE,OAAO,KACd,IAAI,YAEP,QAAQ,CAAC,CAAC,CAAC,CACV,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,SAAS,aACjE,QAAQ,EACT,eACE,SAAS,EAAC,kBAAkB,iBAChB,MAAM,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,aAEX,eAAM,SAAS,EAAC,uBAAuB,EAAC,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,cAAc,GAAG,EACnF,eAAM,SAAS,EAAC,wBAAwB,EAAC,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,GAAG,IAClF,IACC,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACE,CACN,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAc;IACjF,MAAM,OAAO,GAAG,CAAC,SAAS,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxE,OAAO,CACL,aAAI,SAAS,EAAE,OAAO,KAAM,IAAI,YAC7B,QAAQ,GACN,CACN,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from 'react';\nimport type {\n  LlmTableSpec,\n  LlmTbodySpec,\n  LlmTrSpec,\n  LlmThSpec,\n  LlmTdSpec,\n  LlmSortDirection,\n} from '../spec';\nimport { LlmCheckbox } from '../checkbox/llm-checkbox';\nimport './llm-table.css';\n\nexport type { LlmSortDirection };\n\n// ---------------------------------------------------------------------------\n// LlmTable\n// ---------------------------------------------------------------------------\n\nexport interface LlmTableProps extends HTMLAttributes<HTMLDivElement>, LlmTableSpec {\n  children?: ReactNode;\n  /**\n   * Accessible name for the scrollable table region. Surfaces to\n   * screen readers as the region's label so keyboard users who\n   * scroll the wrapper know what they're scrolling. Defaults to\n   * `\"Table\"` if unset.\n   */\n  'aria-label'?: string;\n}\n\nexport function LlmTable({\n  variant = 'default',\n  size = 'md',\n  stickyHeader = false,\n  children,\n  className,\n  'aria-label': ariaLabel,\n  ...rest\n}: LlmTableProps) {\n  const classes = [\n    'llm-table',\n    `variant-${variant}`,\n    `size-${size}`,\n    stickyHeader && 'is-sticky-header',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={classes} {...rest}>\n      {/* The wrapper is the scrollable region — give it tabindex=0 so\n       * keyboard users can scroll horizontally through wide tables.\n       * role=region + aria-label expose it as a labelled landmark for\n       * screen readers (axe rule: scrollable-region-focusable). */}\n      <div\n        className=\"llm-table-wrapper\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={ariaLabel ?? 'Table'}\n      >\n        <table>{children}</table>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// LlmThead\n// ---------------------------------------------------------------------------\n\nexport interface LlmTheadProps {\n  children?: ReactNode;\n}\n\nexport function LlmThead({ children }: LlmTheadProps) {\n  return <thead>{children}</thead>;\n}\n\n// ---------------------------------------------------------------------------\n// LlmTbody\n// ---------------------------------------------------------------------------\n\nexport interface LlmTbodyProps extends LlmTbodySpec {\n  children?: ReactNode;\n  /** Content shown in place of rows when empty=true. */\n  emptyContent?: ReactNode;\n}\n\nexport function LlmTbody({ empty = false, colSpan = 1, children, emptyContent }: LlmTbodyProps) {\n  return (\n    <tbody>\n      {!empty ? (\n        children\n      ) : (\n        <tr>\n          <td colSpan={colSpan} className=\"llm-tbody-empty-cell\">\n            {emptyContent}\n          </td>\n        </tr>\n      )}\n    </tbody>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// LlmTr\n// ---------------------------------------------------------------------------\n\nexport interface LlmTrProps extends LlmTrSpec {\n  children?: ReactNode;\n  onSelectedChange?: (selected: boolean) => void;\n}\n\nexport function LlmTr({\n  selected = false,\n  selectable = false,\n  children,\n  onSelectedChange,\n}: LlmTrProps) {\n  return (\n    <tr aria-selected={selectable ? selected : undefined} className={selected ? 'is-selected' : undefined}>\n      {selectable && (\n        <td className=\"llm-tr-select-cell\">\n          <LlmCheckbox checked={selected} onCheckedChange={onSelectedChange} />\n        </td>\n      )}\n      {children}\n    </tr>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// LlmTh\n// ---------------------------------------------------------------------------\n\nexport interface LlmThProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'>, LlmThSpec {\n  children?: ReactNode;\n  onSort?: (direction: LlmSortDirection) => void;\n}\n\nexport function LlmTh({\n  sortable = false,\n  sortDirection = null,\n  align = 'start',\n  width,\n  children,\n  onSort,\n  className,\n  ...rest\n}: LlmThProps) {\n  const classes = [\n    `align-${align}`,\n    sortDirection && 'is-sorted',\n    sortDirection === 'asc' && 'sort-asc',\n    sortDirection === 'desc' && 'sort-desc',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined;\n\n  const ariaSort = sortable\n    ? sortDirection === 'asc'\n      ? 'ascending'\n      : sortDirection === 'desc'\n        ? 'descending'\n        : 'none'\n    : undefined;\n\n  function cycleSort() {\n    const next: LlmSortDirection =\n      sortDirection === null ? 'asc' : sortDirection === 'asc' ? 'desc' : null;\n    onSort?.(next);\n  }\n\n  return (\n    <th\n      aria-sort={ariaSort}\n      style={width ? { width } : undefined}\n      className={classes}\n      {...rest}\n    >\n      {sortable ? (\n        <button type=\"button\" className=\"llm-th-sort-btn\" onClick={cycleSort}>\n          {children}\n          <svg\n            className=\"llm-th-sort-icon\"\n            aria-hidden=\"true\"\n            width=\"12\"\n            height=\"16\"\n            viewBox=\"0 0 12 16\"\n            fill=\"none\"\n          >\n            <path className=\"llm-th-sort-asc-arrow\" d=\"M6 2L11 8H1L6 2Z\" fill=\"currentColor\" />\n            <path className=\"llm-th-sort-desc-arrow\" d=\"M6 14L1 8H11L6 14Z\" fill=\"currentColor\" />\n          </svg>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// LlmTd\n// ---------------------------------------------------------------------------\n\nexport interface LlmTdProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>, LlmTdSpec {\n  children?: ReactNode;\n}\n\nexport function LlmTd({ align = 'start', children, className, ...rest }: LlmTdProps) {\n  const classes = [`align-${align}`, className].filter(Boolean).join(' ');\n  return (\n    <td className={classes} {...rest}>\n      {children}\n    </td>\n  );\n}\n"]}
+{"version":3,"file":"atl-table.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/table/atl-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HTMLAttributes, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from 'react';\nimport type {\n  AtlTableSpec,\n  AtlTbodySpec,\n  AtlTrSpec,\n  AtlThSpec,\n  AtlTdSpec,\n  AtlSortDirection,\n} from '../spec';\nimport { AtlCheckbox } from '../checkbox/atl-checkbox';\nimport './atl-table.css';\n\nexport type { AtlSortDirection };\n\n// ---------------------------------------------------------------------------\n// AtlTable\n// ---------------------------------------------------------------------------\n\nexport interface AtlTableProps extends HTMLAttributes<HTMLDivElement>, AtlTableSpec {\n  children?: ReactNode;\n  /**\n   * Accessible name for the scrollable table region. Surfaces to\n   * screen readers as the region's label so keyboard users who\n   * scroll the wrapper know what they're scrolling. Defaults to\n   * `\"Table\"` if unset.\n   */\n  'aria-label'?: string;\n}\n\nexport function AtlTable({\n  variant = 'default',\n  size = 'md',\n  stickyHeader = false,\n  children,\n  className,\n  'aria-label': ariaLabel,\n  ...rest\n}: AtlTableProps) {\n  const classes = [\n    'atl-table',\n    `variant-${variant}`,\n    `size-${size}`,\n    stickyHeader && 'is-sticky-header',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={classes} {...rest}>\n      {/* The wrapper is the scrollable region — give it tabindex=0 so\n       * keyboard users can scroll horizontally through wide tables.\n       * role=region + aria-label expose it as a labelled landmark for\n       * screen readers (axe rule: scrollable-region-focusable). */}\n      <div\n        className=\"atl-table-wrapper\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={ariaLabel ?? 'Table'}\n      >\n        <table>{children}</table>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// AtlThead\n// ---------------------------------------------------------------------------\n\nexport interface AtlTheadProps {\n  children?: ReactNode;\n}\n\nexport function AtlThead({ children }: AtlTheadProps) {\n  return <thead>{children}</thead>;\n}\n\n// ---------------------------------------------------------------------------\n// AtlTbody\n// ---------------------------------------------------------------------------\n\nexport interface AtlTbodyProps extends AtlTbodySpec {\n  children?: ReactNode;\n  /** Content shown in place of rows when empty=true. */\n  emptyContent?: ReactNode;\n}\n\nexport function AtlTbody({ empty = false, colSpan = 1, children, emptyContent }: AtlTbodyProps) {\n  return (\n    <tbody>\n      {!empty ? (\n        children\n      ) : (\n        <tr>\n          <td colSpan={colSpan} className=\"atl-tbody-empty-cell\">\n            {emptyContent}\n          </td>\n        </tr>\n      )}\n    </tbody>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// AtlTr\n// ---------------------------------------------------------------------------\n\nexport interface AtlTrProps extends AtlTrSpec {\n  children?: ReactNode;\n  onSelectedChange?: (selected: boolean) => void;\n}\n\nexport function AtlTr({\n  selected = false,\n  selectable = false,\n  children,\n  onSelectedChange,\n}: AtlTrProps) {\n  return (\n    <tr aria-selected={selectable ? selected : undefined} className={selected ? 'is-selected' : undefined}>\n      {selectable && (\n        <td className=\"atl-tr-select-cell\">\n          <AtlCheckbox checked={selected} onCheckedChange={onSelectedChange} />\n        </td>\n      )}\n      {children}\n    </tr>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// AtlTh\n// ---------------------------------------------------------------------------\n\nexport interface AtlThProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'>, AtlThSpec {\n  children?: ReactNode;\n  onSort?: (direction: AtlSortDirection) => void;\n}\n\nexport function AtlTh({\n  sortable = false,\n  sortDirection = null,\n  align = 'start',\n  width,\n  children,\n  onSort,\n  className,\n  ...rest\n}: AtlThProps) {\n  const classes = [\n    `align-${align}`,\n    sortDirection && 'is-sorted',\n    sortDirection === 'asc' && 'sort-asc',\n    sortDirection === 'desc' && 'sort-desc',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined;\n\n  const ariaSort = sortable\n    ? sortDirection === 'asc'\n      ? 'ascending'\n      : sortDirection === 'desc'\n        ? 'descending'\n        : 'none'\n    : undefined;\n\n  function cycleSort() {\n    const next: AtlSortDirection =\n      sortDirection === null ? 'asc' : sortDirection === 'asc' ? 'desc' : null;\n    onSort?.(next);\n  }\n\n  return (\n    <th\n      aria-sort={ariaSort}\n      style={width ? { width } : undefined}\n      className={classes}\n      {...rest}\n    >\n      {sortable ? (\n        <button type=\"button\" className=\"atl-th-sort-btn\" onClick={cycleSort}>\n          {children}\n          <svg\n            className=\"atl-th-sort-icon\"\n            aria-hidden=\"true\"\n            width=\"12\"\n            height=\"16\"\n            viewBox=\"0 0 12 16\"\n            fill=\"none\"\n          >\n            <path className=\"atl-th-sort-asc-arrow\" d=\"M6 2L11 8H1L6 2Z\" fill=\"currentColor\" />\n            <path className=\"atl-th-sort-desc-arrow\" d=\"M6 14L1 8H11L6 14Z\" fill=\"currentColor\" />\n          </svg>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// AtlTd\n// ---------------------------------------------------------------------------\n\nexport interface AtlTdProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>, AtlTdSpec {\n  children?: ReactNode;\n}\n\nexport function AtlTd({ align = 'start', children, className, ...rest }: AtlTdProps) {\n  const classes = [`align-${align}`, className].filter(Boolean).join(' ');\n  return (\n    <td className={classes} {...rest}>\n      {children}\n    </td>\n  );\n}\n"]}

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

@@ -1,11 +1,11 @@
-.llm-tab-group {
+.atl-tab-group {
   display: block;
   font-family: var(--ui-font-family);
   color: var(--ui-color-text);
 }
 
 /* ─── Tab list ─── */
-.llm-tab-group .tablist {
+.atl-tab-group .tablist {
   display: flex;
   gap: var(--ui-spacing-2);
   border-bottom: 1px solid var(--ui-color-border);
@@ -13,12 +13,12 @@
   scrollbar-width: none;
 }
 
-.llm-tab-group .tablist::-webkit-scrollbar {
+.atl-tab-group .tablist::-webkit-scrollbar {
   display: none;
 }
 
 /* ─── Tab button ─── */
-.llm-tab-group .tablist button {
+.atl-tab-group .tablist button {
   all: unset;
   box-sizing: border-box;
   position: relative;
@@ -38,7 +38,7 @@
 }
 
 /* Active indicator (underline) — 3px for modern weight */
-.llm-tab-group .tablist button::after {
+.atl-tab-group .tablist button::after {
   content: '';
   position: absolute;
   bottom: -1px;
@@ -50,46 +50,46 @@
   transition: background var(--ui-transition-fast);
 }
 
-.llm-tab-group .tablist button.is-active {
+.atl-tab-group .tablist button.is-active {
   color: var(--ui-color-primary);
 }
 
-.llm-tab-group .tablist button.is-active::after {
+.atl-tab-group .tablist button.is-active::after {
   background: var(--ui-color-primary);
 }
 
 /* Hover */
-.llm-tab-group .tablist button:hover:not(.is-disabled):not(.is-active) {
+.atl-tab-group .tablist button:hover:not(.is-disabled):not(.is-active) {
   color: var(--ui-color-text);
   background: var(--ui-color-surface-sunken);
 }
 
 /* Focus */
-.llm-tab-group .tablist button:focus-visible {
+.atl-tab-group .tablist button:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
   border-radius: var(--ui-radius-md);
 }
 
 /* Disabled */
-.llm-tab-group .tablist button.is-disabled {
+.atl-tab-group .tablist button.is-disabled {
   opacity: var(--ui-opacity-disabled);
   cursor: not-allowed;
 }
 
 /* ─── Tab panel ─── */
-.llm-tab-group [role="tabpanel"] {
+.atl-tab-group [role="tabpanel"] {
   padding: var(--ui-spacing-5) 0;
 }
 
-.llm-tab-group [role="tabpanel"]:focus-visible {
+.atl-tab-group [role="tabpanel"]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
   border-radius: var(--ui-radius-md);
 }
 
 /* ─── Pills variant ─── */
-.llm-tab-group.variant-pills .tablist {
+.atl-tab-group.variant-pills .tablist {
   border-bottom: none;
   gap: var(--ui-spacing-2);
   padding: var(--ui-spacing-1);
@@ -97,24 +97,24 @@
   border-radius: var(--ui-radius-lg);
 }
 
-.llm-tab-group.variant-pills .tablist button {
+.atl-tab-group.variant-pills .tablist button {
   border-radius: var(--ui-radius-md);
   min-height: 2rem;
   padding: var(--ui-spacing-2) var(--ui-spacing-4);
   font-size: var(--ui-font-size-sm);
 }
 
-.llm-tab-group.variant-pills .tablist button::after {
+.atl-tab-group.variant-pills .tablist button::after {
   display: none;
 }
 
-.llm-tab-group.variant-pills .tablist button.is-active {
+.atl-tab-group.variant-pills .tablist button.is-active {
   background: var(--ui-color-surface);
   color: var(--ui-color-text);
   box-shadow: var(--ui-shadow-sm);
 }
 
-.llm-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active) {
+.atl-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active) {
   background: transparent;
   color: var(--ui-color-text);
 }