@atelier-ui/react 0.1.11 → 0.2.0

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

@@ -1,4 +1,4 @@
-.llm-button {
+.atl-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -20,56 +20,56 @@
   user-select: none;
 }
 
-.llm-button:focus-visible {
+.atl-button:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
 }
 
 /* Variants — flat by default; subtle state shifts only */
-.llm-button.variant-primary {
+.atl-button.variant-primary {
   background-color: var(--ui-color-primary);
   color: var(--ui-color-text-on-primary);
   border-color: var(--ui-color-primary);
 }
 
-.llm-button.variant-primary:hover:not(.is-disabled) {
+.atl-button.variant-primary:hover:not(.is-disabled) {
   background-color: var(--ui-color-primary-hover);
   border-color: var(--ui-color-primary-hover);
 }
 
-.llm-button.variant-primary:active:not(.is-disabled) {
+.atl-button.variant-primary:active:not(.is-disabled) {
   background-color: var(--ui-color-primary-active);
   border-color: var(--ui-color-primary-active);
 }
 
-.llm-button.variant-secondary {
+.atl-button.variant-secondary {
   background-color: var(--ui-color-secondary);
   color: var(--ui-color-text-on-secondary);
   border-color: var(--ui-color-secondary);
 }
 
-.llm-button.variant-secondary:hover:not(.is-disabled) {
+.atl-button.variant-secondary:hover:not(.is-disabled) {
   background-color: var(--ui-color-secondary-hover);
   border-color: var(--ui-color-secondary-hover);
 }
 
-.llm-button.variant-secondary:active:not(.is-disabled) {
+.atl-button.variant-secondary:active:not(.is-disabled) {
   background-color: var(--ui-color-secondary-active);
   border-color: var(--ui-color-secondary-active);
 }
 
-.llm-button.variant-outline {
+.atl-button.variant-outline {
   background-color: var(--ui-color-surface-raised);
   color: var(--ui-color-primary);
   border-color: var(--ui-color-border-strong);
 }
 
-.llm-button.variant-outline:hover:not(.is-disabled) {
+.atl-button.variant-outline:hover:not(.is-disabled) {
   background-color: var(--ui-color-surface-sunken);
   border-color: var(--ui-color-primary);
 }
 
-.llm-button.variant-outline:active:not(.is-disabled) {
+.atl-button.variant-outline:active:not(.is-disabled) {
   background-color: var(--ui-color-surface-sunken);
   border-color: var(--ui-color-primary-active);
 }
@@ -77,46 +77,46 @@
 /* Non-color differentiation (WCAG 1.4.1): danger variant carries
  * a darker inset border so its silhouette is recognizable in greyscale
  * and color-blind simulations, not only by red fill. */
-.llm-button.variant-danger {
+.atl-button.variant-danger {
   background-color: var(--ui-color-danger);
   color: var(--ui-color-text-on-danger);
   border-color: var(--ui-color-danger);
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
 }
 
-.llm-button.variant-danger:hover:not(.is-disabled) {
+.atl-button.variant-danger:hover:not(.is-disabled) {
   background-color: var(--ui-color-danger-hover);
   border-color: var(--ui-color-danger-hover);
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
 }
 
-.llm-button.variant-danger:active:not(.is-disabled) {
+.atl-button.variant-danger:active:not(.is-disabled) {
   background-color: var(--ui-color-danger-active);
   border-color: var(--ui-color-danger-active);
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
 }
 
 /* Sizes — modern target heights (sm 32px / md 40px / lg 48px) */
-.llm-button.size-sm {
+.atl-button.size-sm {
   padding: 0.375rem 0.875rem;
   font-size: var(--ui-font-size-sm);
   min-height: 2rem;
 }
 
-.llm-button.size-md {
+.atl-button.size-md {
   padding: 0.5625rem 1.125rem;
   font-size: var(--ui-font-size-md);
   min-height: 2.5rem;
 }
 
-.llm-button.size-lg {
+.atl-button.size-lg {
   padding: 0.75rem 1.5rem;
   font-size: var(--ui-font-size-lg);
   min-height: 3rem;
 }
 
 /* Disabled */
-.llm-button.is-disabled {
+.atl-button.is-disabled {
   opacity: var(--ui-opacity-disabled);
   cursor: not-allowed;
   pointer-events: none;
@@ -130,10 +130,10 @@
   border: 1.5px solid currentColor;
   border-top-color: transparent;
   border-radius: var(--ui-radius-full);
-  animation: llm-spin 0.7s linear infinite;
+  animation: atl-spin 0.7s linear infinite;
   flex-shrink: 0;
 }
 
-@keyframes llm-spin {
+@keyframes atl-spin {
   to { transform: rotate(360deg); }
 }

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

@@ -1,12 +1,12 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-import type { LlmButtonSpec } from '../spec';
-import './llm-button.css';
+import type { AtlButtonSpec } from '../spec';
+import './atl-button.css';
 /**
  * Accessibility requirement: the button must carry an accessible name
  * either as visible children OR as an `aria-label`. TypeScript catches
  * the icon-only-without-aria-label mistake at consumer build time.
  */
-type LlmButtonAccessibleName = {
+type AtlButtonAccessibleName = {
     children: ReactNode;
     'aria-label'?: string;
 } | {
@@ -14,12 +14,12 @@ type LlmButtonAccessibleName = {
     'aria-label': string;
 };
 /**
- * Properties for the LlmButton component.
+ * Properties for the AtlButton component.
  */
-export type LlmButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label'> & LlmButtonSpec & LlmButtonAccessibleName;
+export type AtlButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label'> & AtlButtonSpec & AtlButtonAccessibleName;
 /**
  * A versatile button component that supports various styles, sizes, and states.
  */
-export declare const LlmButton: import("react").ForwardRefExoticComponent<LlmButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AtlButton: import("react").ForwardRefExoticComponent<AtlButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};
-//# sourceMappingURL=llm-button.d.ts.map
+//# sourceMappingURL=atl-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-button.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/button/llm-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAE1B;;;;GAIG;AACH,KAAK,uBAAuB,GACxB;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,cAAc,GACxB,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,GACtE,aAAa,GACb,uBAAuB,CAAC;AAE5B;;GAEG;AACH,eAAO,MAAM,SAAS,8GAoCpB,CAAC"}
+{"version":3,"file":"atl-button.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/button/atl-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAE1B;;;;GAIG;AACH,KAAK,uBAAuB,GACxB;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,cAAc,GACxB,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,GACtE,aAAa,GACb,uBAAuB,CAAC;AAE5B;;GAEG;AACH,eAAO,MAAM,SAAS,8GAoCpB,CAAC"}

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import './llm-button.css';
+import './atl-button.css';
 /**
  * A versatile button component that supports various styles, sizes, and states.
  */
-export const LlmButton = forwardRef(function LlmButton({ variant = 'primary', size = 'md', disabled = false, loading = false, children, className, ...rest }, ref) {
+export const AtlButton = forwardRef(function AtlButton({ variant = 'primary', size = 'md', disabled = false, loading = false, children, className, ...rest }, ref) {
     const isDisabled = disabled || loading;
     const classes = [
-        'llm-button',
+        'atl-button',
         `variant-${variant}`,
         `size-${size}`,
         isDisabled && 'is-disabled',
@@ -18,4 +18,4 @@ export const LlmButton = forwardRef(function LlmButton({ variant = 'primary', si
         .join(' ');
     return (_jsxs("button", { ref: ref, className: classes, disabled: isDisabled, "aria-disabled": isDisabled || undefined, ...rest, children: [loading && _jsx("span", { className: "spinner", "aria-hidden": "true" }), children] }));
 });
-//# sourceMappingURL=llm-button.js.map
+//# sourceMappingURL=atl-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-button.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/button/llm-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,kBAAkB,CAAC;AAmB1B;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAoC,SAAS,SAAS,CACvF,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAC;IACvC,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,WAAW,OAAO,EAAE;QACpB,QAAQ,IAAI,EAAE;QACd,UAAU,IAAI,aAAa;QAC3B,OAAO,IAAI,YAAY;QACvB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,UAAU,mBACL,UAAU,IAAI,SAAS,KAClC,IAAI,aAEP,OAAO,IAAI,eAAM,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EAC1D,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { ButtonHTMLAttributes, ReactNode, forwardRef } from 'react';\nimport type { LlmButtonSpec } from '../spec';\nimport './llm-button.css';\n\n/**\n * Accessibility requirement: the button must carry an accessible name\n * either as visible children OR as an `aria-label`. TypeScript catches\n * the icon-only-without-aria-label mistake at consumer build time.\n */\ntype LlmButtonAccessibleName =\n  | { children: ReactNode; 'aria-label'?: string }\n  | { children?: undefined; 'aria-label': string };\n\n/**\n * Properties for the LlmButton component.\n */\nexport type LlmButtonProps =\n  Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label'>\n  & LlmButtonSpec\n  & LlmButtonAccessibleName;\n\n/**\n * A versatile button component that supports various styles, sizes, and states.\n */\nexport const LlmButton = forwardRef<HTMLButtonElement, LlmButtonProps>(function LlmButton(\n  {\n    variant = 'primary',\n    size = 'md',\n    disabled = false,\n    loading = false,\n    children,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const isDisabled = disabled || loading;\n  const classes = [\n    'llm-button',\n    `variant-${variant}`,\n    `size-${size}`,\n    isDisabled && 'is-disabled',\n    loading && 'is-loading',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      ref={ref}\n      className={classes}\n      disabled={isDisabled}\n      aria-disabled={isDisabled || undefined}\n      {...rest}\n    >\n      {loading && <span className=\"spinner\" aria-hidden=\"true\" />}\n      {children}\n    </button>\n  );\n});\n"]}
+{"version":3,"file":"atl-button.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/button/atl-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,kBAAkB,CAAC;AAmB1B;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAoC,SAAS,SAAS,CACvF,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAC;IACvC,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,WAAW,OAAO,EAAE;QACpB,QAAQ,IAAI,EAAE;QACd,UAAU,IAAI,aAAa;QAC3B,OAAO,IAAI,YAAY;QACvB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,UAAU,mBACL,UAAU,IAAI,SAAS,KAClC,IAAI,aAEP,OAAO,IAAI,eAAM,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EAC1D,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { ButtonHTMLAttributes, ReactNode, forwardRef } from 'react';\nimport type { AtlButtonSpec } from '../spec';\nimport './atl-button.css';\n\n/**\n * Accessibility requirement: the button must carry an accessible name\n * either as visible children OR as an `aria-label`. TypeScript catches\n * the icon-only-without-aria-label mistake at consumer build time.\n */\ntype AtlButtonAccessibleName =\n  | { children: ReactNode; 'aria-label'?: string }\n  | { children?: undefined; 'aria-label': string };\n\n/**\n * Properties for the AtlButton component.\n */\nexport type AtlButtonProps =\n  Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label'>\n  & AtlButtonSpec\n  & AtlButtonAccessibleName;\n\n/**\n * A versatile button component that supports various styles, sizes, and states.\n */\nexport const AtlButton = forwardRef<HTMLButtonElement, AtlButtonProps>(function AtlButton(\n  {\n    variant = 'primary',\n    size = 'md',\n    disabled = false,\n    loading = false,\n    children,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const isDisabled = disabled || loading;\n  const classes = [\n    'atl-button',\n    `variant-${variant}`,\n    `size-${size}`,\n    isDisabled && 'is-disabled',\n    loading && 'is-loading',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      ref={ref}\n      className={classes}\n      disabled={isDisabled}\n      aria-disabled={isDisabled || undefined}\n      {...rest}\n    >\n      {loading && <span className=\"spinner\" aria-hidden=\"true\" />}\n      {children}\n    </button>\n  );\n});\n"]}

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

@@ -1,4 +1,4 @@
-.llm-card {
+.atl-card {
   display: block;
   border-radius: var(--ui-radius-xl);
   background-color: var(--ui-color-surface-raised);
@@ -7,47 +7,47 @@
 
 /* Modernised variants — single soft shadow on elevated, no shadow on
  * outlined or flat. Cards rest on the page; they don't float off it. */
-.llm-card.variant-elevated {
+.atl-card.variant-elevated {
   box-shadow: var(--ui-shadow-sm);
   border: 1px solid var(--ui-color-border);
 }
 
-.llm-card.variant-outlined {
+.atl-card.variant-outlined {
   border: 1px solid var(--ui-color-border);
   background-color: var(--ui-color-surface-raised);
 }
 
-.llm-card.variant-flat {
+.atl-card.variant-flat {
   background-color: var(--ui-color-surface-sunken);
 }
 
-/* Padding on .llm-card directly affects all slots */
-.llm-card.padding-none .llm-card-header,
-.llm-card.padding-none .llm-card-content,
-.llm-card.padding-none .llm-card-footer {
+/* Padding on .atl-card directly affects all slots */
+.atl-card.padding-none .atl-card-header,
+.atl-card.padding-none .atl-card-content,
+.atl-card.padding-none .atl-card-footer {
   padding: 0;
 }
 
-.llm-card.padding-sm .llm-card-header,
-.llm-card.padding-sm .llm-card-content,
-.llm-card.padding-sm .llm-card-footer {
+.atl-card.padding-sm .atl-card-header,
+.atl-card.padding-sm .atl-card-content,
+.atl-card.padding-sm .atl-card-footer {
   padding: var(--ui-spacing-4);
 }
 
-.llm-card.padding-md .llm-card-header,
-.llm-card.padding-md .llm-card-content,
-.llm-card.padding-md .llm-card-footer {
+.atl-card.padding-md .atl-card-header,
+.atl-card.padding-md .atl-card-content,
+.atl-card.padding-md .atl-card-footer {
   padding: var(--ui-spacing-6);
 }
 
-.llm-card.padding-lg .llm-card-header,
-.llm-card.padding-lg .llm-card-content,
-.llm-card.padding-lg .llm-card-footer {
+.atl-card.padding-lg .atl-card-header,
+.atl-card.padding-lg .atl-card-content,
+.atl-card.padding-lg .atl-card-footer {
   padding: var(--ui-spacing-8);
 }
 
 /* Sub-component layouts */
-.llm-card-header {
+.atl-card-header {
   display: block;
   font-size: var(--ui-font-size-lg);
   font-weight: var(--ui-font-weight-semibold);
@@ -56,13 +56,13 @@
   letter-spacing: var(--ui-letter-spacing-tight);
 }
 
-.llm-card-content {
+.atl-card-content {
   display: block;
   color: var(--ui-color-text);
   line-height: var(--ui-line-height-normal);
 }
 
-.llm-card-footer {
+.atl-card-footer {
   display: flex;
   align-items: center;
   gap: var(--ui-spacing-3);

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

@@ -1,10 +1,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import type { LlmCardSpec, LlmCardRole } from '../spec';
-import './llm-card.css';
+import type { AtlCardSpec, AtlCardRole } from '../spec';
+import './atl-card.css';
 /**
- * Properties for the LlmCard component.
+ * Properties for the AtlCard component.
  */
-export interface LlmCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>, LlmCardSpec {
+export interface AtlCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>, AtlCardSpec {
     /**
      * The visual style variant of the card.
      */
@@ -19,7 +19,7 @@ export interface LlmCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role
      * perceivable area that needs a screen-reader stop (pair with
      * aria-label), or `'section'` to mirror an HTML `<section>`.
      */
-    role?: LlmCardRole;
+    role?: AtlCardRole;
     /**
      * The content to be rendered inside the card.
      */
@@ -28,32 +28,32 @@ export interface LlmCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role
 /**
  * A card component for grouping related content.
  */
-export declare function LlmCard({ variant, padding, children, className, ...rest }: LlmCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function AtlCard({ variant, padding, children, className, ...rest }: AtlCardProps): import("react").JSX.Element;
 /**
- * The header component for an LlmCard.
+ * The header component for an AtlCard.
  */
-export declare function LlmCardHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
+export declare function AtlCardHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
     /**
      * The content of the card header.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
- * The main content component for an LlmCard.
+ * The main content component for an AtlCard.
  */
-export declare function LlmCardContent({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
+export declare function AtlCardContent({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
     /**
      * The main content of the card.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
- * The footer component for an LlmCard.
+ * The footer component for an AtlCard.
  */
-export declare function LlmCardFooter({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
+export declare function AtlCardFooter({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
     /**
      * The content of the card footer.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=llm-card.d.ts.map
+}): import("react").JSX.Element;
+//# sourceMappingURL=atl-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-card.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/card/llm-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,EAClD,WAAW;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAoB,EACpB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,2CASd;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAMA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAMA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAMA"}
+{"version":3,"file":"atl-card.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/card/atl-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,EAClD,WAAW;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAoB,EACpB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BASd;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAMA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAMA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAMA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"llm-card.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/card/llm-card.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,CAAC;AA6BxB;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,WAAW,OAAO,EAAE,EAAE,WAAW,OAAO,EAAE,EAAE,SAAS,CAAC;SAChF,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,KAAM,IAAI,YAC9B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAMR;IACC,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAI,YAC/E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAMR;IACC,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAI,YAChF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAMR;IACC,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAI,YAC/E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { LlmCardSpec, LlmCardRole } from '../spec';\nimport './llm-card.css';\n\n/**\n * Properties for the LlmCard component.\n */\nexport interface LlmCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    LlmCardSpec {\n  /**\n   * The visual style variant of the card.\n   */\n  variant?: 'elevated' | 'outlined' | 'flat';\n  /**\n   * The padding size within the card.\n   */\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  /**\n   * Opt-in landmark role. Default is no role (plain `<div>`).\n   * Pick `'article'` for self-contained content, `'region'` for a\n   * perceivable area that needs a screen-reader stop (pair with\n   * aria-label), or `'section'` to mirror an HTML `<section>`.\n   */\n  role?: LlmCardRole;\n  /**\n   * The content to be rendered inside the card.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A card component for grouping related content.\n */\nexport function LlmCard({\n  variant = 'elevated',\n  padding = 'md',\n  children,\n  className,\n  ...rest\n}: LlmCardProps) {\n  const classes = ['llm-card', `variant-${variant}`, `padding-${padding}`, className]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * The header component for an LlmCard.\n */\nexport function LlmCardHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the card header.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div className={['llm-card-header', className].filter(Boolean).join(' ')} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * The main content component for an LlmCard.\n */\nexport function LlmCardContent({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The main content of the card.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div className={['llm-card-content', className].filter(Boolean).join(' ')} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * The footer component for an LlmCard.\n */\nexport function LlmCardFooter({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the card footer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div className={['llm-card-footer', className].filter(Boolean).join(' ')} {...rest}>\n      {children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"atl-card.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/card/atl-card.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,CAAC;AA6BxB;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,WAAW,OAAO,EAAE,EAAE,WAAW,OAAO,EAAE,EAAE,SAAS,CAAC;SAChF,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,KAAM,IAAI,YAC9B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAMR;IACC,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAI,YAC/E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAMR;IACC,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAI,YAChF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAMR;IACC,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAI,YAC/E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\nimport type { AtlCardSpec, AtlCardRole } from '../spec';\nimport './atl-card.css';\n\n/**\n * Properties for the AtlCard component.\n */\nexport interface AtlCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    AtlCardSpec {\n  /**\n   * The visual style variant of the card.\n   */\n  variant?: 'elevated' | 'outlined' | 'flat';\n  /**\n   * The padding size within the card.\n   */\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  /**\n   * Opt-in landmark role. Default is no role (plain `<div>`).\n   * Pick `'article'` for self-contained content, `'region'` for a\n   * perceivable area that needs a screen-reader stop (pair with\n   * aria-label), or `'section'` to mirror an HTML `<section>`.\n   */\n  role?: AtlCardRole;\n  /**\n   * The content to be rendered inside the card.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A card component for grouping related content.\n */\nexport function AtlCard({\n  variant = 'elevated',\n  padding = 'md',\n  children,\n  className,\n  ...rest\n}: AtlCardProps) {\n  const classes = ['atl-card', `variant-${variant}`, `padding-${padding}`, className]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * The header component for an AtlCard.\n */\nexport function AtlCardHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the card header.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div className={['atl-card-header', className].filter(Boolean).join(' ')} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * The main content component for an AtlCard.\n */\nexport function AtlCardContent({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The main content of the card.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div className={['atl-card-content', className].filter(Boolean).join(' ')} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * The footer component for an AtlCard.\n */\nexport function AtlCardFooter({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the card footer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div className={['atl-card-footer', className].filter(Boolean).join(' ')} {...rest}>\n      {children}\n    </div>\n  );\n}\n"]}