@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-OG6LYQ7C.js

@@ -0,0 +1,310 @@
+import {
+  neutralTones
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/AlertDialog/AlertDialog.tsx
+import Close from "@mui/icons-material/Close";
+import Error from "@mui/icons-material/Error";
+import Info from "@mui/icons-material/Info";
+import Button from "@mui/material/Button/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import Dialog from "@mui/material/Dialog/index.js";
+import DialogActions from "@mui/material/DialogActions/index.js";
+import DialogContent from "@mui/material/DialogContent/index.js";
+import DialogContentText from "@mui/material/DialogContentText/index.js";
+import DialogTitle from "@mui/material/DialogTitle/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, keyframes, styled, useTheme } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var pulseAnimation = (theme) => keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 ${rem(theme, 15)} currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var StyledDialog = styled(Dialog, {
+  shouldForwardProp: (prop) => !["customVariant", "glow", "pulse"].includes(prop)
+})(({ theme, customVariant, glow, pulse }) => ({
+  "& .MuiDialog-paper": {
+    borderRadius: theme.spacing(2),
+    transition: "all 0.3s ease",
+    position: "relative",
+    overflow: "hidden",
+    // Variant styles
+    ...customVariant === "default" && {
+      backgroundColor: theme.palette.background.paper,
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
+    },
+    // The error tint is LAYERED over the paper, not used as the background
+    // itself: `alpha(error, 0.05)` alone leaves the panel 95% transparent, so
+    // the page behind it showed straight through the question and its buttons.
+    // A confirm nobody can read is the one dialog that must never be hard to
+    // read. Same tint, opaque base.
+    ...customVariant === "destructive" && {
+      backgroundColor: theme.palette.background.paper,
+      backgroundImage: `linear-gradient(${alpha(theme.palette.error.main, 0.05)}, ${alpha(
+        theme.palette.error.main,
+        0.05
+      )})`,
+      border: `1px solid ${alpha(theme.palette.error.main, 0.2)}`
+    },
+    ...customVariant === "glass" && {
+      backgroundColor: alpha(theme.palette.background.paper, 0.1),
+      backdropFilter: `blur(${rem(theme, 20)})`,
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
+    },
+    // Glow effect
+    ...glow && !pulse && {
+      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,
+      filter: "brightness(1.05)"
+    },
+    // Pulse animation
+    ...pulse && !glow && {
+      position: "relative",
+      "&::after": {
+        content: '""',
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        borderRadius: "inherit",
+        backgroundColor: theme.palette.primary.main,
+        opacity: 0.1,
+        animation: `${pulseAnimation(theme)} 2s infinite`,
+        pointerEvents: "none",
+        zIndex: -1
+      }
+    },
+    // Both glow and pulse
+    ...glow && pulse && {
+      position: "relative",
+      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,
+      filter: "brightness(1.05)",
+      "&::after": {
+        content: '""',
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        borderRadius: "inherit",
+        backgroundColor: theme.palette.primary.main,
+        opacity: 0.1,
+        animation: `${pulseAnimation(theme)} 2s infinite`,
+        pointerEvents: "none",
+        zIndex: -1
+      }
+    }
+  }
+}));
+var StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1.5),
+  paddingRight: theme.spacing(6),
+  // Space for close button
+  "& .MuiTypography-root": {
+    fontWeight: 600,
+    fontSize: rem(theme, 20)
+  }
+}));
+var StyledDialogContent = styled(DialogContent)(({ theme }) => ({
+  paddingTop: theme.spacing(1),
+  paddingBottom: theme.spacing(2)
+}));
+var StyledDialogActions = styled(DialogActions)(({ theme }) => ({
+  padding: theme.spacing(2, 3, 3, 3),
+  gap: theme.spacing(1)
+}));
+var CloseButton = styled(IconButton)(({ theme }) => ({
+  position: "absolute",
+  right: theme.spacing(1),
+  top: theme.spacing(1),
+  color: neutralTones(theme).muted
+}));
+var variantIcon = (variant, icon) => {
+  if (icon) return icon;
+  return variant === "destructive" ? /* @__PURE__ */ jsx(Error, { color: "error" }) : /* @__PURE__ */ jsx(Info, { color: "primary" });
+};
+var titleId = (dataTestId) => `${dataTestId}-title`;
+var descriptionId = (dataTestId) => `${dataTestId}-description`;
+var ALERT_ROLE = "alertdialog";
+function ariaSlotProps(dataTestId, title, description) {
+  return {
+    paper: {
+      role: ALERT_ROLE,
+      ...title ? { "aria-labelledby": titleId(dataTestId) } : {},
+      ...description ? { "aria-describedby": descriptionId(dataTestId) } : {}
+    }
+  };
+}
+var CONFIRM_BUTTON_VARIANT = "contained";
+var confirmButtonColor = (variant) => variant === "destructive" ? "error" : "primary";
+function AlertDialogHeader({
+  title,
+  icon,
+  variant,
+  dataTestId
+}) {
+  if (!title) return null;
+  return /* @__PURE__ */ jsxs(StyledDialogTitle, { id: titleId(dataTestId), "data-testid": `${dataTestId}-title`, children: [
+    icon !== null && /* @__PURE__ */ jsx("span", { "data-testid": `${dataTestId}-icon`, children: variantIcon(variant, icon) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "span", children: title })
+  ] });
+}
+function AlertDialogFooter({
+  variant,
+  cancelText = "Cancel",
+  confirmText = "Confirm",
+  showCancel = true,
+  loading = false,
+  confirmDisabled = false,
+  initialFocus = "confirm",
+  onCancel,
+  onConfirm,
+  dataTestId
+}) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(StyledDialogActions, { "data-testid": `${dataTestId}-actions`, children: [
+    showCancel && /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onCancel,
+        variant: "outlined",
+        color: "inherit",
+        disabled: loading,
+        autoFocus: initialFocus === "cancel",
+        "data-testid": `${dataTestId}-cancel-button`,
+        children: cancelText
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onConfirm,
+        variant: CONFIRM_BUTTON_VARIANT,
+        color: confirmButtonColor(variant),
+        disabled: confirmDisabled || loading,
+        startIcon: loading ? /* @__PURE__ */ jsx(
+          CircularProgress,
+          {
+            size: rem(theme, 16),
+            color: "inherit",
+            "data-testid": `${dataTestId}-loading-spinner`
+          }
+        ) : void 0,
+        autoFocus: initialFocus !== "cancel",
+        "data-testid": `${dataTestId}-confirm-button`,
+        children: confirmText
+      }
+    )
+  ] });
+}
+var AlertDialog = React.forwardRef(
+  ({
+    variant = "default",
+    glow = false,
+    pulse = false,
+    title,
+    description,
+    icon,
+    cancelText,
+    confirmText,
+    onCancel,
+    onConfirm,
+    showCancel,
+    loading,
+    confirmDisabled,
+    initialFocus,
+    children,
+    onClose,
+    "data-testid": dataTestId = "alert-dialog",
+    ...props
+  }, ref) => {
+    const handleCancel = () => {
+      onCancel?.();
+      onClose?.({}, "backdropClick");
+    };
+    return /* @__PURE__ */ jsxs(
+      StyledDialog,
+      {
+        ref,
+        customVariant: variant,
+        glow,
+        pulse,
+        onClose,
+        "data-testid": dataTestId,
+        slotProps: ariaSlotProps(dataTestId, title, description),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            CloseButton,
+            {
+              "aria-label": "close",
+              onClick: handleCancel,
+              size: "small",
+              "data-testid": `${dataTestId}-close-button`,
+              children: /* @__PURE__ */ jsx(Close, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AlertDialogHeader,
+            {
+              title,
+              icon,
+              variant,
+              dataTestId
+            }
+          ),
+          /* @__PURE__ */ jsxs(StyledDialogContent, { "data-testid": `${dataTestId}-content`, children: [
+            description && /* @__PURE__ */ jsx(
+              DialogContentText,
+              {
+                id: descriptionId(dataTestId),
+                "data-testid": `${dataTestId}-description`,
+                children: description
+              }
+            ),
+            children
+          ] }),
+          /* @__PURE__ */ jsx(
+            AlertDialogFooter,
+            {
+              variant,
+              cancelText,
+              confirmText,
+              showCancel,
+              loading,
+              confirmDisabled,
+              initialFocus,
+              onCancel: handleCancel,
+              onConfirm: () => onConfirm?.(),
+              dataTestId
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AlertDialog.displayName = "AlertDialog";
+
+export {
+  AlertDialog
+};
+//# sourceMappingURL=chunk-OG6LYQ7C.js.map

package/dist/chunk-OG6LYQ7C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport Error from '@mui/icons-material/Error';\nimport Info from '@mui/icons-material/Info';\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport DialogContentText from '@mui/material/DialogContentText/index.js';\nimport DialogTitle from '@mui/material/DialogTitle/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, keyframes, styled, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { neutralTones } from '../../../tokens/ink';\n\nimport type { AlertDialogProps } from './AlertDialog.types';\nimport { rem, rems } from '../../../tokens/relative';\n\n// Define pulse animation\nconst pulseAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${rem(theme, 15)} currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst StyledDialog = styled(Dialog, {\n  shouldForwardProp: (prop) => \n    !['customVariant', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: string; \n  glow?: boolean; \n  pulse?: boolean; \n}>(({ theme, customVariant, glow, pulse }) => ({\n  '& .MuiDialog-paper': {\n    borderRadius: theme.spacing(2),\n    transition: 'all 0.3s ease',\n    position: 'relative',\n    overflow: 'hidden',\n\n    // Variant styles\n    ...(customVariant === 'default' && {\n      backgroundColor: theme.palette.background.paper,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    }),\n\n    // The error tint is LAYERED over the paper, not used as the background\n    // itself: `alpha(error, 0.05)` alone leaves the panel 95% transparent, so\n    // the page behind it showed straight through the question and its buttons.\n    // A confirm nobody can read is the one dialog that must never be hard to\n    // read. Same tint, opaque base.\n    ...(customVariant === 'destructive' && {\n      backgroundColor: theme.palette.background.paper,\n      backgroundImage: `linear-gradient(${alpha(theme.palette.error.main, 0.05)}, ${alpha(\n        theme.palette.error.main,\n        0.05,\n      )})`,\n      border: `1px solid ${alpha(theme.palette.error.main, 0.2)}`,\n    }),\n\n    ...(customVariant === 'glass' && {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: `blur(${rem(theme, 20)})`,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    }),\n\n    // Glow effect\n    ...(glow && !pulse && {\n      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n      filter: 'brightness(1.05)',\n    }),\n\n    // Pulse animation\n    ...(pulse && !glow && {\n      position: 'relative',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        borderRadius: 'inherit',\n        backgroundColor: theme.palette.primary.main,\n        opacity: 0.1,\n        animation: `${pulseAnimation(theme)} 2s infinite`,\n        pointerEvents: 'none',\n        zIndex: -1,\n      },\n    }),\n\n    // Both glow and pulse\n    ...(glow && pulse && {\n      position: 'relative',\n      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n      filter: 'brightness(1.05)',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        borderRadius: 'inherit',\n        backgroundColor: theme.palette.primary.main,\n        opacity: 0.1,\n        animation: `${pulseAnimation(theme)} 2s infinite`,\n        pointerEvents: 'none',\n        zIndex: -1,\n      },\n    }),\n  },\n}));\n\nconst StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n  paddingRight: theme.spacing(6), // Space for close button\n  '& .MuiTypography-root': {\n    fontWeight: 600,\n    fontSize: rem(theme, 20),\n  },\n}));\n\nconst StyledDialogContent = styled(DialogContent)(({ theme }) => ({\n  paddingTop: theme.spacing(1),\n  paddingBottom: theme.spacing(2),\n}));\n\nconst StyledDialogActions = styled(DialogActions)(({ theme }) => ({\n  padding: theme.spacing(2, 3, 3, 3),\n  gap: theme.spacing(1),\n}));\n\nconst CloseButton = styled(IconButton)(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing(1),\n  top: theme.spacing(1),\n  color: neutralTones(theme).muted,\n}));\n\n/**\n * Per-variant lookups, hoisted out of the render function. They depend on\n * nothing but their arguments, so keeping them at module scope means they are\n * not rebuilt on every render — and it keeps the component's own branch count\n * inside the repo's complexity budget.\n */\nconst variantIcon = (\n  variant: AlertDialogProps['variant'],\n  icon: AlertDialogProps['icon'],\n): React.ReactNode => {\n  if (icon) return icon;\n  return variant === 'destructive' ? <Error color=\"error\" /> : <Info color=\"primary\" />;\n};\n\n/**\n * Ids for the two elements that give the dialog its accessible name and\n * description. Derived from the test id so they are stable and unique per\n * dialog without a generated id that would change on every render.\n */\nconst titleId = (dataTestId: string): string => `${dataTestId}-title`;\nconst descriptionId = (dataTestId: string): string => `${dataTestId}-description`;\n\n/**\n * `alertdialog`, not `dialog`.\n *\n * This component interrupts what the operator was doing and will not go away\n * until they answer — which is exactly the distinction the two roles draw, and\n * it is what makes a screen reader announce the message itself on open rather\n * than just the dialog's name. MUI hardcodes `role=\"dialog\"` on the paper, so\n * it has to be overridden through the paper slot.\n */\nconst ALERT_ROLE = 'alertdialog';\n\n/**\n * The paper slot's a11y props: the role, plus the name and description wired to\n * the elements that actually carry them, so the announcement is the QUESTION\n * rather than the word \"dialog\".\n *\n * Both references are conditional — pointing `aria-labelledby` at an element\n * that was never rendered leaves a dangling id, which screen readers treat as\n * no name at all, i.e. worse than omitting it.\n */\nfunction ariaSlotProps(\n  dataTestId: string,\n  title: AlertDialogProps['title'],\n  description: AlertDialogProps['description'],\n): { paper: Record<string, string> } {\n  return {\n    paper: {\n      role: ALERT_ROLE,\n      ...(title ? { 'aria-labelledby': titleId(dataTestId) } : {}),\n      ...(description ? { 'aria-describedby': descriptionId(dataTestId) } : {}),\n    },\n  };\n}\n\n/** Both variants render a filled confirm; only the colour distinguishes them. */\nconst CONFIRM_BUTTON_VARIANT: ButtonProps['variant'] = 'contained';\nconst confirmButtonColor = (variant: AlertDialogProps['variant']): 'error' | 'primary' =>\n  variant === 'destructive' ? 'error' : 'primary';\n\n/** Title row: the variant icon (unless explicitly suppressed with `null`) + the title. */\nfunction AlertDialogHeader({\n  title,\n  icon,\n  variant,\n  dataTestId,\n}: {\n  title: AlertDialogProps['title'];\n  icon: AlertDialogProps['icon'];\n  variant: AlertDialogProps['variant'];\n  dataTestId: string;\n}): React.ReactElement | null {\n  if (!title) return null;\n  return (\n    <StyledDialogTitle id={titleId(dataTestId)} data-testid={`${dataTestId}-title`}>\n      {icon !== null && (\n        <span data-testid={`${dataTestId}-icon`}>{variantIcon(variant, icon)}</span>\n      )}\n      <Typography variant=\"h6\" component=\"span\">\n        {title}\n      </Typography>\n    </StyledDialogTitle>\n  );\n}\n\n/** Action row: the optional cancel button and the (variant-coloured) confirm. */\nfunction AlertDialogFooter({\n  variant,\n  cancelText = 'Cancel',\n  confirmText = 'Confirm',\n  showCancel = true,\n  loading = false,\n  confirmDisabled = false,\n  initialFocus = 'confirm',\n  onCancel,\n  onConfirm,\n  dataTestId,\n}: Pick<\n  AlertDialogProps,\n  | 'variant'\n  | 'cancelText'\n  | 'confirmText'\n  | 'showCancel'\n  | 'loading'\n  | 'confirmDisabled'\n  | 'initialFocus'\n> & {\n  onCancel: () => void;\n  onConfirm: () => void;\n  dataTestId: string;\n}): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <StyledDialogActions data-testid={`${dataTestId}-actions`}>\n      {showCancel && (\n        <Button\n          onClick={onCancel}\n          variant=\"outlined\"\n          color=\"inherit\"\n          disabled={loading}\n          autoFocus={initialFocus === 'cancel'}\n          data-testid={`${dataTestId}-cancel-button`}\n        >\n          {cancelText}\n        </Button>\n      )}\n      <Button\n        onClick={onConfirm}\n        variant={CONFIRM_BUTTON_VARIANT}\n        color={confirmButtonColor(variant)}\n        disabled={confirmDisabled || loading}\n        startIcon={\n          loading ? (\n            <CircularProgress\n              size={rem(theme, 16)}\n              color=\"inherit\"\n              data-testid={`${dataTestId}-loading-spinner`}\n            />\n          ) : undefined\n        }\n        autoFocus={initialFocus !== 'cancel'}\n        data-testid={`${dataTestId}-confirm-button`}\n      >\n        {confirmText}\n      </Button>\n    </StyledDialogActions>\n  );\n}\n\nexport const AlertDialog = React.forwardRef<HTMLDivElement, AlertDialogProps>(\n  ({\n    variant = 'default',\n    glow = false,\n    pulse = false,\n    title,\n    description,\n    icon,\n    cancelText,\n    confirmText,\n    onCancel,\n    onConfirm,\n    showCancel,\n    loading,\n    confirmDisabled,\n    initialFocus,\n    children,\n    onClose,\n    'data-testid': dataTestId = 'alert-dialog',\n    ...props\n  }, ref) => {\n    const handleCancel = () => {\n      onCancel?.();\n      onClose?.({}, 'backdropClick');\n    };\n\n    return (\n      <StyledDialog\n        ref={ref}\n        customVariant={variant}\n        glow={glow}\n        pulse={pulse}\n        onClose={onClose}\n        data-testid={dataTestId}\n        slotProps={ariaSlotProps(dataTestId, title, description)}\n        {...props}\n      >\n        <CloseButton\n          aria-label=\"close\"\n          onClick={handleCancel}\n          size=\"small\"\n          data-testid={`${dataTestId}-close-button`}\n        >\n          <Close />\n        </CloseButton>\n\n        <AlertDialogHeader\n          title={title}\n          icon={icon}\n          variant={variant}\n          dataTestId={dataTestId}\n        />\n\n        <StyledDialogContent data-testid={`${dataTestId}-content`}>\n          {description && (\n            <DialogContentText\n              id={descriptionId(dataTestId)}\n              data-testid={`${dataTestId}-description`}\n            >\n              {description}\n            </DialogContentText>\n          )}\n          {children}\n        </StyledDialogContent>\n\n        <AlertDialogFooter\n          variant={variant}\n          cancelText={cancelText}\n          confirmText={confirmText}\n          showCancel={showCancel}\n          loading={loading}\n          confirmDisabled={confirmDisabled}\n          initialFocus={initialFocus}\n          onCancel={handleCancel}\n          onConfirm={() => onConfirm?.()}\n          dataTestId={dataTestId}\n        />\n      </StyledDialog>\n    );\n  }\n);\n\nAlertDialog.displayName = 'AlertDialog';"],"mappings":"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","names":[]}

package/dist/chunk-OHZU4IT3.js

@@ -0,0 +1,66 @@
+import {
+  accentFor
+} from "./chunk-TCAQOUIB.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Carousel/Carousel.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var SIZES = {
+  xs: { height: sxRem(200), fontSize: sxRem(12) },
+  sm: { height: sxRem(300), fontSize: sxRem(14) },
+  md: { height: sxRem(400), fontSize: sxRem(16) },
+  lg: { height: sxRem(500), fontSize: sxRem(18) },
+  xl: { height: sxRem(600), fontSize: sxRem(20) }
+};
+var sizeStyles = (size) => SIZES[size] ?? SIZES.md;
+var frameBox = (theme, size, height, width) => ({
+  width: typeof width === "number" ? rem(theme, width) : width,
+  height: typeof height === "number" || height === void 0 ? rem(theme, height ?? 400) : sizeStyles(size).height(theme)
+});
+var SURFACES = {
+  glass: ({ theme, color, glass }) => ({
+    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),
+    backdropFilter: `blur(${rem(theme, 20)})`,
+    border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`
+  }),
+  gradient: ({ theme, color, gradient }) => ({
+    background: gradient ? `linear-gradient(135deg, ${alpha(accentFor(theme, color).light, 0.1)}, ${alpha(accentFor(theme, color).dark, 0.1)})` : "transparent"
+  }),
+  elevated: ({ theme }) => ({ boxShadow: theme.shadows[8] }),
+  minimal: () => ({ border: "none", boxShadow: "none" }),
+  cards: ({ theme }) => ({ padding: theme.spacing(2) }),
+  default: () => ({})
+};
+var containerStyles = (input) => {
+  const { theme, variant, color, height, width, glow, pulse } = input;
+  const accent = accentFor(theme, color).main;
+  return {
+    position: "relative",
+    width,
+    height,
+    overflow: "hidden",
+    borderRadius: theme.spacing(1),
+    transition: theme.transitions.create(["all"], {
+      duration: theme.transitions.duration.standard
+    }),
+    ...glow && { boxShadow: `0 0 ${rem(theme, 30)} ${alpha(accent, 0.4)}` },
+    ...pulse && {
+      animation: "pulse 2s infinite",
+      "@keyframes pulse": {
+        "0%": { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },
+        "70%": { boxShadow: `0 0 0 ${rem(theme, 20)} ${alpha(accent, 0)}` },
+        "100%": { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` }
+      }
+    },
+    ...(SURFACES[variant] ?? SURFACES.default)(input)
+  };
+};
+
+export {
+  frameBox,
+  containerStyles
+};
+//# sourceMappingURL=chunk-OHZU4IT3.js.map

package/dist/chunk-OHZU4IT3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { CarouselProps } from './Carousel.types';\nimport { accentFor, rem, sxRem } from '../../../tokens/scales';\n\ntype Variant = NonNullable<CarouselProps['variant']>;\ntype Size = NonNullable<CarouselProps['size']>;\ntype Color = NonNullable<CarouselProps['color']>;\n\nconst SIZES: Record<Size, { height: (theme: Theme) => string; fontSize: (theme: Theme) => string }> = {\n  xs: { height: sxRem(200), fontSize: sxRem(12) },\n  sm: { height: sxRem(300), fontSize: sxRem(14) },\n  md: { height: sxRem(400), fontSize: sxRem(16) },\n  lg: { height: sxRem(500), fontSize: sxRem(18) },\n  xl: { height: sxRem(600), fontSize: sxRem(20) },\n};\n\nconst sizeStyles = (size: Size) => SIZES[size] ?? SIZES.md;\n\n/**\n * The frame's box as CSS. A numeric `height`/`width` is design px, drawn\n * through the type scale; an unset height is the documented 400. A numeric\n * height is taken literally; any other falls back to the size preset, since a\n * percentage cannot resolve against an unsized parent here. A string width\n * passes through.\n */\nexport const frameBox = (\n  theme: Theme,\n  size: Size,\n  height: number | string | undefined,\n  width: number | string,\n): { width: string; height: string } => ({\n  width: typeof width === 'number' ? rem(theme, width) : width,\n  height: typeof height === 'number' || height === undefined\n    ? rem(theme, height ?? 400)\n    : sizeStyles(size).height(theme),\n});\n\ninterface ContainerStyleInput {\n  theme: Theme;\n  variant: Variant;\n  size: Size;\n  color: Color;\n  /** The frame's box, resolved by {@link frameBox}. */\n  height: string;\n  width: string;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n}\n\n/**\n * Each variant's own additions to the shared frame. The old switch re-spread the\n * same base, glow and pulse objects in all six arms before adding these; only\n * these differ, so the shared prefix is applied once by `containerStyles`.\n */\nconst SURFACES: Record<Variant, (input: ContainerStyleInput) => CSSObject> = {\n  glass: ({ theme, color, glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),\n    backdropFilter: `blur(${rem(theme, 20)})`,\n    border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`,\n  }),\n\n  gradient: ({ theme, color, gradient }) => ({\n    background: gradient\n      ? `linear-gradient(135deg, ${alpha(accentFor(theme, color).light, 0.1)}, ${alpha(accentFor(theme, color).dark, 0.1)})`\n      : 'transparent',\n  }),\n\n  elevated: ({ theme }) => ({ boxShadow: theme.shadows[8] }),\n\n  minimal: () => ({ border: 'none', boxShadow: 'none' }),\n\n  cards: ({ theme }) => ({ padding: theme.spacing(2) }),\n\n  default: () => ({}),\n};\n\nexport const containerStyles = (input: ContainerStyleInput): CSSObject => {\n  const { theme, variant, color, height, width, glow, pulse } = input;\n  const accent = accentFor(theme, color).main;\n\n  return {\n    position: 'relative' as const,\n    width,\n    height,\n    overflow: 'hidden',\n    borderRadius: theme.spacing(1),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    ...(glow && { boxShadow: `0 0 ${rem(theme, 30)} ${alpha(accent, 0.4)}` }),\n    ...(pulse && {\n      animation: 'pulse 2s infinite',\n      '@keyframes pulse': {\n        '0%': { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },\n        '70%': { boxShadow: `0 0 0 ${rem(theme, 20)} ${alpha(accent, 0)}` },\n        '100%': { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` },\n      },\n    }),\n    ...(SURFACES[variant] ?? SURFACES.default)(input),\n  };\n};\n"],"mappings":";;;;;;;;;AAAA,SAAS,aAAa;AAUtB,IAAM,QAAgG;AAAA,EACpG,IAAI,EAAE,QAAQ,MAAM,GAAG,GAAG,UAAU,MAAM,EAAE,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,MAAM,GAAG,GAAG,UAAU,MAAM,EAAE,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,MAAM,GAAG,GAAG,UAAU,MAAM,EAAE,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,MAAM,GAAG,GAAG,UAAU,MAAM,EAAE,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,MAAM,GAAG,GAAG,UAAU,MAAM,EAAE,EAAE;AAChD;AAEA,IAAM,aAAa,CAAC,SAAe,MAAM,IAAI,KAAK,MAAM;AASjD,IAAM,WAAW,CACtB,OACA,MACA,QACA,WACuC;AAAA,EACvC,OAAO,OAAO,UAAU,WAAW,IAAI,OAAO,KAAK,IAAI;AAAA,EACvD,QAAQ,OAAO,WAAW,YAAY,WAAW,SAC7C,IAAI,OAAO,UAAU,GAAG,IACxB,WAAW,IAAI,EAAE,OAAO,KAAK;AACnC;AAqBA,IAAM,WAAuE;AAAA,EAC3E,OAAO,CAAC,EAAE,OAAO,OAAO,MAAM,OAAO;AAAA,IACnC,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,QAAQ,MAAM,GAAG;AAAA,IACxE,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACtC,QAAQ,aAAa,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,EAC/D;AAAA,EAEA,UAAU,CAAC,EAAE,OAAO,OAAO,SAAS,OAAO;AAAA,IACzC,YAAY,WACR,2BAA2B,MAAM,UAAU,OAAO,KAAK,EAAE,OAAO,GAAG,CAAC,KAAK,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC,MACjH;AAAA,EACN;AAAA,EAEA,UAAU,CAAC,EAAE,MAAM,OAAO,EAAE,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,EAExD,SAAS,OAAO,EAAE,QAAQ,QAAQ,WAAW,OAAO;AAAA,EAEpD,OAAO,CAAC,EAAE,MAAM,OAAO,EAAE,SAAS,MAAM,QAAQ,CAAC,EAAE;AAAA,EAEnD,SAAS,OAAO,CAAC;AACnB;AAEO,IAAM,kBAAkB,CAAC,UAA0C;AACxE,QAAM,EAAE,OAAO,SAAS,OAAO,QAAQ,OAAO,MAAM,MAAM,IAAI;AAC9D,QAAM,SAAS,UAAU,OAAO,KAAK,EAAE;AAEvC,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,MAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,IACvC,CAAC;AAAA,IACD,GAAI,QAAQ,EAAE,WAAW,OAAO,IAAI,OAAO,EAAE,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC,GAAG;AAAA,IACvE,GAAI,SAAS;AAAA,MACX,WAAW;AAAA,MACX,oBAAoB;AAAA,QAClB,MAAM,EAAE,WAAW,WAAW,MAAM,QAAQ,GAAG,CAAC,GAAG;AAAA,QACnD,OAAO,EAAE,WAAW,SAAS,IAAI,OAAO,EAAE,CAAC,IAAI,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,QAClE,QAAQ,EAAE,WAAW,WAAW,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,MACrD;AAAA,IACF;AAAA,IACA,IAAI,SAAS,OAAO,KAAK,SAAS,SAAS,KAAK;AAAA,EAClD;AACF;","names":[]}

package/dist/chunk-OJ2XR3WH.js

@@ -0,0 +1,65 @@
+import {
+  dayCount,
+  isAfterDay
+} from "./chunk-FRAVVI4A.js";
+import {
+  isoToMasked
+} from "./chunk-GY4NBSCN.js";
+
+// src/components/form/DateRangePicker/DateRangePicker.range.ts
+function resolveDayRange(draft, maxRangeDays) {
+  const { from, to } = draft;
+  if (!from || !to) return { ok: false, problem: "incomplete", days: 0 };
+  if (isAfterDay(from, to)) return { ok: false, problem: "reversed", days: 0 };
+  const days = dayCount(from, to);
+  if (maxRangeDays !== void 0 && days > maxRangeDays) {
+    return { ok: false, problem: "over-max", days };
+  }
+  return { ok: true, window: { from, to }, days };
+}
+function defaultMessages() {
+  const dayMask = "dd/mm/yyyy";
+  return {
+    from: "Start date",
+    to: "End date",
+    quickRanges: "Quick ranges",
+    incomplete: "Choose both dates.",
+    reversed: "The end date must be on or after the start date.",
+    overMax: ({ maxRangeDays }) => `Choose a range of at most ${maxRangeDays} days.`,
+    summary: ({ from, to }) => `${isoToMasked(from, dayMask)} \u2013 ${isoToMasked(to, dayMask)}`,
+    calendarLabel: "Calendar",
+    dayMask
+  };
+}
+function statusMessage(status, messages, maxRangeDays) {
+  if (status.ok) return messages.summary(status.window);
+  if (status.problem === "incomplete") return messages.incomplete;
+  if (status.problem === "reversed") return messages.reversed;
+  return messages.overMax({ maxRangeDays: maxRangeDays ?? status.days, days: status.days });
+}
+function resolveQuickRanges(quickRanges, context, maxRangeDays) {
+  return quickRanges.map((quickRange) => {
+    const window = quickRange.resolve(context);
+    const days = dayCount(window.from, window.to);
+    return {
+      ...quickRange,
+      window,
+      days,
+      overMax: maxRangeDays !== void 0 && days > maxRangeDays
+    };
+  });
+}
+function activeQuickRangeId(options, draft) {
+  return options.find(
+    (option) => option.window.from === draft.from && option.window.to === draft.to
+  )?.id;
+}
+
+export {
+  resolveDayRange,
+  defaultMessages,
+  statusMessage,
+  resolveQuickRanges,
+  activeQuickRangeId
+};
+//# sourceMappingURL=chunk-OJ2XR3WH.js.map

package/dist/chunk-OWA7GPWR.js

@@ -0,0 +1,86 @@
+import {
+  METRICS,
+  footerSx
+} from "./chunk-BXAL7OIS.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/CategorySelect/CategoryPanelFoot.tsx
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonSx = (sheet) => ({
+  height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,
+  padding: "0 13px",
+  borderRadius: fieldRadiusPx,
+  fontSize: sxRem(12.5),
+  fontWeight: 600,
+  textTransform: "none",
+  minWidth: 0
+});
+function CategoryMultiFoot({
+  count,
+  changed,
+  sheet,
+  onClear,
+  onApply,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: sxRem(12), color: "text.secondary" }, children: copy.footer.selectedCount(count) }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "6px" }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          disabled: count === 0,
+          sx: buttonSx(sheet),
+          onClick: onClear,
+          "data-testid": `${dataTestId}-clear`,
+          children: copy.footer.clear
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          sx: buttonSx(sheet),
+          onClick: onApply,
+          "data-testid": `${dataTestId}-apply`,
+          children: changed ? copy.footer.apply : copy.footer.close
+        }
+      )
+    ] })
+  ] });
+}
+function CategorySingleFoot({
+  sheet,
+  onCancel,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: sxRem(12), color: "text.secondary" }, children: copy.footer.singleHint }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        sx: buttonSx(sheet),
+        onClick: onCancel,
+        "data-testid": `${dataTestId}-cancel`,
+        children: copy.footer.cancel
+      }
+    )
+  ] });
+}
+
+export {
+  CategoryMultiFoot,
+  CategorySingleFoot
+};
+//# sourceMappingURL=chunk-OWA7GPWR.js.map

package/dist/chunk-OWA7GPWR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelFoot.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport { footerSx, METRICS } from './CategorySelect.styles';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { sxRem } from '../../../tokens/relative';\n\nconst buttonSx = (sheet: boolean) =>\n  ({\n    height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,\n    padding: '0 13px',\n    borderRadius: fieldRadiusPx,\n    fontSize: sxRem(12.5),\n    fontWeight: 600,\n    textTransform: 'none',\n    minWidth: 0,\n  }) as const;\n\ninterface MultiFootProps {\n  count: number;\n  /** False once the draft matches what is already applied — Apply becomes Close. */\n  changed: boolean;\n  sheet: boolean;\n  onClear: () => void;\n  onApply: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/**\n * Multi-select footer: the running count, Clear, and the Apply that publishes\n * the draft. The primary button reads \"Fechar\" when nothing changed, so it never\n * promises an update it would not make.\n */\nexport function CategoryMultiFoot({\n  count,\n  changed,\n  sheet,\n  onClear,\n  onApply,\n  dataTestId,\n  copy,\n}: MultiFootProps): React.JSX.Element {\n  return (\n    <Box sx={footerSx} data-testid={`${dataTestId}-footer`}>\n      <Box component=\"span\" sx={{ fontSize: sxRem(12), color: 'text.secondary' }}>\n        {copy.footer.selectedCount(count)}\n      </Box>\n      <Box sx={{ display: 'flex', gap: '6px' }}>\n        <Button\n          variant=\"outlined\"\n          disabled={count === 0}\n          sx={buttonSx(sheet)}\n          onClick={onClear}\n          data-testid={`${dataTestId}-clear`}\n        >\n          {copy.footer.clear}\n        </Button>\n        <Button\n          variant=\"contained\"\n          sx={buttonSx(sheet)}\n          onClick={onApply}\n          data-testid={`${dataTestId}-apply`}\n        >\n          {changed ? copy.footer.apply : copy.footer.close}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n\n/** Single-select footer: a hint and a way out. Picking a row commits directly. */\nexport function CategorySingleFoot({\n  sheet,\n  onCancel,\n  dataTestId,\n  copy,\n}: {\n  sheet: boolean;\n  onCancel: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={footerSx} data-testid={`${dataTestId}-footer`}>\n      <Box component=\"span\" sx={{ fontSize: sxRem(12), color: 'text.secondary' }}>\n        {copy.footer.singleHint}\n      </Box>\n      <Button\n        variant=\"outlined\"\n        sx={buttonSx(sheet)}\n        onClick={onCancel}\n        data-testid={`${dataTestId}-cancel`}\n      >\n        {copy.footer.cancel}\n      </Button>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAEA,OAAO,SAAS;AAChB,OAAO,YAAY;AA6Cb,cAGA,YAHA;AAtCN,IAAM,WAAW,CAAC,WACf;AAAA,EACC,QAAQ,QAAQ,QAAQ,oBAAoB,QAAQ;AAAA,EACpD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU,MAAM,IAAI;AAAA,EACpB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AACZ;AAkBK,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,qBAAC,OAAI,IAAI,UAAU,eAAa,GAAG,UAAU,WAC3C;AAAA,wBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,GAAG,OAAO,iBAAiB,GACtE,eAAK,OAAO,cAAc,KAAK,GAClC;AAAA,IACA,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,KAAK,MAAM,GACrC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAU,UAAU;AAAA,UACpB,IAAI,SAAS,KAAK;AAAA,UAClB,SAAS;AAAA,UACT,eAAa,GAAG,UAAU;AAAA,UAEzB,eAAK,OAAO;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,IAAI,SAAS,KAAK;AAAA,UAClB,SAAS;AAAA,UACT,eAAa,GAAG,UAAU;AAAA,UAEzB,oBAAU,KAAK,OAAO,QAAQ,KAAK,OAAO;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;AAGO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE,qBAAC,OAAI,IAAI,UAAU,eAAa,GAAG,UAAU,WAC3C;AAAA,wBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,GAAG,OAAO,iBAAiB,GACtE,eAAK,OAAO,YACf;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,IAAI,SAAS,KAAK;AAAA,QAClB,SAAS;AAAA,QACT,eAAa,GAAG,UAAU;AAAA,QAEzB,eAAK,OAAO;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-OZPLAOI4.js

@@ -0,0 +1,79 @@
+import {
+  avatarFor,
+  chipStyles,
+  iconWithTestId,
+  makeKeyDownHandler
+} from "./chunk-GJRKWDRR.js";
+import {
+  chipMuiSize
+} from "./chunk-KU6VHNRV.js";
+import {
+  chipRole,
+  isClickable,
+  makeTestId
+} from "./chunk-BF4FYOAR.js";
+
+// src/components/data-display/Chip/Chip.tsx
+import CancelIcon from "@mui/icons-material/Cancel";
+import MuiChip from "@mui/material/Chip/index.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var muiColorFor = (color) => {
+  if (color === "danger") return "error";
+  return color === "neutral" ? "default" : color;
+};
+var Chip = forwardRef(({
+  label,
+  variant = "filled",
+  size = "md",
+  color = "primary",
+  avatarSrc,
+  avatar,
+  icon,
+  selected,
+  selectable,
+  deletable,
+  disabled,
+  onClick,
+  onDelete,
+  className,
+  dataTestId,
+  // React Native's spelling of the same id; it names the component on both
+  // sides and must not reach the DOM as an attribute.
+  testID,
+  ...props
+}, ref) => {
+  const chipId = testID ?? dataTestId;
+  const testId = makeTestId(chipId);
+  const clickable = isClickable(disabled, onClick, selectable);
+  return /* @__PURE__ */ jsx(
+    MuiChip,
+    {
+      ref,
+      label: /* @__PURE__ */ jsx("span", { "data-testid": testId("label"), children: label }),
+      variant,
+      size: chipMuiSize(size),
+      color: muiColorFor(color),
+      avatar: avatarFor(avatar, avatarSrc),
+      icon: iconWithTestId(icon, testId("icon")),
+      onDelete: deletable ? onDelete : void 0,
+      deleteIcon: deletable ? /* @__PURE__ */ jsx(CancelIcon, { "data-testid": testId("delete") }) : void 0,
+      disabled,
+      clickable,
+      onClick: clickable ? onClick : void 0,
+      onKeyDown: makeKeyDownHandler({ disabled, deletable, selectable, onClick, onDelete }),
+      className,
+      role: chipRole(selectable, onClick),
+      "aria-selected": selectable ? selected : void 0,
+      "data-testid": chipId || "chip",
+      sx: chipStyles({ variant, selected, clickable, disabled }),
+      ...props
+    }
+  );
+});
+Chip.displayName = "Chip";
+
+export {
+  Chip
+};
+//# sourceMappingURL=chunk-OZPLAOI4.js.map