@atelier-ui/react 0.2.42 → 0.2.43

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 0.2.43 (2026-09-12)
+
+### 🚀 Features
+
+- **lint:** check:css-tokens becomes two stylelint rules ([50fea90b](https://github.com/DominikPieper/atelier-ui/commit/50fea90b))
+- **stories:** a play earns its place only where jsdom cannot reach ([fc54417a](https://github.com/DominikPieper/atelier-ui/commit/fc54417a))
+- **lint:** the linter is a gate, where the invariant fits in one file ([e4e6a02f](https://github.com/DominikPieper/atelier-ui/commit/e4e6a02f))
+- **spec:** the contract on every Docs tab, imported by every story meta — ADR-0121 S5b ([30dd54c0](https://github.com/DominikPieper/atelier-ui/commit/30dd54c0))
+- **gates:** check:contracts — the stories are the spec, stage 1 ([527a9571](https://github.com/DominikPieper/atelier-ui/commit/527a9571))
+- **gates:** every story is a test — ADR-0122, S0 of ADR-0121 ([f272e1ff](https://github.com/DominikPieper/atelier-ui/commit/f272e1ff))
+
+### 🩹 Fixes
+
+- **storybook:** the base path was keyed on CI, and the test server is CI too ([34863859](https://github.com/DominikPieper/atelier-ui/commit/34863859))
+
+### ❤️ Thank You
+
+- Claude Fable 5.1
+- Claude Opus 5 (1M context)
+- Dominik Pieper @DominikPieper
+
 ## 0.2.42 (2026-09-10)
 
 This was a version bump only for react to align it with other projects, there were no code changes.
@@ -396,20 +417,20 @@ This was a version bump only for react to align it with other projects, there we
 
 ### 🚀 Features
 
-- ⚠️  **docs:** rename Llm prefix to Atl across docs, generated artifacts, and tooling docs ([965787d](https://github.com/DominikPieper/atelier-ui/commit/965787d))
-- ⚠️  **react:** rename Llm prefix to Atl across the React library ([ae4ea31](https://github.com/DominikPieper/atelier-ui/commit/ae4ea31))
-- ⚠️  **spec:** rename Llm prefix to Atl in spec contract ([6860cc4](https://github.com/DominikPieper/atelier-ui/commit/6860cc4))
+- ⚠️ **docs:** rename Llm prefix to Atl across docs, generated artifacts, and tooling docs ([965787d](https://github.com/DominikPieper/atelier-ui/commit/965787d))
+- ⚠️ **react:** rename Llm prefix to Atl across the React library ([ae4ea31](https://github.com/DominikPieper/atelier-ui/commit/ae4ea31))
+- ⚠️ **spec:** rename Llm prefix to Atl in spec contract ([6860cc4](https://github.com/DominikPieper/atelier-ui/commit/6860cc4))
 
-### ⚠️  Breaking Changes
+### ⚠️ Breaking Changes
 
-- **docs:** rename Llm prefix to Atl across docs, generated artifacts, and tooling docs  ([965787d](https://github.com/DominikPieper/atelier-ui/commit/965787d))
-- **react:** rename Llm prefix to Atl across the React library  ([ae4ea31](https://github.com/DominikPieper/atelier-ui/commit/ae4ea31))
+- **docs:** rename Llm prefix to Atl across docs, generated artifacts, and tooling docs ([965787d](https://github.com/DominikPieper/atelier-ui/commit/965787d))
+- **react:** rename Llm prefix to Atl across the React library ([ae4ea31](https://github.com/DominikPieper/atelier-ui/commit/ae4ea31))
   every React component, prop type, and CSS class
   renamed Llm/llm- -> Atl/atl- (ADR-0029), including the mid-word
   Toast case (useLlmToast -> useAtlToast, LlmToastProvider ->
   AtlToastProvider, LlmToastContainer -> AtlToastContainer).
   nx lint/test/build react all green (392/392 tests).
-- **spec:** rename Llm prefix to Atl in spec contract  ([6860cc4](https://github.com/DominikPieper/atelier-ui/commit/6860cc4))
+- **spec:** rename Llm prefix to Atl in spec contract ([6860cc4](https://github.com/DominikPieper/atelier-ui/commit/6860cc4))
   every exported spec type/interface renamed
   Llm* -> Atl* (ADR-0029). Framework libs will fail to typecheck
   until each is renamed in turn (next commits) — expected mid-migration.
@@ -793,4 +814,4 @@ This was a version bump only for react to align it with other projects, there we
 
 ## 0.0.12 (2026-04-22)
 
-This was a version bump only for react to align it with other projects, there were no code changes.
+This was a version bump only for react to align it with other projects, there were no code changes.

package/package.json

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

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

@@ -3,14 +3,8 @@
  * same file as the sizes it governs and no consuming app has to supply one.
  * Gated by check:box-sizing; the resulting boxes are measured by check:geometry.
  * See ADR-0043. */
-:is(
-  .atl-accordion-group,
-  .atl-accordion-item
-),
-:is(
-  .atl-accordion-group,
-  .atl-accordion-item
-) * {
+:is(.atl-accordion-group, .atl-accordion-item),
+:is(.atl-accordion-group, .atl-accordion-item) * {
   box-sizing: border-box;
 }
 

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

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

package/src/lib/accordion/atl-accordion.js

@@ -5,10 +5,18 @@ import { AtlIcon } from '../icon/atl-icon';
 const AccordionGroupContext = createContext({
     multi: false,
     openItems: new Set(),
-    toggleItem: () => { },
-    registerItem: () => { },
-    unregisterItem: () => { },
-    handleKeydown: () => { },
+    toggleItem: () => {
+        /* noop */
+    },
+    registerItem: () => {
+        /* noop */
+    },
+    unregisterItem: () => {
+        /* noop */
+    },
+    handleKeydown: () => {
+        /* noop */
+    },
 });
 /**
  * A container component that manages a group of accordion items.
@@ -34,7 +42,10 @@ export function AtlAccordionGroup({ multi = false, variant = 'default', children
         });
     }, [multi]);
     const registerItem = useCallback((id, ref, disabled) => {
-        itemsRef.current = [...itemsRef.current.filter((i) => i.id !== id), { id, triggerRef: ref, disabled }];
+        itemsRef.current = [
+            ...itemsRef.current.filter((i) => i.id !== id),
+            { id, triggerRef: ref, disabled },
+        ];
     }, []);
     const unregisterItem = useCallback((id) => {
         itemsRef.current = itemsRef.current.filter((i) => i.id !== id);
@@ -64,7 +75,14 @@ export function AtlAccordionGroup({ multi = false, variant = 'default', children
         }
         target?.triggerRef.current?.focus();
     }, []);
-    return (_jsx(AccordionGroupContext.Provider, { value: { multi, openItems, toggleItem, registerItem, unregisterItem, handleKeydown }, children: _jsx("div", { className: classes, role: "presentation", ...rest, children: children }) }));
+    return (_jsx(AccordionGroupContext.Provider, { value: {
+            multi,
+            openItems,
+            toggleItem,
+            registerItem,
+            unregisterItem,
+            handleKeydown,
+        }, children: _jsx("div", { className: classes, role: "presentation", ...rest, children: children }) }));
 }
 /**
  * An individual item within an accordion group.
@@ -112,7 +130,9 @@ export function AtlAccordionItem({ expanded: externalExpanded, onExpandedChange,
     const Heading = `h${headingLevel}`;
     return (_jsxs("div", { className: classes, ...rest, children: [_jsx(Heading, { className: "accordion-heading", children: _jsxs("button", { ref: triggerRef, type: "button", id: triggerId, className: ['accordion-trigger', disabled && 'is-disabled']
                         .filter(Boolean)
-                        .join(' '), "aria-expanded": isExpanded, "aria-controls": panelId, "aria-disabled": disabled || undefined, disabled: disabled, onClick: toggle, onKeyDown: (e) => ctx.handleKeydown(e, id), children: [headerNode, _jsx(AtlIcon, { name: "chevron-down", size: "sm", className: ['chevron', isExpanded && 'is-expanded'].filter(Boolean).join(' ') })] }) }), _jsx("div", { className: ['accordion-panel-wrapper', isExpanded && 'is-expanded']
+                        .join(' '), "aria-expanded": isExpanded, "aria-controls": panelId, "aria-disabled": disabled || undefined, disabled: disabled, onClick: toggle, onKeyDown: (e) => ctx.handleKeydown(e, id), children: [headerNode, _jsx(AtlIcon, { name: "chevron-down", size: "sm", className: ['chevron', isExpanded && 'is-expanded']
+                                .filter(Boolean)
+                                .join(' ') })] }) }), _jsx("div", { className: ['accordion-panel-wrapper', isExpanded && 'is-expanded']
                     .filter(Boolean)
                     .join(' '), children: _jsx("div", { id: panelId, role: "region", "aria-labelledby": triggerId, className: "accordion-panel", children: bodyNodes }) })] }));
 }
@@ -120,6 +140,8 @@ export function AtlAccordionItem({ expanded: externalExpanded, onExpandedChange,
  * The header component for an AtlAccordionItem.
  */
 export function AtlAccordionHeader({ children, className, ...rest }) {
-    return (_jsx("span", { className: ['accordion-header-content', className].filter(Boolean).join(' '), ...rest, children: children }));
+    return (_jsx("span", { className: ['accordion-header-content', className]
+            .filter(Boolean)
+            .join(' '), ...rest, children: children }));
 }
 //# sourceMappingURL=atl-accordion.js.map

package/src/lib/accordion/atl-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"atl-accordion.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/accordion/atl-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useId,\n  useLayoutEffect,\n  useCallback,\n  ReactNode,\n  HTMLAttributes,\n  KeyboardEvent,\n} from 'react';\nimport type {\n  AtlAccordionGroupSpec,\n  AtlAccordionItemSpec,\n} from '../spec';\nimport './atl-accordion.css';\nimport { AtlIcon } from '../icon/atl-icon';\n\ninterface AccordionGroupContextValue {\n  multi: boolean;\n  openItems: Set<string>;\n  toggleItem: (id: string) => void;\n  registerItem: (id: string, ref: React.RefObject<HTMLButtonElement | null>, disabled: boolean) => void;\n  unregisterItem: (id: string) => void;\n  handleKeydown: (e: KeyboardEvent, id: string) => void;\n}\n\nconst AccordionGroupContext = createContext<AccordionGroupContextValue>({\n  multi: false,\n  openItems: new Set(),\n  toggleItem: () => { /* noop */ },\n  registerItem: () => { /* noop */ },\n  unregisterItem: () => { /* noop */ },\n  handleKeydown: () => { /* noop */ },\n});\n\n/**\n * Properties for the AtlAccordionGroup component.\n */\nexport interface AtlAccordionGroupProps\n  extends HTMLAttributes<HTMLDivElement>,\n    AtlAccordionGroupSpec {\n  /**\n   * Whether multiple items can be expanded simultaneously.\n   */\n  multi?: boolean;\n  /**\n   * The visual style variant of the accordion.\n   */\n  variant?: 'default' | 'bordered' | 'separated';\n  /**\n   * The accordion items to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A container component that manages a group of accordion items.\n */\nexport function AtlAccordionGroup({\n  multi = false,\n  variant = 'default',\n  children,\n  className,\n  ...rest\n}: AtlAccordionGroupProps) {\n  const [openItems, setOpenItems] = useState<Set<string>>(new Set());\n  const itemsRef = useRef<{ id: string; triggerRef: React.RefObject<HTMLButtonElement | null>; disabled: boolean }[]>([]);\n\n  const classes = ['atl-accordion-group', `variant-${variant}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const toggleItem = useCallback((id: string) => {\n    setOpenItems((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        if (!multi) next.clear();\n        next.add(id);\n      }\n      return next;\n    });\n  }, [multi]);\n\n  const registerItem = useCallback((id: string, ref: React.RefObject<HTMLButtonElement | null>, disabled: boolean) => {\n    itemsRef.current = [...itemsRef.current.filter((i) => i.id !== id), { id, triggerRef: ref, disabled }];\n  }, []);\n\n  const unregisterItem = useCallback((id: string) => {\n    itemsRef.current = itemsRef.current.filter((i) => i.id !== id);\n  }, []);\n\n  const handleKeydown = useCallback((e: KeyboardEvent, currentId: string) => {\n    const enabled = itemsRef.current.filter((i) => !i.disabled);\n    if (enabled.length === 0) return;\n\n    const pos = enabled.findIndex((i) => i.id === currentId);\n    const n = enabled.length;\n    let target: (typeof enabled)[0] | null = null;\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      target = enabled[(pos + 1) % n];\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      target = enabled[(pos - 1 + n) % n];\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      target = enabled[0];\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      target = enabled[n - 1];\n    }\n\n    target?.triggerRef.current?.focus();\n  }, []);\n\n  return (\n    <AccordionGroupContext.Provider\n      value={{ multi, openItems, toggleItem, registerItem, unregisterItem, handleKeydown }}\n    >\n      <div className={classes} role=\"presentation\" {...rest}>\n        {children}\n      </div>\n    </AccordionGroupContext.Provider>\n  );\n}\n\n/**\n * Properties for the AtlAccordionItem component.\n */\nexport interface AtlAccordionItemProps\n  extends HTMLAttributes<HTMLDivElement>,\n    AtlAccordionItemSpec {\n  /**\n   * Whether the item is currently expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Callback triggered when the expanded state changes.\n   */\n  onExpandedChange?: (expanded: boolean) => void;\n  /**\n   * Whether the accordion item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * HTML heading level wrapping the trigger button. Default `3`.\n   * Match your page's heading outline so heading order stays valid.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * The content of the accordion item, typically including an AtlAccordionHeader.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual item within an accordion group.\n */\nexport function AtlAccordionItem({\n  expanded: externalExpanded,\n  onExpandedChange,\n  disabled = false,\n  headingLevel = 3,\n  children,\n  className,\n  ...rest\n}: AtlAccordionItemProps) {\n  const ctx = useContext(AccordionGroupContext);\n  const id = useId();\n  const triggerId = `${id}-trigger`;\n  const panelId = `${id}-panel`;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  const { registerItem, unregisterItem } = ctx;\n\n  // Register/unregister with parent\n  useLayoutEffect(() => {\n    registerItem(id, triggerRef, disabled);\n    return () => unregisterItem(id);\n  }, [id, triggerRef, disabled, registerItem, unregisterItem]);\n\n  const isControlled = externalExpanded !== undefined;\n  const isExpanded = isControlled ? externalExpanded : ctx.openItems.has(id);\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !isExpanded;\n    if (!isControlled) ctx.toggleItem(id);\n    onExpandedChange?.(next);\n  };\n\n  const classes = [\n    'atl-accordion-item',\n    isExpanded && 'is-expanded',\n    disabled && 'is-disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Separate header child from body children\n  const childArray = Array.isArray(children) ? children : [children];\n  const headerNode = childArray.find(\n    (c): c is React.ReactElement =>\n      typeof c === 'object' &&\n      c !== null &&\n      'type' in (c as object) &&\n      (c as React.ReactElement).type === AtlAccordionHeader\n  );\n  const bodyNodes = childArray.filter((c) => c !== headerNode);\n\n  // Render the heading wrapper at the level the consumer asked for.\n  // We can't use a JSX expression as a tag, so React.createElement is\n  // the cleanest path here.\n  const Heading = `h${headingLevel}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  return (\n    <div className={classes} {...rest}>\n      <Heading className=\"accordion-heading\">\n        <button\n          ref={triggerRef}\n          type=\"button\"\n          id={triggerId}\n          className={['accordion-trigger', disabled && 'is-disabled']\n            .filter(Boolean)\n            .join(' ')}\n          aria-expanded={isExpanded}\n          aria-controls={panelId}\n          aria-disabled={disabled || undefined}\n          disabled={disabled}\n          onClick={toggle}\n          onKeyDown={(e) => ctx.handleKeydown(e, id)}\n        >\n          {headerNode}\n          <AtlIcon name=\"chevron-down\" size=\"sm\" className={['chevron', isExpanded && 'is-expanded'].filter(Boolean).join(' ')} />\n        </button>\n      </Heading>\n      <div\n        className={['accordion-panel-wrapper', isExpanded && 'is-expanded']\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={triggerId}\n          className=\"accordion-panel\"\n        >\n          {bodyNodes}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The header component for an AtlAccordionItem.\n */\nexport function AtlAccordionHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLSpanElement> & {\n  /**\n   * The content to be rendered in the header.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <span\n      className={['accordion-header-content', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"atl-accordion.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/accordion/atl-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useId,\n  useLayoutEffect,\n  useCallback,\n  ReactNode,\n  HTMLAttributes,\n  KeyboardEvent,\n} from 'react';\nimport type { AtlAccordionGroupSpec, AtlAccordionItemSpec } from '../spec';\nimport './atl-accordion.css';\nimport { AtlIcon } from '../icon/atl-icon';\n\ninterface AccordionGroupContextValue {\n  multi: boolean;\n  openItems: Set<string>;\n  toggleItem: (id: string) => void;\n  registerItem: (\n    id: string,\n    ref: React.RefObject<HTMLButtonElement | null>,\n    disabled: boolean,\n  ) => void;\n  unregisterItem: (id: string) => void;\n  handleKeydown: (e: KeyboardEvent, id: string) => void;\n}\n\nconst AccordionGroupContext = createContext<AccordionGroupContextValue>({\n  multi: false,\n  openItems: new Set(),\n  toggleItem: () => {\n    /* noop */\n  },\n  registerItem: () => {\n    /* noop */\n  },\n  unregisterItem: () => {\n    /* noop */\n  },\n  handleKeydown: () => {\n    /* noop */\n  },\n});\n\n/**\n * Properties for the AtlAccordionGroup component.\n */\nexport interface AtlAccordionGroupProps\n  extends HTMLAttributes<HTMLDivElement>, AtlAccordionGroupSpec {\n  /**\n   * Whether multiple items can be expanded simultaneously.\n   */\n  multi?: boolean;\n  /**\n   * The visual style variant of the accordion.\n   */\n  variant?: 'default' | 'bordered' | 'separated';\n  /**\n   * The accordion items to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A container component that manages a group of accordion items.\n */\nexport function AtlAccordionGroup({\n  multi = false,\n  variant = 'default',\n  children,\n  className,\n  ...rest\n}: AtlAccordionGroupProps) {\n  const [openItems, setOpenItems] = useState<Set<string>>(new Set());\n  const itemsRef = useRef<\n    {\n      id: string;\n      triggerRef: React.RefObject<HTMLButtonElement | null>;\n      disabled: boolean;\n    }[]\n  >([]);\n\n  const classes = ['atl-accordion-group', `variant-${variant}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const toggleItem = useCallback(\n    (id: string) => {\n      setOpenItems((prev) => {\n        const next = new Set(prev);\n        if (next.has(id)) {\n          next.delete(id);\n        } else {\n          if (!multi) next.clear();\n          next.add(id);\n        }\n        return next;\n      });\n    },\n    [multi],\n  );\n\n  const registerItem = useCallback(\n    (\n      id: string,\n      ref: React.RefObject<HTMLButtonElement | null>,\n      disabled: boolean,\n    ) => {\n      itemsRef.current = [\n        ...itemsRef.current.filter((i) => i.id !== id),\n        { id, triggerRef: ref, disabled },\n      ];\n    },\n    [],\n  );\n\n  const unregisterItem = useCallback((id: string) => {\n    itemsRef.current = itemsRef.current.filter((i) => i.id !== id);\n  }, []);\n\n  const handleKeydown = useCallback((e: KeyboardEvent, currentId: string) => {\n    const enabled = itemsRef.current.filter((i) => !i.disabled);\n    if (enabled.length === 0) return;\n\n    const pos = enabled.findIndex((i) => i.id === currentId);\n    const n = enabled.length;\n    let target: (typeof enabled)[0] | null = null;\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      target = enabled[(pos + 1) % n];\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      target = enabled[(pos - 1 + n) % n];\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      target = enabled[0];\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      target = enabled[n - 1];\n    }\n\n    target?.triggerRef.current?.focus();\n  }, []);\n\n  return (\n    <AccordionGroupContext.Provider\n      value={{\n        multi,\n        openItems,\n        toggleItem,\n        registerItem,\n        unregisterItem,\n        handleKeydown,\n      }}\n    >\n      <div className={classes} role=\"presentation\" {...rest}>\n        {children}\n      </div>\n    </AccordionGroupContext.Provider>\n  );\n}\n\n/**\n * Properties for the AtlAccordionItem component.\n */\nexport interface AtlAccordionItemProps\n  extends HTMLAttributes<HTMLDivElement>, AtlAccordionItemSpec {\n  /**\n   * Whether the item is currently expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Callback triggered when the expanded state changes.\n   */\n  onExpandedChange?: (expanded: boolean) => void;\n  /**\n   * Whether the accordion item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * HTML heading level wrapping the trigger button. Default `3`.\n   * Match your page's heading outline so heading order stays valid.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * The content of the accordion item, typically including an AtlAccordionHeader.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual item within an accordion group.\n */\nexport function AtlAccordionItem({\n  expanded: externalExpanded,\n  onExpandedChange,\n  disabled = false,\n  headingLevel = 3,\n  children,\n  className,\n  ...rest\n}: AtlAccordionItemProps) {\n  const ctx = useContext(AccordionGroupContext);\n  const id = useId();\n  const triggerId = `${id}-trigger`;\n  const panelId = `${id}-panel`;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  const { registerItem, unregisterItem } = ctx;\n\n  // Register/unregister with parent\n  useLayoutEffect(() => {\n    registerItem(id, triggerRef, disabled);\n    return () => unregisterItem(id);\n  }, [id, triggerRef, disabled, registerItem, unregisterItem]);\n\n  const isControlled = externalExpanded !== undefined;\n  const isExpanded = isControlled ? externalExpanded : ctx.openItems.has(id);\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !isExpanded;\n    if (!isControlled) ctx.toggleItem(id);\n    onExpandedChange?.(next);\n  };\n\n  const classes = [\n    'atl-accordion-item',\n    isExpanded && 'is-expanded',\n    disabled && 'is-disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Separate header child from body children\n  const childArray = Array.isArray(children) ? children : [children];\n  const headerNode = childArray.find(\n    (c): c is React.ReactElement =>\n      typeof c === 'object' &&\n      c !== null &&\n      'type' in (c as object) &&\n      (c as React.ReactElement).type === AtlAccordionHeader,\n  );\n  const bodyNodes = childArray.filter((c) => c !== headerNode);\n\n  // Render the heading wrapper at the level the consumer asked for.\n  // We can't use a JSX expression as a tag, so React.createElement is\n  // the cleanest path here.\n  const Heading = `h${headingLevel}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  return (\n    <div className={classes} {...rest}>\n      <Heading className=\"accordion-heading\">\n        <button\n          ref={triggerRef}\n          type=\"button\"\n          id={triggerId}\n          className={['accordion-trigger', disabled && 'is-disabled']\n            .filter(Boolean)\n            .join(' ')}\n          aria-expanded={isExpanded}\n          aria-controls={panelId}\n          aria-disabled={disabled || undefined}\n          disabled={disabled}\n          onClick={toggle}\n          onKeyDown={(e) => ctx.handleKeydown(e, id)}\n        >\n          {headerNode}\n          <AtlIcon\n            name=\"chevron-down\"\n            size=\"sm\"\n            className={['chevron', isExpanded && 'is-expanded']\n              .filter(Boolean)\n              .join(' ')}\n          />\n        </button>\n      </Heading>\n      <div\n        className={['accordion-panel-wrapper', isExpanded && 'is-expanded']\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={triggerId}\n          className=\"accordion-panel\"\n        >\n          {bodyNodes}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The header component for an AtlAccordionItem.\n */\nexport function AtlAccordionHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLSpanElement> & {\n  /**\n   * The content to be rendered in the header.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <span\n      className={['accordion-header-content', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n"]}

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

@@ -34,19 +34,31 @@
 .atl-alert.variant-success {
   background-color: var(--ui-color-success-bg);
   color: var(--ui-color-success-text);
-  border-color: color-mix(in srgb, var(--ui-color-success-text) 20%, transparent);
+  border-color: color-mix(
+    in srgb,
+    var(--ui-color-success-text) 20%,
+    transparent
+  );
 }
 
 .atl-alert.variant-warning {
   background-color: var(--ui-color-warning-bg);
   color: var(--ui-color-warning-text);
-  border-color: color-mix(in srgb, var(--ui-color-warning-text) 20%, transparent);
+  border-color: color-mix(
+    in srgb,
+    var(--ui-color-warning-text) 20%,
+    transparent
+  );
 }
 
 .atl-alert.variant-danger {
   background-color: var(--ui-color-danger-bg);
   color: var(--ui-color-danger-text);
-  border-color: color-mix(in srgb, var(--ui-color-danger-text) 20%, transparent);
+  border-color: color-mix(
+    in srgb,
+    var(--ui-color-danger-text) 20%,
+    transparent
+  );
 }
 
 /* Dismiss button */
@@ -64,7 +76,9 @@
   cursor: pointer;
   color: inherit;
   opacity: 0.7;
-  transition: opacity var(--ui-transition-fast), background-color var(--ui-transition-fast);
+  transition:
+    opacity var(--ui-transition-fast),
+    background-color var(--ui-transition-fast);
   line-height: 1;
 }
 

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

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

package/src/lib/alert/atl-alert.js

@@ -14,7 +14,9 @@ const VARIANT_ICON_NAMES = {
  * An alert component for displaying important messages.
  */
 export function AtlAlert({ variant = 'info', dismissible = false, onDismissed, children, className, ...rest }) {
-    const classes = ['atl-alert', `variant-${variant}`, className].filter(Boolean).join(' ');
+    const classes = ['atl-alert', `variant-${variant}`, className]
+        .filter(Boolean)
+        .join(' ');
     const ariaLive = variant === 'danger' || variant === 'warning' ? 'assertive' : 'polite';
     return (_jsxs("div", { className: classes, role: "alert", "aria-live": ariaLive, ...rest, children: [_jsxs("span", { className: "content", children: [VARIANT_ICON_NAMES[variant] && (_jsx(AtlIcon, { className: "variant-icon", name: VARIANT_ICON_NAMES[variant], size: "sm" })), children] }), dismissible && (_jsx("button", { className: "dismiss", type: "button", "aria-label": "Dismiss", onClick: onDismissed, children: _jsx(AtlIcon, { name: "close", size: "sm" }) }))] }));
 }

package/src/lib/alert/atl-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"atl-alert.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/alert/atl-alert.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;wBAEwB;AACxB,MAAM,kBAAkB,GAAkD;IACxE,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AA6BF;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,MAAM,EAChB,WAAW,GAAG,KAAK,EACnB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,WAAW,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzF,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExF,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,eAAY,QAAQ,KAAM,IAAI,aACjE,gBAAM,SAAS,EAAC,SAAS,aACtB,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAC9B,KAAC,OAAO,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG,CAClF,EACA,QAAQ,IACJ,EACN,WAAW,IAAI,CACd,iBACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,QAAQ,gBACF,SAAS,EACpB,OAAO,EAAE,WAAW,YAEpB,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,GAC3B,CACV,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { AtlAlertSpec, AtlIconName } from '../spec';\nimport './atl-alert.css';\nimport { AtlIcon } from '../icon/atl-icon';\n\n/** Which AtlIcon each variant carries. Names, not glyphs: a glyph in a string map\n * was the fifth way this library drew an icon, and the one check:icon-duplication\n * missed (ADR-0050). */\nconst VARIANT_ICON_NAMES: Partial<Record<AtlAlertVariant, AtlIconName>> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  danger: 'danger',\n};\n\n\ntype AtlAlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\n/**\n * Properties for the AtlAlert component.\n */\nexport interface AtlAlertProps\n  extends HTMLAttributes<HTMLDivElement>,\n    AtlAlertSpec {\n  /**\n   * The visual style variant of the alert.\n   */\n  variant?: AtlAlertVariant;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback triggered when the alert is dismissed.\n   */\n  onDismissed?: () => void;\n  /**\n   * The content to be rendered inside the alert.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An alert component for displaying important messages.\n */\nexport function AtlAlert({\n  variant = 'info',\n  dismissible = false,\n  onDismissed,\n  children,\n  className,\n  ...rest\n}: AtlAlertProps) {\n  const classes = ['atl-alert', `variant-${variant}`, className].filter(Boolean).join(' ');\n  const ariaLive = variant === 'danger' || variant === 'warning' ? 'assertive' : 'polite';\n\n  return (\n    <div className={classes} role=\"alert\" aria-live={ariaLive} {...rest}>\n      <span className=\"content\">\n        {VARIANT_ICON_NAMES[variant] && (\n          <AtlIcon className=\"variant-icon\" name={VARIANT_ICON_NAMES[variant]} size=\"sm\" />\n        )}\n        {children}\n      </span>\n      {dismissible && (\n        <button\n          className=\"dismiss\"\n          type=\"button\"\n          aria-label=\"Dismiss\"\n          onClick={onDismissed}\n        >\n          <AtlIcon name=\"close\" size=\"sm\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"atl-alert.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/alert/atl-alert.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;wBAEwB;AACxB,MAAM,kBAAkB,GAAkD;IACxE,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AA2BF;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,MAAM,EAChB,WAAW,GAAG,KAAK,EACnB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,WAAW,OAAO,EAAE,EAAE,SAAS,CAAC;SAC3D,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,MAAM,QAAQ,GACZ,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,eAAY,QAAQ,KAAM,IAAI,aACjE,gBAAM,SAAS,EAAC,SAAS,aACtB,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAC9B,KAAC,OAAO,IACN,SAAS,EAAC,cAAc,EACxB,IAAI,EAAE,kBAAkB,CAAC,OAAO,CAAC,EACjC,IAAI,EAAC,IAAI,GACT,CACH,EACA,QAAQ,IACJ,EACN,WAAW,IAAI,CACd,iBACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,QAAQ,gBACF,SAAS,EACpB,OAAO,EAAE,WAAW,YAEpB,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,GAC3B,CACV,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { AtlAlertSpec, AtlIconName } from '../spec';\nimport './atl-alert.css';\nimport { AtlIcon } from '../icon/atl-icon';\n\n/** Which AtlIcon each variant carries. Names, not glyphs: a glyph in a string map\n * was the fifth way this library drew an icon, and the one check:icon-duplication\n * missed (ADR-0050). */\nconst VARIANT_ICON_NAMES: Partial<Record<AtlAlertVariant, AtlIconName>> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  danger: 'danger',\n};\n\ntype AtlAlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\n/**\n * Properties for the AtlAlert component.\n */\nexport interface AtlAlertProps\n  extends HTMLAttributes<HTMLDivElement>, AtlAlertSpec {\n  /**\n   * The visual style variant of the alert.\n   */\n  variant?: AtlAlertVariant;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback triggered when the alert is dismissed.\n   */\n  onDismissed?: () => void;\n  /**\n   * The content to be rendered inside the alert.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An alert component for displaying important messages.\n */\nexport function AtlAlert({\n  variant = 'info',\n  dismissible = false,\n  onDismissed,\n  children,\n  className,\n  ...rest\n}: AtlAlertProps) {\n  const classes = ['atl-alert', `variant-${variant}`, className]\n    .filter(Boolean)\n    .join(' ');\n  const ariaLive =\n    variant === 'danger' || variant === 'warning' ? 'assertive' : 'polite';\n\n  return (\n    <div className={classes} role=\"alert\" aria-live={ariaLive} {...rest}>\n      <span className=\"content\">\n        {VARIANT_ICON_NAMES[variant] && (\n          <AtlIcon\n            className=\"variant-icon\"\n            name={VARIANT_ICON_NAMES[variant]}\n            size=\"sm\"\n          />\n        )}\n        {children}\n      </span>\n      {dismissible && (\n        <button\n          className=\"dismiss\"\n          type=\"button\"\n          aria-label=\"Dismiss\"\n          onClick={onDismissed}\n        >\n          <AtlIcon name=\"close\" size=\"sm\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -3,14 +3,8 @@
  * same file as the sizes it governs and no consuming app has to supply one.
  * Gated by check:box-sizing; the resulting boxes are measured by check:geometry.
  * See ADR-0043. */
-:is(
-  .atl-avatar,
-  .atl-avatar-group
-),
-:is(
-  .atl-avatar,
-  .atl-avatar-group
-) * {
+:is(.atl-avatar, .atl-avatar-group),
+:is(.atl-avatar, .atl-avatar-group) * {
   box-sizing: border-box;
 }
 
@@ -30,21 +24,49 @@
      Storybook page and in a docs page (ADR-0052). Single-line chrome, so tight. */
   line-height: var(--ui-line-height-tight);
   font-weight: var(--ui-font-weight-semibold);
-  background-color: color-mix(in srgb, var(--ui-color-primary) 12%, var(--ui-color-surface-sunken));
+  background-color: color-mix(
+    in srgb,
+    var(--ui-color-primary) 12%,
+    var(--ui-color-surface-sunken)
+  );
   color: var(--ui-color-primary);
   user-select: none;
 }
 
 /* Sizes */
-.atl-avatar.size-xs { width: 24px; height: 24px; font-size: var(--ui-font-size-2xs); }
-.atl-avatar.size-sm { width: 32px; height: 32px; font-size: var(--ui-font-size-xs); }
-.atl-avatar.size-md { width: 40px; height: 40px; font-size: var(--ui-font-size-sm); }
-.atl-avatar.size-lg { width: 48px; height: 48px; font-size: var(--ui-font-size-md); }
-.atl-avatar.size-xl { width: 64px; height: 64px; font-size: var(--ui-font-size-lg); }
+.atl-avatar.size-xs {
+  width: 24px;
+  height: 24px;
+  font-size: var(--ui-font-size-2xs);
+}
+.atl-avatar.size-sm {
+  width: 32px;
+  height: 32px;
+  font-size: var(--ui-font-size-xs);
+}
+.atl-avatar.size-md {
+  width: 40px;
+  height: 40px;
+  font-size: var(--ui-font-size-sm);
+}
+.atl-avatar.size-lg {
+  width: 48px;
+  height: 48px;
+  font-size: var(--ui-font-size-md);
+}
+.atl-avatar.size-xl {
+  width: 64px;
+  height: 64px;
+  font-size: var(--ui-font-size-lg);
+}
 
 /* Shapes */
-.atl-avatar.shape-circle { border-radius: var(--ui-radius-full); }
-.atl-avatar.shape-square { border-radius: var(--ui-radius-md); }
+.atl-avatar.shape-circle {
+  border-radius: var(--ui-radius-full);
+}
+.atl-avatar.shape-square {
+  border-radius: var(--ui-radius-md);
+}
 
 /* Image */
 .atl-avatar img {
@@ -83,10 +105,18 @@
   box-sizing: content-box;
 }
 
-.atl-avatar .status-dot.status-online  { background-color: var(--ui-color-success); }
-.atl-avatar .status-dot.status-offline { background-color: var(--ui-color-text-muted); }
-.atl-avatar .status-dot.status-away    { background-color: var(--ui-color-warning); }
-.atl-avatar .status-dot.status-busy    { background-color: var(--ui-color-danger); }
+.atl-avatar .status-dot.status-online {
+  background-color: var(--ui-color-success);
+}
+.atl-avatar .status-dot.status-offline {
+  background-color: var(--ui-color-text-muted);
+}
+.atl-avatar .status-dot.status-away {
+  background-color: var(--ui-color-warning);
+}
+.atl-avatar .status-dot.status-busy {
+  background-color: var(--ui-color-danger);
+}
 
 /* === AtlAvatarGroup === */
 
@@ -124,8 +154,28 @@
   margin-inline-start: -8px;
 }
 
-.overflow-badge.size-xs { width: 24px; height: 24px; font-size: var(--ui-font-size-2xs); }
-.overflow-badge.size-sm { width: 32px; height: 32px; font-size: var(--ui-font-size-xs); }
-.overflow-badge.size-md { width: 40px; height: 40px; font-size: var(--ui-font-size-sm); }
-.overflow-badge.size-lg { width: 48px; height: 48px; font-size: var(--ui-font-size-sm); }
-.overflow-badge.size-xl { width: 64px; height: 64px; font-size: var(--ui-font-size-md); }
+.overflow-badge.size-xs {
+  width: 24px;
+  height: 24px;
+  font-size: var(--ui-font-size-2xs);
+}
+.overflow-badge.size-sm {
+  width: 32px;
+  height: 32px;
+  font-size: var(--ui-font-size-xs);
+}
+.overflow-badge.size-md {
+  width: 40px;
+  height: 40px;
+  font-size: var(--ui-font-size-sm);
+}
+.overflow-badge.size-lg {
+  width: 48px;
+  height: 48px;
+  font-size: var(--ui-font-size-sm);
+}
+.overflow-badge.size-xl {
+  width: 64px;
+  height: 64px;
+  font-size: var(--ui-font-size-md);
+}

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

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

package/src/lib/avatar/atl-avatar.js

@@ -22,10 +22,11 @@ export function AtlAvatar({ src = '', alt = '', name = '', size = 'md', shape =
         setImgError(false);
     }
     const classes = ['atl-avatar', `size-${size}`, `shape-${shape}`, className]
-        .filter(Boolean).join(' ');
+        .filter(Boolean)
+        .join(' ');
     const initials = name ? getInitials(name) : '';
     const ariaLabel = alt || name || 'Avatar';
-    return (_jsxs("div", { className: classes, "aria-label": ariaLabel, role: "img", ...rest, children: [src && !imgError ? (_jsx("img", { src: src, alt: alt || name, onError: () => setImgError(true) })) : initials ? (_jsx("span", { className: "initials", "aria-hidden": "true", children: initials })) : (_jsx(AtlIcon, { name: "person", size: "sm", className: "icon" })), status && _jsx("span", { className: `status-dot status-${status}`, "aria-hidden": "true" })] }));
+    return (_jsxs("div", { className: classes, "aria-label": ariaLabel, role: "img", ...rest, children: [src && !imgError ? (_jsx("img", { src: src, alt: alt || name, onError: () => setImgError(true) })) : initials ? (_jsx("span", { className: "initials", "aria-hidden": "true", children: initials })) : (_jsx(AtlIcon, { name: "person", size: "sm", className: "icon" })), status && (_jsx("span", { className: `status-dot status-${status}`, "aria-hidden": "true" }))] }));
 }
 /**
  * A container for grouping multiple avatars.
@@ -34,7 +35,9 @@ export function AtlAvatarGroup({ max = 5, size = 'md', children, className, ...r
     const childArray = Children.toArray(children);
     const visible = childArray.slice(0, max);
     const overflow = childArray.length - max;
-    const classes = ['atl-avatar-group', `size-${size}`, className].filter(Boolean).join(' ');
+    const classes = ['atl-avatar-group', `size-${size}`, className]
+        .filter(Boolean)
+        .join(' ');
     return (_jsxs("div", { className: classes, ...rest, children: [visible, overflow > 0 && (_jsxs("div", { className: `overflow-badge size-${size}`, "aria-label": `+${overflow} more`, children: ["+", overflow] }))] }));
 }
 //# sourceMappingURL=atl-avatar.js.map

package/src/lib/avatar/atl-avatar.js.map

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

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

@@ -41,25 +41,29 @@
 .atl-badge.variant-success {
   background-color: var(--ui-color-success-bg);
   color: var(--ui-color-success-text);
-  border: var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-success-text) 25%, transparent);
+  border: var(--ui-border-width) solid
+    color-mix(in srgb, var(--ui-color-success-text) 25%, transparent);
 }
 
 .atl-badge.variant-warning {
   background-color: var(--ui-color-warning-bg);
   color: var(--ui-color-warning-text);
-  border: var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-warning-text) 25%, transparent);
+  border: var(--ui-border-width) solid
+    color-mix(in srgb, var(--ui-color-warning-text) 25%, transparent);
 }
 
 .atl-badge.variant-danger {
   background-color: var(--ui-color-danger-bg);
   color: var(--ui-color-danger-text);
-  border: var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-danger-text) 25%, transparent);
+  border: var(--ui-border-width) solid
+    color-mix(in srgb, var(--ui-color-danger-text) 25%, transparent);
 }
 
 .atl-badge.variant-info {
   background-color: var(--ui-color-info-bg);
   color: var(--ui-color-info-text);
-  border: var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-info-text) 25%, transparent);
+  border: var(--ui-border-width) solid
+    color-mix(in srgb, var(--ui-color-info-text) 25%, transparent);
 }
 
 /* Semantic indicator glyph — non-color differentiation (WCAG 1.4.1). */

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

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

package/src/lib/badge/atl-badge.js

@@ -15,8 +15,9 @@ const VARIANT_ICON_NAMES = {
  */
 export function AtlBadge({ variant = 'default', size = 'md', children, className, ...rest }) {
     const classes = ['atl-badge', `variant-${variant}`, `size-${size}`, className]
-        .filter(Boolean).join(' ');
+        .filter(Boolean)
+        .join(' ');
     const iconName = VARIANT_ICON_NAMES[variant];
-    return (_jsxs("span", { className: classes, role: "status", ...rest, children: [iconName && _jsx(AtlIcon, { className: "variant-icon", name: iconName, size: "sm" }), children] }));
+    return (_jsxs("span", { className: classes, role: "status", ...rest, children: [iconName && (_jsx(AtlIcon, { className: "variant-icon", name: iconName, size: "sm" })), children] }));
 }
 //# sourceMappingURL=atl-badge.js.map

package/src/lib/badge/atl-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"atl-badge.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/badge/atl-badge.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;wBAEwB;AACxB,MAAM,kBAAkB,GAAkD;IACxE,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAyBF;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,WAAW,OAAO,EAAE,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC;SAC3E,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC7C,OAAO,CACL,gBAAM,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,aAC7C,QAAQ,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,GAAG,EAC1E,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { AtlBadgeSpec, AtlIconName } from '../spec';\nimport './atl-badge.css';\nimport { AtlIcon } from '../icon/atl-icon';\n\n/** Which AtlIcon each variant carries. Names, not glyphs: a glyph in a string map\n * was the fifth way this library drew an icon, and the one check:icon-duplication\n * missed (ADR-0050). */\nconst VARIANT_ICON_NAMES: Partial<Record<AtlBadgeVariant, AtlIconName>> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  danger: 'danger',\n};\n\n\ntype AtlBadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * Properties for the AtlBadge component.\n */\nexport interface AtlBadgeProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    AtlBadgeSpec {\n  /**\n   * The visual style variant of the badge.\n   */\n  variant?: AtlBadgeVariant;\n  /**\n   * The size of the badge.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * The content to be rendered inside the badge.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A badge component for displaying small amounts of information or status.\n */\nexport function AtlBadge({\n  variant = 'default',\n  size = 'md',\n  children,\n  className,\n  ...rest\n}: AtlBadgeProps) {\n  const classes = ['atl-badge', `variant-${variant}`, `size-${size}`, className]\n    .filter(Boolean).join(' ');\n  const iconName = VARIANT_ICON_NAMES[variant];\n  return (\n    <span className={classes} role=\"status\" {...rest}>\n      {iconName && <AtlIcon className=\"variant-icon\" name={iconName} size=\"sm\" />}\n      {children}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"atl-badge.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/badge/atl-badge.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;wBAEwB;AACxB,MAAM,kBAAkB,GAAkD;IACxE,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAuBF;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,WAAW,OAAO,EAAE,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC;SAC3E,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,MAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC7C,OAAO,CACL,gBAAM,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,aAC7C,QAAQ,IAAI,CACX,KAAC,OAAO,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,GAAG,CAC/D,EACA,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { AtlBadgeSpec, AtlIconName } from '../spec';\nimport './atl-badge.css';\nimport { AtlIcon } from '../icon/atl-icon';\n\n/** Which AtlIcon each variant carries. Names, not glyphs: a glyph in a string map\n * was the fifth way this library drew an icon, and the one check:icon-duplication\n * missed (ADR-0050). */\nconst VARIANT_ICON_NAMES: Partial<Record<AtlBadgeVariant, AtlIconName>> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  danger: 'danger',\n};\n\ntype AtlBadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * Properties for the AtlBadge component.\n */\nexport interface AtlBadgeProps\n  extends HTMLAttributes<HTMLSpanElement>, AtlBadgeSpec {\n  /**\n   * The visual style variant of the badge.\n   */\n  variant?: AtlBadgeVariant;\n  /**\n   * The size of the badge.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * The content to be rendered inside the badge.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A badge component for displaying small amounts of information or status.\n */\nexport function AtlBadge({\n  variant = 'default',\n  size = 'md',\n  children,\n  className,\n  ...rest\n}: AtlBadgeProps) {\n  const classes = ['atl-badge', `variant-${variant}`, `size-${size}`, className]\n    .filter(Boolean)\n    .join(' ');\n  const iconName = VARIANT_ICON_NAMES[variant];\n  return (\n    <span className={classes} role=\"status\" {...rest}>\n      {iconName && (\n        <AtlIcon className=\"variant-icon\" name={iconName} size=\"sm\" />\n      )}\n      {children}\n    </span>\n  );\n}\n"]}