@12-apps/ui 5.0.0 → 5.1.0

package/dist/social-login-button.js

@@ -0,0 +1,160 @@
+import {
+  Heading
+} from "./chunk-ADCIUZX2.js";
+import {
+  Separator
+} from "./chunk-5FC7M2Y5.js";
+import "./chunk-VUHLNYAE.js";
+import {
+  Card,
+  CardContent
+} from "./chunk-ILXGVET4.js";
+import "./chunk-BA4RHQ3B.js";
+import {
+  Button
+} from "./chunk-ANNZ3PLI.js";
+import {
+  Text
+} from "./chunk-6J7WQGE5.js";
+import "./chunk-PZ5AY32C.js";
+
+// src/social-login-button/social-login-button.tsx
+import * as React from "react";
+import { Box, Stack } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GoogleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
+      fill: "#4285F4"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+      fill: "#34A853"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
+      fill: "#FBBC05"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+      fill: "#EA4335"
+    }
+  )
+] });
+var FacebookIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z",
+    fill: "#1877F2"
+  }
+) });
+var AppleIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) });
+var providerConfig = {
+  google: {
+    label: "Continue with Google",
+    Icon: GoogleIcon,
+    variant: "outline",
+    color: "neutral",
+    sx: {
+      backgroundColor: "#ffffff",
+      color: "#1f1f1f",
+      borderColor: "#dadce0",
+      "&:hover": {
+        backgroundColor: "#f5f5f5",
+        borderColor: "#dadce0"
+      }
+    }
+  },
+  facebook: {
+    label: "Continue with Facebook",
+    Icon: FacebookIcon,
+    variant: "solid",
+    color: "primary",
+    sx: {
+      backgroundColor: "#1877F2",
+      color: "#ffffff",
+      "&:hover": {
+        backgroundColor: "#166fe5"
+      }
+    }
+  },
+  apple: {
+    label: "Continue with Apple",
+    Icon: AppleIcon,
+    variant: "solid",
+    color: "neutral",
+    sx: {
+      backgroundColor: "#000000",
+      color: "#ffffff",
+      "&:hover": {
+        backgroundColor: "#1a1a1a"
+      }
+    }
+  }
+};
+var SocialLoginButton = React.forwardRef(
+  ({ provider, onClick, loading = false, disabled = false, fullWidth = true }, ref) => {
+    const config = providerConfig[provider];
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        variant: config.variant,
+        color: config.color,
+        size: "lg",
+        loading,
+        disabled,
+        onClick,
+        icon: /* @__PURE__ */ jsx(config.Icon, {}),
+        fullWidth,
+        sx: {
+          minHeight: 48,
+          justifyContent: "flex-start",
+          gap: 2,
+          ...config.sx
+        },
+        children: config.label
+      }
+    );
+  }
+);
+SocialLoginButton.displayName = "SocialLoginButton";
+function SocialLoginContainer({
+  children,
+  title = "Sign in to continue",
+  subtitle,
+  showDivider = false,
+  dividerText = "or"
+}) {
+  return /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "lg", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { width: "100%", maxWidth: 400 }, children: [
+    title && /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
+      subtitle && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsx(Stack, { spacing: 2, children }),
+    showDivider && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: dividerText }),
+      /* @__PURE__ */ jsx(Separator, {})
+    ] })
+  ] }) }) });
+}
+export {
+  AppleIcon,
+  FacebookIcon,
+  GoogleIcon,
+  SocialLoginButton,
+  SocialLoginContainer
+};
+//# sourceMappingURL=social-login-button.js.map

package/dist/social-login-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/social-login-button/social-login-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport { Button } from '../components/form/Button';\nimport { Card, CardContent } from '../components/layout/Card';\nimport { Heading } from '../components/typography/Heading';\nimport { Text } from '../components/typography/Text';\nimport { Separator } from '../components/layout/Separator';\n\nexport type SocialProvider = 'google' | 'facebook' | 'apple';\n\n/**\n * SVG Icons for social providers\n */\nconst GoogleIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n      fill=\"#4285F4\"\n    />\n    <path\n      d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n      fill=\"#34A853\"\n    />\n    <path\n      d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n      fill=\"#FBBC05\"\n    />\n    <path\n      d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n      fill=\"#EA4335\"\n    />\n  </svg>\n);\n\nconst FacebookIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z\"\n      fill=\"#1877F2\"\n    />\n  </svg>\n);\n\nconst AppleIcon = (): React.ReactElement => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\n  </svg>\n);\n\ninterface ProviderConfig {\n  label: string;\n  Icon: () => React.ReactElement;\n  variant: 'solid' | 'outline' | 'ghost';\n  color: 'primary' | 'secondary' | 'neutral';\n  sx?: object;\n}\n\nconst providerConfig: Record<SocialProvider, ProviderConfig> = {\n  google: {\n    label: \"Continue with Google\",\n    Icon: GoogleIcon,\n    variant: 'outline',\n    color: 'neutral',\n    sx: {\n      backgroundColor: '#ffffff',\n      color: '#1f1f1f',\n      borderColor: '#dadce0',\n      '&:hover': {\n        backgroundColor: '#f5f5f5',\n        borderColor: '#dadce0',\n      },\n    },\n  },\n  facebook: {\n    label: \"Continue with Facebook\",\n    Icon: FacebookIcon,\n    variant: 'solid',\n    color: 'primary',\n    sx: {\n      backgroundColor: '#1877F2',\n      color: '#ffffff',\n      '&:hover': {\n        backgroundColor: '#166fe5',\n      },\n    },\n  },\n  apple: {\n    label: \"Continue with Apple\",\n    Icon: AppleIcon,\n    variant: 'solid',\n    color: 'neutral',\n    sx: {\n      backgroundColor: '#000000',\n      color: '#ffffff',\n      '&:hover': {\n        backgroundColor: '#1a1a1a',\n      },\n    },\n  },\n};\n\nexport interface SocialLoginButtonProps {\n  provider: SocialProvider;\n  onClick?: () => void;\n  loading?: boolean;\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\n/**\n * Social login button using UI package Button component\n */\nexport const SocialLoginButton = React.forwardRef<HTMLButtonElement, SocialLoginButtonProps>(\n  ({ provider, onClick, loading = false, disabled = false, fullWidth = true }, ref) => {\n    const config = providerConfig[provider];\n\n    return (\n      <Button\n        ref={ref}\n        variant={config.variant}\n        color={config.color}\n        size=\"lg\"\n        loading={loading}\n        disabled={disabled}\n        onClick={onClick}\n        icon={<config.Icon />}\n        fullWidth={fullWidth}\n        sx={{\n          minHeight: 48,\n          justifyContent: 'flex-start',\n          gap: 2,\n          ...config.sx,\n        }}\n      >\n        {config.label}\n      </Button>\n    );\n  }\n);\n\nSocialLoginButton.displayName = 'SocialLoginButton';\n\n/**\n * Container for social login buttons with optional divider\n */\nexport interface SocialLoginContainerProps {\n  children: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  showDivider?: boolean;\n  dividerText?: string;\n}\n\nexport function SocialLoginContainer({\n  children,\n  title = \"Sign in to continue\",\n  subtitle,\n  showDivider = false,\n  dividerText = \"or\",\n}: SocialLoginContainerProps): React.ReactElement {\n  return (\n    <Card variant=\"elevated\" borderRadius=\"lg\">\n      <CardContent>\n        <Stack spacing={3} sx={{ width: '100%', maxWidth: 400 }}>\n          {title && (\n            <Box sx={{ textAlign: 'center' }}>\n              <Heading level=\"h2\">\n                {title}\n              </Heading>\n              {subtitle && (\n                <Text color=\"secondary\" size=\"sm\">\n                  {subtitle}\n                </Text>\n              )}\n            </Box>\n          )}\n\n          <Stack spacing={2}>\n            {children}\n          </Stack>\n\n          {showDivider && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n              <Separator />\n              <Text color=\"secondary\" size=\"sm\">\n                {dividerText}\n              </Text>\n              <Separator />\n            </Box>\n          )}\n        </Stack>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport { GoogleIcon, FacebookIcon, AppleIcon };\n"],"mappings":"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","names":[]}

package/dist/tokens.js

@@ -0,0 +1,18 @@
+import {
+  COLOR_VALUES,
+  SIZE_VALUES,
+  accentFor,
+  muiColor,
+  muiSize,
+  paletteKey
+} from "./chunk-OZCEKQIX.js";
+import "./chunk-PZ5AY32C.js";
+export {
+  COLOR_VALUES,
+  SIZE_VALUES,
+  accentFor,
+  muiColor,
+  muiSize,
+  paletteKey
+};
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/button/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { ReactNode } from "react";
+interface ButtonProps {
+    children: ReactNode;
+    className?: string;
+    appName: string;
+}
+export declare function Button({ children, className, appName }: ButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/types/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUvF"}

package/dist/types/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/types/charts/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * `@12-apps/ui/charts` — the raw chart library entry point (FUT-129), the
+ * sanctioned consumption path for the report builder and other spec-driven
+ * consumers. Re-exports only the chart surface (spec types, renderer
+ * registry, composables, formatters) so bundlers never drag the rest of the
+ * UI kit in through this seam.
+ */
+export * from '../components/data-display/Chart';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,cAAc,kCAAkC,CAAC"}

package/dist/types/components/data-display/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AlertProps } from './Alert.types';
+export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/data-display/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAmJhD,eAAO,MAAM,KAAK,gGA4EjB,CAAC"}

package/dist/types/components/data-display/Alert/Alert.styles.d.ts

@@ -0,0 +1,51 @@
+import type { CSSObject, Theme } from '@mui/material';
+import React from 'react';
+export declare const pulseAnimation: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const shimmerAnimation: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const fadeInScale: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const iconRotate: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const getColorFromTheme: (theme: Theme, variant: string) => {
+    main: string;
+    light?: string;
+    dark?: string;
+};
+export declare const getVariantIcon: (variant: string) => React.ReactNode;
+export type AlertPalette = {
+    main: string;
+    light?: string;
+    dark?: string;
+};
+/**
+ * The room the message is given — padding, the stack's rhythm, and where the
+ * icon and the close button sit relative to it.
+ *
+ * Extracted for the same reason {@link alertVariantStyles} and
+ * {@link alertEmphasisStyles} were: `styled()`'s callback is one function, and
+ * every block written inline is counted against its length by the complexity
+ * gate. Keeping the layout here means the callback assembles four named pieces
+ * instead of carrying all of them.
+ */
+export declare const alertLayoutStyles: (theme: Theme, colorPalette: AlertPalette, animate: boolean | undefined) => CSSObject;
+export declare const alertVariantStyles: (theme: Theme, customVariant: string | undefined, colorPalette: AlertPalette) => CSSObject;
+export declare const alertEmphasisStyles: (colorPalette: AlertPalette, glow: boolean, pulse: boolean) => CSSObject;
+//# sourceMappingURL=Alert.styles.d.ts.map

package/dist/types/components/data-display/Alert/Alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAiCF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;UASvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;UAUtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,SAAS,MAAM;UACtB,MAAM;YAAU,MAAM;WAAS,MAAM;CAe7E,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,oBAS7C,CAAC;AAIF,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK3E;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,SAAS,OAAO,GAAG,SAAS,KAC3B,SA4DD,CAAC;AAoDH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,eAAe,MAAM,GAAG,SAAS,EACjC,cAAc,YAAY,KACzB,SAoDD,CAAC;AAKH,eAAO,MAAM,mBAAmB,GAC9B,cAAc,YAAY,EAC1B,MAAM,OAAO,EACb,OAAO,OAAO,KACb,SAgDD,CAAC"}

package/dist/types/components/data-display/Alert/Alert.types.d.ts

@@ -0,0 +1,66 @@
+import type { ColorValue } from '../../../tokens/scales';
+import type { AlertProps as MuiAlertProps } from '@mui/material';
+import type React from 'react';
+export interface AlertProps extends Omit<MuiAlertProps, 'variant' | 'color' | 'role'> {
+    /**
+     * The variant of the alert
+     */
+    variant?: 'info' | 'success' | 'warning' | 'danger' | 'glass' | 'gradient';
+    /**
+     * The color of the alert (when not using variant-specific colors)
+     */
+    color?: ColorValue;
+    /**
+     * Whether the alert should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the alert should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Custom icon to display
+     */
+    icon?: React.ReactNode;
+    /**
+     * Whether to show the default severity icon
+     */
+    showIcon?: boolean;
+    /**
+     * Whether the alert can be closed
+     */
+    closable?: boolean;
+    /**
+     * Callback when alert is closed
+     */
+    onClose?: () => void;
+    /**
+     * Title for the alert
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Whether to animate the alert on mount
+     */
+    animate?: boolean;
+    /**
+     * ARIA role for the alert
+     */
+    role?: string;
+    /**
+     * ARIA live region setting
+     */
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    /**
+     * ARIA atomic setting
+     */
+    'aria-atomic'?: 'true' | 'false';
+    /**
+     * Optional data-testid for testing
+     */
+    'data-testid'?: string;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

package/dist/types/components/data-display/Alert/Alert.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACnF;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IAE3E;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEjC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/types/components/data-display/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert } from './Alert';
+export type { AlertProps } from './Alert.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/components/data-display/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AlertDialogProps } from './AlertDialog.types';
+export declare const AlertDialog: React.ForwardRefExoticComponent<Omit<AlertDialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/types/components/data-display/AlertDialog/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA2R5D,eAAO,MAAM,WAAW,sGAgFvB,CAAC"}

package/dist/types/components/data-display/AlertDialog/AlertDialog.types.d.ts

@@ -0,0 +1,67 @@
+import type { DialogProps as MuiDialogProps } from '@mui/material';
+import type React from 'react';
+export interface AlertDialogProps extends Omit<MuiDialogProps, 'variant'> {
+    /**
+     * The variant of the alert dialog
+     */
+    variant?: 'default' | 'destructive' | 'glass';
+    /**
+     * Whether the dialog should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the dialog should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Title of the dialog
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: React.ReactNode;
+    /**
+     * Icon to display in the dialog
+     */
+    icon?: React.ReactNode;
+    /**
+     * Text for the cancel button
+     */
+    cancelText?: string;
+    /**
+     * Text for the confirm button
+     */
+    confirmText?: string;
+    /**
+     * Callback when cancel is clicked
+     */
+    onCancel?: () => void;
+    /**
+     * Callback when confirm is clicked
+     */
+    onConfirm?: () => void;
+    /**
+     * Whether to show the cancel button
+     */
+    showCancel?: boolean;
+    /**
+     * Whether the confirm action is loading
+     */
+    loading?: boolean;
+    /**
+     * Whether the confirm button is disabled
+     */
+    confirmDisabled?: boolean;
+    /**
+     * Which button owns focus when the dialog opens. Defaults to `confirm`, which
+     * is right for an acknowledgement; a destructive dialog should pass `cancel`
+     * so a stray Enter on the trigger cannot complete the action.
+     */
+    initialFocus?: 'confirm' | 'cancel';
+    /**
+     * Optional data-testid attribute for testing
+     */
+    'data-testid'?: string;
+}
+//# sourceMappingURL=AlertDialog.types.d.ts.map

package/dist/types/components/data-display/AlertDialog/AlertDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AlertDialog/AlertDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,OAAO,CAAC;IAE9C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAEpC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/types/components/data-display/AlertDialog/index.d.ts

@@ -0,0 +1,3 @@
+export { AlertDialog } from './AlertDialog';
+export type { AlertDialogProps } from './AlertDialog.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/AlertDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AlertDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/components/data-display/AsyncStateContainer/AsyncStateContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AsyncStateContainerProps } from './AsyncStateContainer.types';
+export declare const AsyncStateContainer: React.FC<AsyncStateContainerProps>;
+export default AsyncStateContainer;
+//# sourceMappingURL=AsyncStateContainer.d.ts.map

package/dist/types/components/data-display/AsyncStateContainer/AsyncStateContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncStateContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AsyncStateContainer/AsyncStateContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAgE5E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiDlE,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/dist/types/components/data-display/AsyncStateContainer/AsyncStateContainer.types.d.ts

@@ -0,0 +1,59 @@
+import type React from 'react';
+export interface AsyncStateContainerProps {
+    /**
+     * Whether the container is in a loading state
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Error message or object. When truthy, shows the error state.
+     */
+    error?: string | Error | null;
+    /**
+     * Whether the data is empty (shows empty state when true and not loading/error)
+     * @default false
+     */
+    isEmpty?: boolean;
+    /**
+     * The content to render when data is available
+     */
+    children: React.ReactNode;
+    /**
+     * Component to render during loading state
+     * Takes precedence over renderLoading
+     */
+    loadingComponent?: React.ReactNode;
+    /**
+     * Render function for loading state
+     * Called when loadingComponent is not provided
+     */
+    renderLoading?: () => React.ReactNode;
+    /**
+     * Component to render during error state
+     * Takes precedence over renderError
+     */
+    errorComponent?: React.ReactNode;
+    /**
+     * Render function for error state
+     * Receives the error message as parameter
+     */
+    renderError?: (error: string) => React.ReactNode;
+    /**
+     * Component to render during empty state
+     * Takes precedence over renderEmpty
+     */
+    emptyComponent?: React.ReactNode;
+    /**
+     * Render function for empty state
+     */
+    renderEmpty?: () => React.ReactNode;
+    /**
+     * Custom className for the container
+     */
+    className?: string;
+    /**
+     * Test ID for component testing
+     */
+    dataTestId?: string;
+}
+//# sourceMappingURL=AsyncStateContainer.types.d.ts.map

package/dist/types/components/data-display/AsyncStateContainer/AsyncStateContainer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncStateContainer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AsyncStateContainer/AsyncStateContainer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAEtC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAEjD;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/data-display/AsyncStateContainer/index.d.ts

@@ -0,0 +1,3 @@
+export { AsyncStateContainer } from './AsyncStateContainer';
+export type { AsyncStateContainerProps } from './AsyncStateContainer.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/AsyncStateContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AsyncStateContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/types/components/data-display/Avatar/Avatar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { AvatarProps } from './Avatar.types';
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AvatarGroup: React.FC<{
+    children: React.ReactNode;
+    max?: number;
+    overlap?: number;
+    className?: string;
+    dataTestId?: string;
+}>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/types/components/data-display/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAyJlD,eAAO,MAAM,MAAM,iGAEjB,CAAC;AAuBH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAmBA,CAAC"}