@kismet-ux/constellation 1.0.0

package/dist/typography/Typography/typography-variants.js

@@ -0,0 +1,75 @@
+import { cva } from 'class-variance-authority';
+import s from './typography.module.scss.js';
+
+const typographyVariants = cva(s.typography, {
+    variants: {
+        variant: {
+            h1: s['h1'],
+            h2: s['h2'],
+            h3: s['h3'],
+            h4: s['h4'],
+            h5: s['h5'],
+            h6: s['h6'],
+            subtitle1: s['subtitle1'],
+            subtitle2: s['subtitle2'],
+            body1: s['body1'],
+            body2: s['body2'],
+            overline: s['overline'],
+            caption: s['caption'],
+            code: s['code'],
+            codeBlock: s['code-block'],
+            tooltip: s['tooltip'],
+            menuPrimary: s['menu-primary'],
+            menuPrimaryDense: s['menu-primary-dense'],
+            logo: s['logo'],
+            tableHeader: s['table-header'],
+            tableCell: s['table-cell'],
+            tableCellSmall: s['table-cell-small'],
+        },
+        theme: {
+            inherit: undefined,
+            muted: s['muted'],
+            primary: s['primary'],
+            secondary: s['secondary'],
+            info: s['info'],
+            success: s['success'],
+            warning: s['warning'],
+            destructive: s['destructive'],
+            slate: s['slate'],
+        },
+        align: {
+            inherit: undefined,
+            left: s['left'],
+            right: s['right'],
+            center: s['center'],
+            justify: s['justify'],
+        },
+        transform: {
+            none: undefined,
+            lowercase: s['lowercase'],
+            uppercase: s['uppercase'],
+            capitalize: s['capitalize'],
+        },
+        weight: {
+            thin: s['weight-thin'],
+            light: s['weight-light'],
+            regular: s['weight-regular'],
+            medium: s['weight-medium'],
+            semibold: s['weight-semibold'],
+            bold: s['weight-bold'],
+        },
+        gutter: {
+            true: s['gutter'],
+        },
+    },
+    defaultVariants: {
+        variant: 'body1',
+        theme: 'inherit',
+        align: 'inherit',
+        transform: 'none',
+        gutter: false,
+    },
+});
+
+export { typographyVariants };
+//# sourceMappingURL=typography-variants.js.map

package/dist/typography/Typography/typography-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-variants.js","sources":["../../../src/typography/Typography/typography-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './typography.module.scss';\n\nexport const typographyVariants = cva(s.typography, {\n  variants: {\n    variant: {\n      h1: s['h1'],\n      h2: s['h2'],\n      h3: s['h3'],\n      h4: s['h4'],\n      h5: s['h5'],\n      h6: s['h6'],\n      subtitle1: s['subtitle1'],\n      subtitle2: s['subtitle2'],\n      body1: s['body1'],\n      body2: s['body2'],\n      overline: s['overline'],\n      caption: s['caption'],\n      code: s['code'],\n      codeBlock: s['code-block'],\n      tooltip: s['tooltip'],\n      menuPrimary: s['menu-primary'],\n      menuPrimaryDense: s['menu-primary-dense'],\n      logo: s['logo'],\n      tableHeader: s['table-header'],\n      tableCell: s['table-cell'],\n      tableCellSmall: s['table-cell-small'],\n    },\n    theme: {\n      inherit: undefined,\n      muted: s['muted'],\n      primary: s['primary'],\n      secondary: s['secondary'],\n      info: s['info'],\n      success: s['success'],\n      warning: s['warning'],\n      destructive: s['destructive'],\n      slate: s['slate'],\n    },\n    align: {\n      inherit: undefined,\n      left: s['left'],\n      right: s['right'],\n      center: s['center'],\n      justify: s['justify'],\n    },\n    transform: {\n      none: undefined,\n      lowercase: s['lowercase'],\n      uppercase: s['uppercase'],\n      capitalize: s['capitalize'],\n    },\n    weight: {\n      thin: s['weight-thin'],\n      light: s['weight-light'],\n      regular: s['weight-regular'],\n      medium: s['weight-medium'],\n      semibold: s['weight-semibold'],\n      bold: s['weight-bold'],\n    },\n    gutter: {\n      true: s['gutter'],\n    },\n  },\n  defaultVariants: {\n    variant: 'body1',\n    theme: 'inherit',\n    align: 'inherit',\n    transform: 'none',\n    gutter: false,\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/typography/Typography/typography.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'overline' | 'caption' | 'code' | 'codeBlock' | 'tooltip' | 'menuPrimary' | 'menuPrimaryDense' | 'logo' | 'tableHeader' | 'tableCell' | 'tableCellSmall';
+export type TypographyTheme = 'inherit' | 'muted' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive' | 'slate';
+export type TypographyAlign = 'inherit' | 'left' | 'right' | 'center' | 'justify';
+export type TypographyTransform = 'none' | 'lowercase' | 'uppercase' | 'capitalize';
+export type TypographyWeight = 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
+type TypographyElement = keyof HTMLElementTagNameMap;
+export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    theme?: TypographyTheme;
+    align?: TypographyAlign;
+    transform?: TypographyTransform;
+    weight?: TypographyWeight;
+    gutter?: boolean;
+    el?: TypographyElement;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+export { Typography };
+//# sourceMappingURL=typography.d.ts.map

package/dist/typography/Typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography/typography.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,WAAW,GACX,OAAO,GACP,OAAO,GACP,UAAU,GACV,SAAS,GACT,MAAM,GACN,WAAW,GACX,SAAS,GACT,aAAa,GACb,kBAAkB,GAClB,MAAM,GACN,aAAa,GACb,WAAW,GACX,gBAAgB,CAAC;AAErB,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,OAAO,CAAC;AAEZ,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AACpF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC7F,KAAK,iBAAiB,GAAG,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,iBAAiB,CAAC;CACxB;AA0BD,QAAA,MAAM,UAAU,qFAuCf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/typography/Typography/typography.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { typographyVariants } from './typography-variants.js';
+
+const variantsMapping = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    subtitle1: 'h6',
+    subtitle2: 'h6',
+    body1: 'p',
+    body2: 'p',
+    overline: 'p',
+    caption: 'p',
+    code: 'code',
+    codeBlock: 'pre',
+    tooltip: 'p',
+    menuPrimary: 'p',
+    menuPrimaryDense: 'p',
+    logo: 'p',
+    tableHeader: 'p',
+    tableCell: 'p',
+    tableCellSmall: 'p',
+};
+const Typography = React.forwardRef(({ variant = 'body1', theme = 'inherit', align = 'inherit', transform = 'none', weight, gutter = false, el, className, children, ...props }, ref) => {
+    const Component = (el ?? (variant ? variantsMapping[variant] : 'p'));
+    return (jsx(Component, { "data-slot": 'typography', ref: ref, className: cn(typographyVariants({
+            variant,
+            theme,
+            align,
+            transform,
+            weight,
+            gutter,
+        }), className), ...props, children: children }));
+});
+Typography.displayName = 'Typography';
+
+export { Typography };
+//# sourceMappingURL=typography.js.map

package/dist/typography/Typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../src/typography/Typography/typography.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport { typographyVariants } from './typography-variants';\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'body1'\n  | 'body2'\n  | 'overline'\n  | 'caption'\n  | 'code'\n  | 'codeBlock'\n  | 'tooltip'\n  | 'menuPrimary'\n  | 'menuPrimaryDense'\n  | 'logo'\n  | 'tableHeader'\n  | 'tableCell'\n  | 'tableCellSmall';\n\nexport type TypographyTheme =\n  | 'inherit'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'destructive'\n  | 'slate';\n\nexport type TypographyAlign = 'inherit' | 'left' | 'right' | 'center' | 'justify';\nexport type TypographyTransform = 'none' | 'lowercase' | 'uppercase' | 'capitalize';\nexport type TypographyWeight = 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';\ntype TypographyElement = keyof HTMLElementTagNameMap;\n\nexport interface TypographyProps extends React.HTMLAttributes<HTMLElement> {\n  variant?: TypographyVariant;\n  theme?: TypographyTheme;\n  align?: TypographyAlign;\n  transform?: TypographyTransform;\n  weight?: TypographyWeight;\n  gutter?: boolean;\n  el?: TypographyElement;\n}\n\nconst variantsMapping: Record<TypographyVariant, TypographyElement> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n  overline: 'p',\n  caption: 'p',\n  code: 'code',\n  codeBlock: 'pre',\n  tooltip: 'p',\n  menuPrimary: 'p',\n  menuPrimaryDense: 'p',\n  logo: 'p',\n  tableHeader: 'p',\n  tableCell: 'p',\n  tableCellSmall: 'p',\n};\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  (\n    {\n      variant = 'body1',\n      theme = 'inherit',\n      align = 'inherit',\n      transform = 'none',\n      weight,\n      gutter = false,\n      el,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? (variant ? variantsMapping[variant] : 'p')) as 'p';\n\n    return (\n      <Component\n        data-slot={'typography'}\n        ref={ref as React.Ref<HTMLParagraphElement>}\n        className={cn(\n          typographyVariants({\n            variant,\n            theme,\n            align,\n            transform,\n            weight,\n            gutter,\n          }),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography };\n"],"names":["_jsx"],"mappings":";;;;;AAqDA,MAAM,eAAe,GAAiD;AACpE,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,gBAAgB,EAAE,GAAG;AACrB,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,cAAc,EAAE,GAAG;CACpB;AAED,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,MAAM,EAClB,MAAM,EACN,MAAM,GAAG,KAAK,EACd,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,SAAS,IAAI,EAAE,KAAK,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAQ;AAE3E,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,WAAA,EACG,YAAY,EACvB,GAAG,EAAE,GAAsC,EAC3C,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC;YACjB,OAAO;YACP,KAAK;YACL,KAAK;YACL,SAAS;YACT,MAAM;YACN,MAAM;SACP,CAAC,EACF,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACC;AAEhB,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;;"}

package/dist/typography/Typography/typography.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"typography":"typography-module_typography__-RQVY","h1":"typography-module_h1__pyklo","h2":"typography-module_h2__w2uk5","h3":"typography-module_h3__BZ2yM","h4":"typography-module_h4__mA--T","h5":"typography-module_h5__CYmIO","h6":"typography-module_h6__3-9SF","subtitle1":"typography-module_subtitle1__X3oMN","subtitle2":"typography-module_subtitle2__T7pk2","body1":"typography-module_body1__78K5Z","body2":"typography-module_body2__RQZNV","overline":"typography-module_overline__HYZqP","caption":"typography-module_caption__5-bH3","code":"typography-module_code__44BNO","code-block":"typography-module_code-block__W-K1K","tooltip":"typography-module_tooltip__Scbju","menu-primary":"typography-module_menu-primary__rZj8q","menu-primary-dense":"typography-module_menu-primary-dense__SY7G6","table-header":"typography-module_table-header__uAztg","table-cell":"typography-module_table-cell__GxH9p","table-cell-small":"typography-module_table-cell-small__771pj","logo":"typography-module_logo__WZe8l","muted":"typography-module_muted__rZ7-a","primary":"typography-module_primary__cen7J","secondary":"typography-module_secondary__j4D48","info":"typography-module_info__ETqk-","success":"typography-module_success__hydWV","warning":"typography-module_warning__IbzW0","destructive":"typography-module_destructive__-Xstz","slate":"typography-module_slate__1e-Md","left":"typography-module_left__-EMzZ","right":"typography-module_right__KbQBF","center":"typography-module_center__JBST2","justify":"typography-module_justify__vGXAh","lowercase":"typography-module_lowercase__QIzfB","uppercase":"typography-module_uppercase__KhpbA","capitalize":"typography-module_capitalize__7MjMN","weight-thin":"typography-module_weight-thin__xm6t1","weight-light":"typography-module_weight-light__sE9u3","weight-regular":"typography-module_weight-regular__A3ZX-","weight-medium":"typography-module_weight-medium__6GWW3","weight-semibold":"typography-module_weight-semibold__Tv9HH","weight-bold":"typography-module_weight-bold__5JzPm","gutter":"typography-module_gutter__XuoC3"};
+
+export { s as default };
+//# sourceMappingURL=typography.module.scss.js.map

package/dist/typography/Typography/typography.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/typography/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Heading';
+export * from './TruncatedText';
+export * from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dist/typography-DOZHFR5A.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'overline' | 'caption' | 'code' | 'codeBlock' | 'tooltip' | 'menuPrimary' | 'menuPrimaryDense' | 'logo' | 'tableHeader' | 'tableCell' | 'tableCellSmall';
+type TypographyTheme = 'inherit' | 'muted' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive' | 'slate';
+type TypographyAlign = 'inherit' | 'left' | 'right' | 'center' | 'justify';
+type TypographyTransform = 'none' | 'lowercase' | 'uppercase' | 'capitalize';
+type TypographyWeight = 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
+type TypographyElement = keyof HTMLElementTagNameMap;
+interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    theme?: TypographyTheme;
+    align?: TypographyAlign;
+    transform?: TypographyTransform;
+    weight?: TypographyWeight;
+    gutter?: boolean;
+    el?: TypographyElement;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+
+export { Typography as T };
+export type { TypographyAlign as a, TypographyProps as b, TypographyTheme as c, TypographyTransform as d, TypographyVariant as e, TypographyWeight as f };

package/dist/typography.d.ts

@@ -0,0 +1,37 @@
+import { RowProps } from './index.js';
+import * as React from 'react';
+import { b as TypographyProps } from './typography-DOZHFR5A.js';
+export { T as Typography, a as TypographyAlign, c as TypographyTheme, d as TypographyTransform, e as TypographyVariant, f as TypographyWeight } from './typography-DOZHFR5A.js';
+
+type HeadingVariant = 'default' | 'secondary' | 'eyebrow';
+declare function Heading({ title, description, action, align, icon, className, variant, truncate, }: {
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+    align?: RowProps['align'];
+    /** Optional icon rendered before the title. Pass a pre-rendered `<Icon>` or Lucide element. */
+    icon?: React.ReactNode;
+    className?: string;
+    variant?: HeadingVariant;
+    /**
+     * Clamp title to one line and description to two lines, revealing the full text
+     * in a tooltip when the content actually overflows. Useful for dynamic titles
+     * (report names, record names) that could otherwise blow out the header width.
+     */
+    truncate?: boolean;
+}): React.JSX.Element;
+
+interface TruncatedTextProps extends TypographyProps {
+    /** Number of visible lines before truncating (default 1 = single-line ellipsis) */
+    lines?: number;
+    /** Max width constraint — triggers truncation in flexible containers like table cells */
+    maxWidth?: string | number;
+    /** Tooltip placement (default 'bottom') */
+    tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
+    /** Custom tooltip content — defaults to children */
+    tooltip?: React.ReactNode;
+}
+declare const TruncatedText: React.ForwardRefExoticComponent<TruncatedTextProps & React.RefAttributes<HTMLElement>>;
+
+export { Heading, TruncatedText, TypographyProps };
+export type { TruncatedTextProps };

package/dist/typography.js

@@ -0,0 +1,4 @@
+export { Heading } from './typography/Heading/heading.js';
+export { TruncatedText } from './typography/TruncatedText/truncated-text.js';
+export { Typography } from './typography/Typography/typography.js';
+//# sourceMappingURL=typography.js.map

package/dist/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/ui/Alert/alert-context.d.ts

@@ -0,0 +1,3 @@
+import { type AlertContextValue } from '@constellation/types';
+export declare const AlertContext: import("react").Context<AlertContextValue | null>;
+//# sourceMappingURL=alert-context.d.ts.map

package/dist/ui/Alert/alert-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-context.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,eAAO,MAAM,YAAY,mDAAgD,CAAC"}

package/dist/ui/Alert/alert-context.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+const AlertContext = createContext(null);
+
+export { AlertContext };
+//# sourceMappingURL=alert-context.js.map

package/dist/ui/Alert/alert-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-context.js","sources":["../../../src/ui/Alert/alert-context.ts"],"sourcesContent":["import { type AlertContextValue } from '@constellation/types';\nimport { createContext } from 'react';\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n"],"names":[],"mappings":";;MAGa,YAAY,GAAG,aAAa,CAA2B,IAAI;;"}

package/dist/ui/Alert/alert-persist.d.ts

@@ -0,0 +1,4 @@
+import { type AlertMessage } from '@constellation/types';
+export declare const persistAlert: (alert: Omit<AlertMessage, "id">) => void;
+export declare const consumePersistedAlert: () => Omit<AlertMessage, "id"> | null;
+//# sourceMappingURL=alert-persist.d.ts.map

package/dist/ui/Alert/alert-persist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-persist.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert-persist.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,eAAO,MAAM,YAAY,GAAI,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,SAG3D,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,IAgBnE,CAAC"}

package/dist/ui/Alert/alert-persist.js

@@ -0,0 +1,27 @@
+const PERSISTED_ALERT_KEY = 'hrlportal/persisted-alert';
+const persistAlert = (alert) => {
+    if (typeof window === 'undefined')
+        return;
+    sessionStorage.setItem(PERSISTED_ALERT_KEY, JSON.stringify(alert));
+};
+const consumePersistedAlert = () => {
+    if (typeof window === 'undefined')
+        return null;
+    const raw = sessionStorage.getItem(PERSISTED_ALERT_KEY);
+    if (!raw)
+        return null;
+    sessionStorage.removeItem(PERSISTED_ALERT_KEY);
+    try {
+        const parsed = JSON.parse(raw);
+        if (parsed?.title && parsed?.theme) {
+            return parsed;
+        }
+    }
+    catch (error) {
+        console.warn('Failed to restore persisted alert', error);
+    }
+    return null;
+};
+
+export { consumePersistedAlert, persistAlert };
+//# sourceMappingURL=alert-persist.js.map

package/dist/ui/Alert/alert-persist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-persist.js","sources":["../../../src/ui/Alert/alert-persist.ts"],"sourcesContent":["import { type AlertMessage } from '@constellation/types';\n\nconst PERSISTED_ALERT_KEY = 'hrlportal/persisted-alert';\n\nexport const persistAlert = (alert: Omit<AlertMessage, 'id'>) => {\n  if (typeof window === 'undefined') return;\n  sessionStorage.setItem(PERSISTED_ALERT_KEY, JSON.stringify(alert));\n};\n\nexport const consumePersistedAlert = (): Omit<AlertMessage, 'id'> | null => {\n  if (typeof window === 'undefined') return null;\n\n  const raw = sessionStorage.getItem(PERSISTED_ALERT_KEY);\n  if (!raw) return null;\n\n  sessionStorage.removeItem(PERSISTED_ALERT_KEY);\n  try {\n    const parsed = JSON.parse(raw) as Omit<AlertMessage, 'id'>;\n    if (parsed?.title && parsed?.theme) {\n      return parsed;\n    }\n  } catch (error) {\n    console.warn('Failed to restore persisted alert', error);\n  }\n  return null;\n};\n"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAAG,2BAA2B;AAEhD,MAAM,YAAY,GAAG,CAAC,KAA+B,KAAI;IAC9D,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE;AACnC,IAAA,cAAc,CAAC,OAAO,CAAC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AACpE;AAEO,MAAM,qBAAqB,GAAG,MAAsC;IACzE,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;IAE9C,MAAM,GAAG,GAAG,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC;AACvD,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,IAAI;AAErB,IAAA,cAAc,CAAC,UAAU,CAAC,mBAAmB,CAAC;AAC9C,IAAA,IAAI;QACF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAA6B;QAC1D,IAAI,MAAM,EAAE,KAAK,IAAI,MAAM,EAAE,KAAK,EAAE;AAClC,YAAA,OAAO,MAAM;QACf;IACF;IAAE,OAAO,KAAK,EAAE;AACd,QAAA,OAAO,CAAC,IAAI,CAAC,mCAAmC,EAAE,KAAK,CAAC;IAC1D;AACA,IAAA,OAAO,IAAI;AACb;;"}

package/dist/ui/Alert/alert-provider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare function AlertProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export { AlertProvider };
+//# sourceMappingURL=alert-provider.d.ts.map

package/dist/ui/Alert/alert-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-provider.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwD/B,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA6CjE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/ui/Alert/alert-provider.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { Alert, AlertTitle, AlertDescription } from './alert.js';
+import { AlertContext } from './alert-context.js';
+import { consumePersistedAlert } from './alert-persist.js';
+import s from './alert.module.scss.js';
+
+const getId = () => {
+    if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {
+        return crypto.randomUUID();
+    }
+    return Math.random().toString(36).slice(2);
+};
+function AlertViewport({ alerts, onRemove, }) {
+    if (typeof document === 'undefined')
+        return null;
+    return createPortal(jsx("div", { className: s['alert-stack'], role: 'log', "aria-live": 'polite', children: alerts.map(alert => (jsx("div", { className: s['alert-toast'], "data-visible": 'true', "data-alert-id": alert.id, children: jsxs(Alert, { theme: alert.theme, icon: alert.icon, action: alert.action, onClose: alert.persistent || alert.closable || alert.action
+                    ? () => onRemove(alert.id)
+                    : undefined, children: [jsx(AlertTitle, { children: alert.title }), alert.description ? jsx(AlertDescription, { children: alert.description }) : null] }) }, alert.id))) }), document.body);
+}
+function AlertProvider({ children }) {
+    const [alerts, setAlerts] = React.useState([]);
+    const removeAlert = React.useCallback((id) => {
+        const toastEl = document.querySelector(`[data-alert-id="${id}"]`);
+        if (toastEl) {
+            toastEl.dataset.visible = 'false';
+            window.setTimeout(() => {
+                setAlerts(current => current.filter(alert => alert.id !== id));
+            }, 300);
+            return;
+        }
+        setAlerts(current => current.filter(alert => alert.id !== id));
+    }, []);
+    const pushAlert = React.useCallback((input) => {
+        const id = getId();
+        const timeout = input.timeout ?? 5000;
+        const { icon, action, ...message } = input;
+        const entry = { id, ...message, icon, action };
+        setAlerts(current => [...current, entry]);
+        if (!input.persistent && !input.action && timeout > 0) {
+            window.setTimeout(() => removeAlert(id), timeout);
+        }
+    }, [removeAlert]);
+    const value = React.useMemo(() => ({ pushAlert, removeAlert }), [pushAlert, removeAlert]);
+    // Pick up any alert that was persisted before a hard reload (e.g. after impersonation).
+    React.useEffect(() => {
+        const persisted = consumePersistedAlert();
+        if (persisted) {
+            pushAlert(persisted);
+        }
+    }, [pushAlert]);
+    return (jsxs(AlertContext.Provider, { value: value, children: [children, jsx(AlertViewport, { alerts: alerts, onRemove: removeAlert })] }));
+}
+
+export { AlertProvider };
+//# sourceMappingURL=alert-provider.js.map

package/dist/ui/Alert/alert-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-provider.js","sources":["../../../src/ui/Alert/alert-provider.tsx"],"sourcesContent":["import { type AlertMessage, type PushAlertInput } from '@constellation/types';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Alert, AlertDescription, AlertTitle } from './alert';\nimport { AlertContext } from './alert-context';\nimport { consumePersistedAlert } from './alert-persist';\nimport s from './alert.module.scss';\n\nconst getId = () => {\n  if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {\n    return crypto.randomUUID();\n  }\n  return Math.random().toString(36).slice(2);\n};\n\ntype InternalAlert = AlertMessage & {\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n};\n\nfunction AlertViewport({\n  alerts,\n  onRemove,\n}: {\n  alerts: InternalAlert[];\n  onRemove: (id: string) => void;\n}) {\n  if (typeof document === 'undefined') return null;\n  return createPortal(\n    <div className={s['alert-stack']} role={'log'} aria-live={'polite'}>\n      {alerts.map(alert => (\n        <div\n          key={alert.id}\n          className={s['alert-toast']}\n          data-visible={'true'}\n          data-alert-id={alert.id}\n        >\n          <Alert\n            theme={alert.theme}\n            icon={alert.icon}\n            action={alert.action}\n            onClose={\n              alert.persistent || alert.closable || alert.action\n                ? () => onRemove(alert.id)\n                : undefined\n            }\n          >\n            <AlertTitle>{alert.title}</AlertTitle>\n            {alert.description ? <AlertDescription>{alert.description}</AlertDescription> : null}\n          </Alert>\n        </div>\n      ))}\n    </div>,\n    document.body,\n  );\n}\n\nfunction AlertProvider({ children }: { children: React.ReactNode }) {\n  const [alerts, setAlerts] = React.useState<InternalAlert[]>([]);\n\n  const removeAlert = React.useCallback((id: string) => {\n    const toastEl = document.querySelector<HTMLDivElement>(`[data-alert-id=\"${id}\"]`);\n    if (toastEl) {\n      toastEl.dataset.visible = 'false';\n      window.setTimeout(() => {\n        setAlerts(current => current.filter(alert => alert.id !== id));\n      }, 300);\n      return;\n    }\n    setAlerts(current => current.filter(alert => alert.id !== id));\n  }, []);\n\n  const pushAlert = React.useCallback(\n    (input: PushAlertInput) => {\n      const id = getId();\n      const timeout = input.timeout ?? 5000;\n      const { icon, action, ...message } = input;\n      const entry: InternalAlert = { id, ...message, icon, action };\n      setAlerts(current => [...current, entry]);\n      if (!input.persistent && !input.action && timeout > 0) {\n        window.setTimeout(() => removeAlert(id), timeout);\n      }\n    },\n    [removeAlert],\n  );\n\n  const value = React.useMemo(() => ({ pushAlert, removeAlert }), [pushAlert, removeAlert]);\n\n  // Pick up any alert that was persisted before a hard reload (e.g. after impersonation).\n  React.useEffect(() => {\n    const persisted = consumePersistedAlert();\n    if (persisted) {\n      pushAlert(persisted);\n    }\n  }, [pushAlert]);\n\n  return (\n    <AlertContext.Provider value={value}>\n      {children}\n      <AlertViewport alerts={alerts} onRemove={removeAlert} />\n    </AlertContext.Provider>\n  );\n}\n\nexport { AlertProvider };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ui/Alert/alert-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const alertVariants: (props?: ({
+    theme?: "default" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=alert-variants.d.ts.map

package/dist/ui/Alert/alert-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;8EAgBxB,CAAC"}

package/dist/ui/Alert/alert-variants.js

@@ -0,0 +1,23 @@
+import { cva } from 'class-variance-authority';
+import s from './alert.module.scss.js';
+
+const alertVariants = cva(s.alert, {
+    variants: {
+        theme: {
+            default: s['alert--default'],
+            primary: s['alert--primary'],
+            secondary: s['alert--secondary'],
+            destructive: s['alert--destructive'],
+            success: s['alert--success'],
+            warning: s['alert--warning'],
+            info: s['alert--info'],
+            slate: s['alert--slate'],
+        },
+    },
+    defaultVariants: {
+        theme: 'default',
+    },
+});
+
+export { alertVariants };
+//# sourceMappingURL=alert-variants.js.map

package/dist/ui/Alert/alert-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-variants.js","sources":["../../../src/ui/Alert/alert-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './alert.module.scss';\n\nexport const alertVariants = cva(s.alert, {\n  variants: {\n    theme: {\n      default: s['alert--default'],\n      primary: s['alert--primary'],\n      secondary: s['alert--secondary'],\n      destructive: s['alert--destructive'],\n      success: s['alert--success'],\n      warning: s['alert--warning'],\n      info: s['alert--info'],\n      slate: s['alert--slate'],\n    },\n  },\n  defaultVariants: {\n    theme: 'default',\n  },\n});\n"],"names":[],"mappings":";;;MAGa,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC5B,YAAA,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC5B,YAAA,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAChC,YAAA,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC;AACpC,YAAA,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC5B,YAAA,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC5B,YAAA,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC;AACtB,YAAA,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC;AACzB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA;;"}

package/dist/ui/Alert/alert.d.ts

@@ -0,0 +1,24 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { alertVariants } from './alert-variants';
+export interface AlertProps extends VariantProps<typeof alertVariants> {
+    className?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    onClose?: () => void;
+    children?: React.ReactNode;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export interface AlertBannerProps extends VariantProps<typeof alertVariants> {
+    open: boolean;
+    onClose?: () => void;
+    icon?: boolean | React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const AlertBanner: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLDivElement>>;
+export { Alert, AlertBanner, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

package/dist/ui/Alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAU7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,mFAwCV,CAAC;AAGF,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7E;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,yFAyChB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}

package/dist/ui/Alert/alert.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Collapse } from '../../layout/Collapse/collapse.js';
+import cn from 'clsx';
+import { InfoIcon, AlertTriangleIcon, XCircleIcon, CheckCircleIcon, AlertCircleIcon, XIcon } from 'lucide-react';
+import * as React from 'react';
+import { Button } from '../Button/button.js';
+import { alertVariants } from './alert-variants.js';
+import s from './alert.module.scss.js';
+
+const themeIconMap = {
+    default: jsx(AlertCircleIcon, {}),
+    primary: jsx(InfoIcon, {}),
+    secondary: jsx(InfoIcon, {}),
+    success: jsx(CheckCircleIcon, {}),
+    destructive: jsx(XCircleIcon, {}),
+    warning: jsx(AlertTriangleIcon, {}),
+    info: jsx(InfoIcon, {}),
+};
+const Alert = React.forwardRef(({ className, theme, icon, action, onClose, children }, ref) => {
+    const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;
+    return (jsxs("div", { ref: ref, "data-slot": 'alert', role: 'alert', className: cn(alertVariants({ theme }), className), children: [resolvedIcon ? (jsx("div", { "data-slot": 'alert-icon', className: s['alert-icon'], children: resolvedIcon })) : null, jsx("div", { "data-slot": 'alert-content', className: s['alert-content'], children: children }), action ? (jsx("div", { "data-slot": 'alert-action', className: s['alert-action'], children: action })) : null, onClose ? (jsx(Button, { iconOnly: true, variant: 'ghost', size: 'xs', theme: 'inherit', className: s['alert-close'], onClick: onClose, "aria-label": 'Dismiss', children: jsx(XIcon, {}) })) : null] }));
+});
+Alert.displayName = 'Alert';
+function AlertTitle({ className, ...props }) {
+    return jsx("div", { "data-slot": 'alert-title', className: cn(s['alert-title'], className), ...props });
+}
+function AlertDescription({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'alert-description', className: cn(s['alert-description'], className), ...props }));
+}
+const AlertBanner = React.forwardRef(({ open, onClose, theme, icon, action, className, children }, ref) => {
+    const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;
+    return (jsx(Collapse, { ref: ref, open: open, children: jsxs("div", { "data-slot": 'alert-banner', role: 'alert', className: cn(alertVariants({ theme }), s['alert-banner'], className), children: [resolvedIcon ? (jsx("div", { "data-slot": 'alert-icon', className: s['alert-icon'], children: resolvedIcon })) : null, jsx("div", { "data-slot": 'alert-content', className: s['alert-content'], children: children }), action ? (jsx("div", { "data-slot": 'alert-action', className: s['alert-action'], children: action })) : null, onClose ? (jsx(Button, { iconOnly: true, variant: 'ghost', size: 'xs', theme: 'inherit', className: s['alert-close'], onClick: onClose, "aria-label": 'Dismiss', children: jsx(XIcon, {}) })) : null] }) }));
+});
+AlertBanner.displayName = 'AlertBanner';
+
+export { Alert, AlertBanner, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.js.map

package/dist/ui/Alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../../src/ui/Alert/alert.tsx"],"sourcesContent":["import { Collapse } from '@constellation/layout/Collapse';\nimport { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  InfoIcon,\n  XCircleIcon,\n  XIcon,\n} from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { alertVariants } from './alert-variants';\nimport s from './alert.module.scss';\n\nconst themeIconMap: Record<string, React.ReactNode> = {\n  default: <AlertCircleIcon />,\n  primary: <InfoIcon />,\n  secondary: <InfoIcon />,\n  success: <CheckCircleIcon />,\n  destructive: <XCircleIcon />,\n  warning: <AlertTriangleIcon />,\n  info: <InfoIcon />,\n};\n\nexport interface AlertProps extends VariantProps<typeof alertVariants> {\n  className?: string;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  onClose?: () => void;\n  children?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, theme, icon, action, onClose, children }, ref) => {\n    const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;\n\n    return (\n      <div\n        ref={ref}\n        data-slot={'alert'}\n        role={'alert'}\n        className={cn(alertVariants({ theme }), className)}\n      >\n        {resolvedIcon ? (\n          <div data-slot={'alert-icon'} className={s['alert-icon']}>\n            {resolvedIcon}\n          </div>\n        ) : null}\n        <div data-slot={'alert-content'} className={s['alert-content']}>\n          {children}\n        </div>\n        {action ? (\n          <div data-slot={'alert-action'} className={s['alert-action']}>\n            {action}\n          </div>\n        ) : null}\n        {onClose ? (\n          <Button\n            iconOnly\n            variant={'ghost'}\n            size={'xs'}\n            theme={'inherit'}\n            className={s['alert-close']}\n            onClick={onClose}\n            aria-label={'Dismiss'}\n          >\n            <XIcon />\n          </Button>\n        ) : null}\n      </div>\n    );\n  },\n);\nAlert.displayName = 'Alert';\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'alert-title'} className={cn(s['alert-title'], className)} {...props} />;\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'alert-description'}\n      className={cn(s['alert-description'], className)}\n      {...props}\n    />\n  );\n}\n\nexport interface AlertBannerProps extends VariantProps<typeof alertVariants> {\n  open: boolean;\n  onClose?: () => void;\n  icon?: boolean | React.ReactNode;\n  action?: React.ReactNode;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nconst AlertBanner = React.forwardRef<HTMLDivElement, AlertBannerProps>(\n  ({ open, onClose, theme, icon, action, className, children }, ref) => {\n    const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;\n\n    return (\n      <Collapse ref={ref} open={open}>\n        <div\n          data-slot={'alert-banner'}\n          role={'alert'}\n          className={cn(alertVariants({ theme }), s['alert-banner'], className)}\n        >\n          {resolvedIcon ? (\n            <div data-slot={'alert-icon'} className={s['alert-icon']}>\n              {resolvedIcon}\n            </div>\n          ) : null}\n          <div data-slot={'alert-content'} className={s['alert-content']}>\n            {children}\n          </div>\n          {action ? (\n            <div data-slot={'alert-action'} className={s['alert-action']}>\n              {action}\n            </div>\n          ) : null}\n          {onClose ? (\n            <Button\n              iconOnly\n              variant={'ghost'}\n              size={'xs'}\n              theme={'inherit'}\n              className={s['alert-close']}\n              onClick={onClose}\n              aria-label={'Dismiss'}\n            >\n              <XIcon />\n            </Button>\n          ) : null}\n        </div>\n      </Collapse>\n    );\n  },\n);\nAlertBanner.displayName = 'AlertBanner';\n\nexport { Alert, AlertBanner, AlertDescription, AlertTitle };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ui/Alert/alert.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"alert-toast":"alert-module_alert-toast__Km8Ri","alert":"alert-module_alert__g0h2d","alert-icon":"alert-module_alert-icon__HqSJL","alert-content":"alert-module_alert-content__y2qFi","alert-action":"alert-module_alert-action__3ciDi","alert-close":"alert-module_alert-close__GWMBG","alert--default":"alert-module_alert--default__BcR1C","alert--primary":"alert-module_alert--primary__FY9SX","alert--secondary":"alert-module_alert--secondary__v6maJ","alert--destructive":"alert-module_alert--destructive__Kq0B2","alert--warning":"alert-module_alert--warning__elo-z","alert--success":"alert-module_alert--success__PgWKj","alert--info":"alert-module_alert--info__S6Mg7","alert--slate":"alert-module_alert--slate__zLe-6","alert-stack":"alert-module_alert-stack__BR0gI","alert-title":"alert-module_alert-title__9CoRi","alert-description":"alert-module_alert-description__GyFhy","alert-banner":"alert-module_alert-banner__Sm9cB"};
+
+export { s as default };
+//# sourceMappingURL=alert.module.scss.js.map

package/dist/ui/Alert/alert.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/ui/Alert/index.d.ts

@@ -0,0 +1,4 @@
+export * from './alert';
+export { persistAlert } from './alert-persist';
+export { AlertProvider } from './alert-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/ui/Avatar/avatar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type AvatarProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export type AvatarImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+export type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/ui/Avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/Avatar/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAEhE,QAAA,MAAM,MAAM,qFAEV,CAAC;AAGH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAEzE,QAAA,MAAM,WAAW,2FAmChB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAExE,QAAA,MAAM,cAAc,6FASnB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}

package/dist/ui/Avatar/avatar.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import s from './avatar.module.scss.js';
+
+const Avatar = React.forwardRef(({ className, ...props }, ref) => (jsx("span", { ref: ref, "data-slot": 'avatar', className: cn(s.avatar, className), ...props })));
+Avatar.displayName = 'Avatar';
+const AvatarImage = React.forwardRef(({ className, src, alt, onLoad, onError, ...props }, ref) => {
+    const [status, setStatus] = React.useState('loading');
+    React.useEffect(() => {
+        setStatus(src ? 'loading' : 'error');
+    }, [src]);
+    if (!src || status === 'error') {
+        return null;
+    }
+    return (jsx("img", { ref: ref, "data-slot": 'avatar-image', className: cn(s['avatar-image'], status === 'loading' && s['avatar-image--loading'], className), src: src, alt: alt, onLoad: e => {
+            setStatus('loaded');
+            onLoad?.(e);
+        }, onError: e => {
+            setStatus('error');
+            onError?.(e);
+        }, ...props }));
+});
+AvatarImage.displayName = 'AvatarImage';
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (jsx("span", { ref: ref, "data-slot": 'avatar-fallback', className: cn(s['avatar-fallback'], className), ...props })));
+AvatarFallback.displayName = 'AvatarFallback';
+
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.js.map