@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-6BSAQPKT.js

@@ -1,91 +0,0 @@
-import {
-  CaretGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  triggerChevronSx,
-  triggerClearSx,
-  triggerCountSx,
-  triggerSx
-} from "./chunk-5WN6ZIAH.js";
-
-// src/components/form/CategorySelect/CategoryTrigger.tsx
-import { Box } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryTrigger({
-  placeholder,
-  selectionLabel,
-  count,
-  open,
-  disabled,
-  fullWidth,
-  onOpen,
-  onClear,
-  triggerRef,
-  dataTestId,
-  copy
-}) {
-  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      ref: triggerRef,
-      disabled,
-      "aria-haspopup": "dialog",
-      "aria-expanded": open,
-      "data-testid": `${dataTestId}-trigger`,
-      onClick: onOpen,
-      sx: (theme) => ({
-        ...triggerSx(theme, hasSelection, open),
-        width: fullWidth ? "100%" : "auto"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            sx: {
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              maxWidth: 190,
-              flex: fullWidth ? 1 : "0 1 auto",
-              textAlign: "left"
-            },
-            children: selectionLabel ?? placeholder
-          }
-        ),
-        count !== void 0 && count > 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: triggerCountSx, "data-testid": `${dataTestId}-count`, children: count }),
-        hasSelection && onClear && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            role: "button",
-            tabIndex: 0,
-            "aria-label": copy.clearSelection,
-            "data-testid": `${dataTestId}-clear-trigger`,
-            sx: triggerClearSx,
-            onClick: (event) => {
-              event.stopPropagation();
-              onClear();
-            },
-            onKeyDown: (event) => {
-              if (event.key !== "Enter" && event.key !== " ") return;
-              event.preventDefault();
-              event.stopPropagation();
-              onClear();
-            },
-            children: "\xD7"
-          }
-        ),
-        /* @__PURE__ */ jsx(CaretGlyph, { style: triggerChevronSx(open) })
-      ]
-    }
-  );
-}
-
-export {
-  CategoryTrigger
-};
-//# sourceMappingURL=chunk-6BSAQPKT.js.map

package/dist/chunk-6BSAQPKT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryTrigger.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport { Box } from '@mui/material';\n\nimport { CaretGlyph } from './CategoryIcons';\nimport {\n  triggerChevronSx,\n  triggerClearSx,\n  triggerCountSx,\n  triggerSx,\n} from './CategorySelect.styles';\n\ninterface CategoryTriggerProps {\n  /** The words this renders. REQUIRED — this package ships no default copy. */\n  copy: CategorySelectCopy;\n  /** Text shown when nothing is selected. */\n  placeholder: string;\n  /** Resolved label when there IS a selection (single mode shows \"Pai › Filha\"). */\n  selectionLabel?: string;\n  /** Selection size — rendered as the count pill in multi-select. */\n  count?: number;\n  open: boolean;\n  disabled?: boolean;\n  fullWidth: boolean;\n  onOpen: () => void;\n  /** Absent when there is nothing to clear. */\n  onClear?: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  dataTestId: string;\n}\n\n/**\n * The closed control.\n *\n * The clear (×) is a real button nested in the trigger button, so \"remove the\n * filter\" is one click from the closed state — without it, clearing means open,\n * find Clear, apply. Its click is stopped from reaching the trigger, which would\n * otherwise open the panel on the way out.\n */\nexport function CategoryTrigger({\n  placeholder,\n  selectionLabel,\n  count,\n  open,\n  disabled,\n  fullWidth,\n  onOpen,\n  onClear,\n  triggerRef,\n  dataTestId,\n  copy,\n}: CategoryTriggerProps): React.JSX.Element {\n  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      ref={triggerRef}\n      disabled={disabled}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      data-testid={`${dataTestId}-trigger`}\n      onClick={onOpen}\n      sx={(theme) => ({\n        ...triggerSx(theme, hasSelection, open),\n        width: fullWidth ? '100%' : 'auto',\n      })}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          maxWidth: 190,\n          flex: fullWidth ? 1 : '0 1 auto',\n          textAlign: 'left',\n        }}\n      >\n        {selectionLabel ?? placeholder}\n      </Box>\n      {count !== undefined && count > 0 && (\n        <Box component=\"span\" sx={triggerCountSx} data-testid={`${dataTestId}-count`}>\n          {count}\n        </Box>\n      )}\n      {hasSelection && onClear && (\n        <Box\n          component=\"span\"\n          role=\"button\"\n          tabIndex={0}\n          aria-label={copy.clearSelection}\n          data-testid={`${dataTestId}-clear-trigger`}\n          sx={triggerClearSx}\n          onClick={(event: React.MouseEvent) => {\n            event.stopPropagation();\n            onClear();\n          }}\n          onKeyDown={(event: React.KeyboardEvent) => {\n            if (event.key !== 'Enter' && event.key !== ' ') return;\n            event.preventDefault();\n            event.stopPropagation();\n            onClear();\n          }}\n        >\n          ×\n        </Box>\n      )}\n      <CaretGlyph style={triggerChevronSx(open) as React.CSSProperties} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAGA,SAAS,WAAW;AAoDhB,SAcE,KAdF;AAfG,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,eAAe,QAAQ,cAAc,MAAM,SAAS,KAAK;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,KAAK;AAAA,MACL;AAAA,MACA,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,eAAa,GAAG,UAAU;AAAA,MAC1B,SAAS;AAAA,MACT,IAAI,CAAC,WAAW;AAAA,QACd,GAAG,UAAU,OAAO,cAAc,IAAI;AAAA,QACtC,OAAO,YAAY,SAAS;AAAA,MAC9B;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,cAAc;AAAA,cACd,UAAU;AAAA,cACV,MAAM,YAAY,IAAI;AAAA,cACtB,WAAW;AAAA,YACb;AAAA,YAEC,4BAAkB;AAAA;AAAA,QACrB;AAAA,QACC,UAAU,UAAa,QAAQ,KAC9B,oBAAC,OAAI,WAAU,QAAO,IAAI,gBAAgB,eAAa,GAAG,UAAU,UACjE,iBACH;AAAA,QAED,gBAAgB,WACf;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,UAAU;AAAA,YACV,cAAY,KAAK;AAAA,YACjB,eAAa,GAAG,UAAU;AAAA,YAC1B,IAAI;AAAA,YACJ,SAAS,CAAC,UAA4B;AACpC,oBAAM,gBAAgB;AACtB,sBAAQ;AAAA,YACV;AAAA,YACA,WAAW,CAAC,UAA+B;AACzC,kBAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAAK;AAChD,oBAAM,eAAe;AACrB,oBAAM,gBAAgB;AACtB,sBAAQ;AAAA,YACV;AAAA,YACD;AAAA;AAAA,QAED;AAAA,QAEF,oBAAC,cAAW,OAAO,iBAAiB,IAAI,GAA0B;AAAA;AAAA;AAAA,EACpE;AAEJ;","names":[]}

package/dist/chunk-6J7WX3GX.js

@@ -1,167 +0,0 @@
-import {
-  Heading
-} from "./chunk-WGHFNNPK.js";
-import {
-  Separator
-} from "./chunk-ZAY4U5ML.js";
-import {
-  Card,
-  CardContent
-} from "./chunk-SIKI6I7S.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-import {
-  Text
-} from "./chunk-R52HJAYO.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",
-  maxWidth = 400
-}) {
-  return (
-    // `width: 100%` is what makes the cap below mean anything. Every caller
-    // centres this card in a flex column (`Container variant="centered"` does),
-    // and a flex item under `align-items: center` sizes to its CONTENT — so the
-    // card sat at whatever the longest label happened to need, ~267px, at every
-    // viewport from 390 to 1280. The 400 was never reached, which is why raising
-    // it would have changed nothing; the card had no width to cap.
-    /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "lg", sx: { width: "100%", maxWidth }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { width: "100%" }, 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 {
-  GoogleIcon,
-  FacebookIcon,
-  AppleIcon,
-  SocialLoginButton,
-  SocialLoginContainer
-};
-//# sourceMappingURL=chunk-6J7WX3GX.js.map

package/dist/chunk-6J7WX3GX.js.map

@@ -1 +0,0 @@
-{"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   * How wide the card is allowed to get. Defaults to the 400 it has always\n   * intended, so nothing that does not ask for a width moves.\n   *\n   * Worth passing for a card holding a FORM rather than a row of provider\n   * buttons: 400 was chosen for the latter, and an e-mail + password pair reads\n   * cramped in it.\n   */\n  maxWidth?: number | string;\n}\n\nexport function SocialLoginContainer({\n  children,\n  title = \"Sign in to continue\",\n  subtitle,\n  showDivider = false,\n  dividerText = \"or\",\n  maxWidth = 400,\n}: SocialLoginContainerProps): React.ReactElement {\n  return (\n    // `width: 100%` is what makes the cap below mean anything. Every caller\n    // centres this card in a flex column (`Container variant=\"centered\"` does),\n    // and a flex item under `align-items: center` sizes to its CONTENT — so the\n    // card sat at whatever the longest label happened to need, ~267px, at every\n    // viewport from 390 to 1280. The 400 was never reached, which is why raising\n    // it would have changed nothing; the card had no width to cap.\n    <Card variant=\"elevated\" borderRadius=\"lg\" sx={{ width: '100%', maxWidth }}>\n      <CardContent>\n        <Stack spacing={3} sx={{ width: '100%' }}>\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/chunk-6M5UKP62.js

@@ -1,76 +0,0 @@
-import {
-  Avatar
-} from "./chunk-FN4H5C7H.js";
-import {
-  Card
-} from "./chunk-SIKI6I7S.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-import {
-  Text
-} from "./chunk-R52HJAYO.js";
-
-// src/user-avatar/user-avatar.tsx
-import { Box, Stack } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getInitials(name) {
-  const parts = name.trim().split(/\s+/);
-  if (parts.length === 1) {
-    return parts[0]?.substring(0, 2).toUpperCase() ?? "";
-  }
-  return ((parts[0]?.charAt(0) ?? "") + (parts[parts.length - 1]?.charAt(0) ?? "")).toUpperCase();
-}
-function UserAvatar({
-  src,
-  name,
-  size = "md",
-  onClick,
-  interactive = false
-}) {
-  const fallbackText = name ? getInitials(name) : "?";
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      src: src ?? void 0,
-      alt: name ?? "User avatar",
-      fallback: fallbackText,
-      size,
-      variant: "circle",
-      interactive: interactive || !!onClick,
-      onClick
-    }
-  );
-}
-function UserMenu({ user, onSignOut, copy }) {
-  return /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "md", children: /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-    /* @__PURE__ */ jsx(
-      UserAvatar,
-      {
-        src: user.image,
-        name: user.name,
-        size: "md"
-      }
-    ),
-    /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: "sm", children: user.name ?? "User" }),
-      user.email && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "xs", children: user.email })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        color: "danger",
-        size: "sm",
-        onClick: onSignOut,
-        children: copy.signOut
-      }
-    )
-  ] }) }) });
-}
-
-export {
-  UserAvatar,
-  UserMenu
-};
-//# sourceMappingURL=chunk-6M5UKP62.js.map

package/dist/chunk-6M5UKP62.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/user-avatar/user-avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport { Avatar } from '../components/data-display/Avatar';\nimport { Button } from '../components/form/Button';\nimport { Text } from '../components/typography/Text';\nimport { Card } from '../components/layout/Card';\nimport type { UserAvatarCopy } from '../copy';\n\n/**\n * Generate initials from a name\n */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length === 1) {\n    return parts[0]?.substring(0, 2).toUpperCase() ?? \"\";\n  }\n  return (\n    (parts[0]?.charAt(0) ?? \"\") + (parts[parts.length - 1]?.charAt(0) ?? \"\")\n  ).toUpperCase();\n}\n\nexport interface UserAvatarProps {\n  src?: string | null;\n  name?: string | null;\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  onClick?: () => void;\n  interactive?: boolean;\n}\n\n/**\n * User avatar using UI package Avatar component\n */\nexport function UserAvatar({\n  src,\n  name,\n  size = 'md',\n  onClick,\n  interactive = false,\n}: UserAvatarProps): React.ReactElement {\n  const fallbackText = name ? getInitials(name) : \"?\";\n\n  return (\n    <Avatar\n      src={src ?? undefined}\n      alt={name ?? \"User avatar\"}\n      fallback={fallbackText}\n      size={size}\n      variant=\"circle\"\n      interactive={interactive || !!onClick}\n      onClick={onClick}\n    />\n  );\n}\n\nexport interface UserMenuProps {\n  user: {\n    name?: string | null;\n    email?: string | null;\n    image?: string | null;\n  };\n  onSignOut: () => void;\n  /**\n   * The card's one action. REQUIRED: this package ships no default copy, and\n   * the button is the only thing on this card a host does not already supply.\n   */\n  copy: UserAvatarCopy;\n}\n\n/**\n * User menu with avatar, info, and sign out button\n */\nexport function UserMenu({ user, onSignOut, copy }: UserMenuProps): React.ReactElement {\n  return (\n    <Card variant=\"elevated\" borderRadius=\"md\">\n      <Box sx={{ p: 2 }}>\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <UserAvatar\n            src={user.image}\n            name={user.name}\n            size=\"md\"\n          />\n\n          <Stack spacing={0.5} sx={{ flex: 1, minWidth: 0 }}>\n            <Text weight=\"semibold\" size=\"sm\">\n              {user.name ?? \"User\"}\n            </Text>\n            {user.email && (\n              <Text color=\"secondary\" size=\"xs\">\n                {user.email}\n              </Text>\n            )}\n          </Stack>\n\n          <Button\n            variant=\"outline\"\n            color=\"danger\"\n            size=\"sm\"\n            onClick={onSignOut}\n          >\n            {copy.signOut}\n          </Button>\n        </Stack>\n      </Box>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAGA,SAAS,KAAK,aAAa;AAyCvB,cAwCM,YAxCN;AA/BJ,SAAS,YAAY,MAAsB;AACzC,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK;AACrC,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,YAAY,KAAK;AAAA,EACpD;AACA,WACG,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,OAAO,MAAM,MAAM,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,KACrE,YAAY;AAChB;AAaO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAChB,GAAwC;AACtC,QAAM,eAAe,OAAO,YAAY,IAAI,IAAI;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,OAAO;AAAA,MACZ,KAAK,QAAQ;AAAA,MACb,UAAU;AAAA,MACV;AAAA,MACA,SAAQ;AAAA,MACR,aAAa,eAAe,CAAC,CAAC;AAAA,MAC9B;AAAA;AAAA,EACF;AAEJ;AAmBO,SAAS,SAAS,EAAE,MAAM,WAAW,KAAK,GAAsC;AACrF,SACE,oBAAC,QAAK,SAAQ,YAAW,cAAa,MACpC,8BAAC,OAAI,IAAI,EAAE,GAAG,EAAE,GACd,+BAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,MAAM,KAAK;AAAA,QACX,MAAK;AAAA;AAAA,IACP;AAAA,IAEA,qBAAC,SAAM,SAAS,KAAK,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,GAC9C;AAAA,0BAAC,QAAK,QAAO,YAAW,MAAK,MAC1B,eAAK,QAAQ,QAChB;AAAA,MACC,KAAK,SACJ,oBAAC,QAAK,OAAM,aAAY,MAAK,MAC1B,eAAK,OACR;AAAA,OAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS;AAAA,QAER,eAAK;AAAA;AAAA,IACR;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/chunk-6MWS5OHP.js

@@ -1,207 +0,0 @@
-// src/components/navigation/ContextMenu/ContextMenu.tsx
-import {
-  alpha,
-  Divider,
-  ListItemIcon,
-  ListItemText,
-  Menu,
-  MenuItem,
-  Typography
-} from "@mui/material";
-import { styled } from "@mui/material";
-import React, { cloneElement, isValidElement, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StyledMenu = styled(Menu, {
-  shouldForwardProp: (prop) => prop !== "customVariant" && prop !== "size"
-})(({ theme, customVariant, size }) => ({
-  "& .MuiPaper-root": {
-    minWidth: 160,
-    borderRadius: theme.spacing(1),
-    ...customVariant === "glass" && {
-      backgroundColor: alpha(theme.palette.background.paper, 0.85),
-      backdropFilter: "blur(20px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`
-    },
-    ...customVariant === "dark" && {
-      backgroundColor: alpha(theme.palette.grey[900], 0.95),
-      color: theme.palette.common.white,
-      "& .MuiMenuItem-root": {
-        color: theme.palette.common.white
-      },
-      "& .MuiListItemIcon-root": {
-        color: theme.palette.common.white
-      },
-      "& .MuiDivider-root": {
-        borderColor: alpha(theme.palette.common.white, 0.12)
-      }
-    },
-    ...size === "sm" && {
-      "& .MuiMenuItem-root": {
-        fontSize: "0.875rem",
-        minHeight: 32,
-        padding: theme.spacing(0.5, 1.5)
-      }
-    },
-    ...size === "lg" && {
-      "& .MuiMenuItem-root": {
-        fontSize: "1.125rem",
-        minHeight: 48,
-        padding: theme.spacing(1.5, 2)
-      }
-    }
-  }
-}));
-var paletteColor = (theme, color) => theme.palette[color]?.main || theme.palette.primary.main;
-var accentStyles = (theme, color) => {
-  const main = paletteColor(theme, color);
-  return {
-    color: main,
-    "& .MuiListItemIcon-root": { color: main },
-    "&:hover": { backgroundColor: alpha(main, 0.08) }
-  };
-};
-var StyledMenuItem = styled(MenuItem, {
-  shouldForwardProp: (prop) => !["color", "dangerous"].includes(prop)
-})(({ theme, color, dangerous }) => ({
-  borderRadius: theme.spacing(0.5),
-  margin: theme.spacing(0.25, 0.5),
-  transition: "all 0.2s ease",
-  "&:hover": {
-    backgroundColor: alpha(dangerous ? theme.palette.error.main : theme.palette.primary.main, 0.08)
-  },
-  ...dangerous && {
-    color: theme.palette.error.main,
-    "& .MuiListItemIcon-root": {
-      color: theme.palette.error.main
-    }
-  },
-  ...color && color !== "default" && !dangerous ? accentStyles(theme, color) : {}
-}));
-var MenuHeader = styled(Typography)(({ theme }) => ({
-  padding: theme.spacing(1, 2),
-  fontSize: "0.75rem",
-  fontWeight: 600,
-  textTransform: "uppercase",
-  color: theme.palette.text.secondary,
-  letterSpacing: 0.5
-}));
-var ShortcutText = styled(Typography)(({ theme }) => ({
-  fontSize: "0.75rem",
-  color: theme.palette.text.secondary,
-  marginLeft: "auto",
-  paddingLeft: theme.spacing(2)
-}));
-var renderMenuItem = (item, handleItemClick, size) => {
-  if (item.type === "divider") {
-    return /* @__PURE__ */ jsx(Divider, { sx: { my: 0.5 } }, item.id);
-  }
-  if (item.type === "header") {
-    return /* @__PURE__ */ jsx(MenuHeader, { children: item.label }, item.id);
-  }
-  const hasIcon = !!item.icon;
-  return /* @__PURE__ */ jsxs(
-    StyledMenuItem,
-    {
-      disabled: item.disabled,
-      onClick: () => handleItemClick(item),
-      color: item.color,
-      dangerous: item.dangerous,
-      children: [
-        hasIcon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: size === "sm" ? 32 : 40 }, children: item.icon }),
-        /* @__PURE__ */ jsx(ListItemText, { primary: item.label }),
-        item.shortcut && /* @__PURE__ */ jsx(ShortcutText, { variant: "caption", children: item.shortcut })
-      ]
-    },
-    item.id
-  );
-};
-var buildTrigger = (children, onContextMenu, { disabled, triggerClassName, triggerStyle }) => {
-  const cursor = disabled ? "default" : "context-menu";
-  if (!isValidElement(children)) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        onContextMenu,
-        className: triggerClassName,
-        style: { ...triggerStyle, cursor },
-        children
-      }
-    );
-  }
-  const element = children;
-  return cloneElement(element, {
-    onContextMenu,
-    className: [
-      element.props.className,
-      triggerClassName,
-      !disabled ? "context-menu-trigger" : ""
-    ].filter(Boolean).join(" "),
-    style: { ...element.props.style, ...triggerStyle, cursor }
-  });
-};
-var ContextMenu = React.forwardRef(
-  ({
-    variant = "default",
-    items,
-    children,
-    disabled = false,
-    onOpen,
-    onClose,
-    size = "md",
-    triggerClassName,
-    triggerStyle,
-    ...menuProps
-  }, ref) => {
-    const [contextMenu, setContextMenu] = useState(null);
-    const handleContextMenu = (event) => {
-      if (disabled) return;
-      event.preventDefault();
-      setContextMenu(
-        contextMenu === null ? {
-          mouseX: event.clientX + 2,
-          mouseY: event.clientY - 6
-        } : null
-      );
-      onOpen?.(event);
-    };
-    const handleClose = () => {
-      setContextMenu(null);
-      onClose?.();
-    };
-    const handleItemClick = (item) => {
-      if (item.onClick) {
-        item.onClick();
-      }
-      handleClose();
-    };
-    const triggerElement = buildTrigger(children, handleContextMenu, {
-      disabled,
-      triggerClassName,
-      triggerStyle
-    });
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      triggerElement,
-      /* @__PURE__ */ jsx(
-        StyledMenu,
-        {
-          ref,
-          open: contextMenu !== null,
-          onClose: handleClose,
-          anchorReference: "anchorPosition",
-          anchorPosition: contextMenu !== null ? { top: contextMenu.mouseY, left: contextMenu.mouseX } : void 0,
-          customVariant: variant,
-          size,
-          ...menuProps,
-          children: items.map((item) => renderMenuItem(item, handleItemClick, size))
-        }
-      )
-    ] });
-  }
-);
-ContextMenu.displayName = "ContextMenu";
-
-export {
-  ContextMenu
-};
-//# sourceMappingURL=chunk-6MWS5OHP.js.map

package/dist/chunk-6MWS5OHP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import {\n  alpha,\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n} from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { cloneElement, isValidElement,useState } from 'react';\n\nimport type { ContextMenuItem,ContextMenuProps } from './ContextMenu.types';\n\nconst StyledMenu = styled(Menu, {\n  shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'size',\n})<{ customVariant?: string; size?: string }>(({ theme, customVariant, size }) => ({\n  '& .MuiPaper-root': {\n    minWidth: 160,\n    borderRadius: theme.spacing(1),\n\n    ...(customVariant === 'glass' && {\n      backgroundColor: alpha(theme.palette.background.paper, 0.85),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`,\n    }),\n\n    ...(customVariant === 'dark' && {\n      backgroundColor: alpha(theme.palette.grey[900], 0.95),\n      color: theme.palette.common.white,\n      '& .MuiMenuItem-root': {\n        color: theme.palette.common.white,\n      },\n      '& .MuiListItemIcon-root': {\n        color: theme.palette.common.white,\n      },\n      '& .MuiDivider-root': {\n        borderColor: alpha(theme.palette.common.white, 0.12),\n      },\n    }),\n\n    ...(size === 'sm' && {\n      '& .MuiMenuItem-root': {\n        fontSize: '0.875rem',\n        minHeight: 32,\n        padding: theme.spacing(0.5, 1.5),\n      },\n    }),\n\n    ...(size === 'lg' && {\n      '& .MuiMenuItem-root': {\n        fontSize: '1.125rem',\n        minHeight: 48,\n        padding: theme.spacing(1.5, 2),\n      },\n    }),\n  },\n}));\n\n// `color` names a palette key (`success`, `warning`, …) that MUI's Theme type does\n// not index, so it is read structurally and falls back to primary.\nconst paletteColor = (theme: Theme, color: string): string =>\n  (theme.palette as unknown as Record<string, { main?: string }>)[color]?.main ||\n  theme.palette.primary.main;\n\nconst accentStyles = (theme: Theme, color: string): CSSObject => {\n  const main = paletteColor(theme, color);\n\n  return {\n    color: main,\n    '& .MuiListItemIcon-root': { color: main },\n    '&:hover': { backgroundColor: alpha(main, 0.08) },\n  };\n};\n\nconst StyledMenuItem = styled(MenuItem, {\n  shouldForwardProp: (prop) => !['color', 'dangerous'].includes(prop as string),\n})<{ color?: string; dangerous?: boolean }>(({ theme, color, dangerous }) => ({\n  borderRadius: theme.spacing(0.5),\n  margin: theme.spacing(0.25, 0.5),\n  transition: 'all 0.2s ease',\n\n  '&:hover': {\n    backgroundColor: alpha(dangerous ? theme.palette.error.main : theme.palette.primary.main, 0.08),\n  },\n\n  ...(dangerous && {\n    color: theme.palette.error.main,\n    '& .MuiListItemIcon-root': {\n      color: theme.palette.error.main,\n    },\n  }),\n\n  ...(color && color !== 'default' && !dangerous ? accentStyles(theme, color) : {}),\n}));\n\nconst MenuHeader = styled(Typography)(({ theme }) => ({\n  padding: theme.spacing(1, 2),\n  fontSize: '0.75rem',\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  color: theme.palette.text.secondary,\n  letterSpacing: 0.5,\n}));\n\nconst ShortcutText = styled(Typography)(({ theme }) => ({\n  fontSize: '0.75rem',\n  color: theme.palette.text.secondary,\n  marginLeft: 'auto',\n  paddingLeft: theme.spacing(2),\n}));\n\nconst renderMenuItem = (\n  item: ContextMenuItem,\n  handleItemClick: (item: ContextMenuItem) => void,\n  size?: string,\n) => {\n  if (item.type === 'divider') {\n    return <Divider key={item.id} sx={{ my: 0.5 }} />;\n  }\n\n  if (item.type === 'header') {\n    return <MenuHeader key={item.id}>{item.label}</MenuHeader>;\n  }\n\n  const hasIcon = !!item.icon;\n\n  return (\n    <StyledMenuItem\n      key={item.id}\n      disabled={item.disabled}\n      onClick={() => handleItemClick(item)}\n      color={item.color}\n      dangerous={item.dangerous}\n    >\n      {hasIcon && (\n        <ListItemIcon sx={{ minWidth: size === 'sm' ? 32 : 40 }}>{item.icon}</ListItemIcon>\n      )}\n      <ListItemText primary={item.label} />\n      {item.shortcut && <ShortcutText variant=\"caption\">{item.shortcut}</ShortcutText>}\n    </StyledMenuItem>\n  );\n};\n\ninterface TriggerOptions {\n  disabled: boolean;\n  triggerClassName?: string;\n  triggerStyle?: React.CSSProperties;\n}\n\n// The trigger is whatever the caller passed as children. A single element is\n// cloned, so the handler and cursor land on the caller's own node; anything else\n// gets wrapped in a div that can carry them.\nconst buildTrigger = (\n  children: React.ReactNode,\n  onContextMenu: (event: React.MouseEvent) => void,\n  { disabled, triggerClassName, triggerStyle }: TriggerOptions,\n) => {\n  const cursor = disabled ? 'default' : 'context-menu';\n\n  if (!isValidElement(children)) {\n    return (\n      <div\n        onContextMenu={onContextMenu}\n        className={triggerClassName}\n        style={{ ...triggerStyle, cursor }}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  const element = children as React.ReactElement<{\n    onContextMenu?: (event: React.MouseEvent) => void;\n    className?: string;\n    style?: React.CSSProperties;\n  }>;\n\n  return cloneElement(element, {\n    onContextMenu,\n    className: [\n      element.props.className,\n      triggerClassName,\n      !disabled ? 'context-menu-trigger' : '',\n    ]\n      .filter(Boolean)\n      .join(' '),\n    style: { ...element.props.style, ...triggerStyle, cursor },\n  });\n};\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, ContextMenuProps>(\n  (\n    {\n      variant = 'default',\n      items,\n      children,\n      disabled = false,\n      onOpen,\n      onClose,\n      size = 'md',\n      triggerClassName,\n      triggerStyle,\n      ...menuProps\n    },\n    ref,\n  ) => {\n    const [contextMenu, setContextMenu] = useState<{\n      mouseX: number;\n      mouseY: number;\n    } | null>(null);\n\n    const handleContextMenu = (event: React.MouseEvent) => {\n      if (disabled) return;\n\n      event.preventDefault();\n      setContextMenu(\n        contextMenu === null\n          ? {\n              mouseX: event.clientX + 2,\n              mouseY: event.clientY - 6,\n            }\n          : null,\n      );\n      onOpen?.(event);\n    };\n\n    const handleClose = () => {\n      setContextMenu(null);\n      onClose?.();\n    };\n\n    const handleItemClick = (item: ContextMenuItem) => {\n      if (item.onClick) {\n        item.onClick();\n      }\n      handleClose();\n    };\n\n    const triggerElement = buildTrigger(children, handleContextMenu, {\n      disabled,\n      triggerClassName,\n      triggerStyle,\n    });\n\n    return (\n      <>\n        {triggerElement}\n        <StyledMenu\n          ref={ref}\n          open={contextMenu !== null}\n          onClose={handleClose}\n          anchorReference=\"anchorPosition\"\n          anchorPosition={\n            contextMenu !== null ? { top: contextMenu.mouseY, left: contextMenu.mouseX } : undefined\n          }\n          customVariant={variant}\n          size={size}\n          {...menuProps}\n        >\n          {items.map((item) => renderMenuItem(item, handleItemClick, size))}\n        </StyledMenu>\n      </>\n    );\n  },\n);\n\nContextMenu.displayName = 'ContextMenu';\n"],"mappings":"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","names":[]}

package/dist/chunk-6PFNFMGY.js

@@ -1,53 +0,0 @@
-// src/components/data-display/DataGrid/DataGrid.states.tsx
-import { Box, CircularProgress, Typography } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-function Placeholder({
-  dataTestId,
-  ariaLabel,
-  className,
-  style,
-  htmlProps,
-  children,
-  flag
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-ui": "datagrid",
-      ...{ [flag]: "true" },
-      "data-testid": dataTestId,
-      className,
-      style,
-      sx: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        flexDirection: "column",
-        gap: 2,
-        height: 200
-      },
-      "aria-label": ariaLabel,
-      role: "grid",
-      ...htmlProps,
-      children
-    }
-  );
-}
-function DataGridLoading(props) {
-  return /* @__PURE__ */ jsx(Placeholder, { ...props, flag: "data-loading", children: /* @__PURE__ */ jsx(CircularProgress, {}) });
-}
-function DataGridError(props) {
-  const { error, ...rest } = props;
-  return /* @__PURE__ */ jsx(Placeholder, { ...rest, flag: "data-error", children: /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body1", children: error }) });
-}
-function DataGridEmpty(props) {
-  const { emptyState, emptyText, ...rest } = props;
-  return /* @__PURE__ */ jsx(Placeholder, { ...rest, flag: "data-empty", children: emptyState ?? /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: emptyText }) });
-}
-
-export {
-  DataGridLoading,
-  DataGridError,
-  DataGridEmpty
-};
-//# sourceMappingURL=chunk-6PFNFMGY.js.map