@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-56J55PEI.js

@@ -0,0 +1,246 @@
+import {
+  bannerPartStyles,
+  fadeInSlide,
+  getVariantColor
+} from "./chunk-M2M4OT5S.js";
+
+// src/components/data-display/Banner/Banner.tsx
+import CheckCircle from "@mui/icons-material/CheckCircle";
+import Close from "@mui/icons-material/Close";
+import Error from "@mui/icons-material/Error";
+import Info from "@mui/icons-material/Info";
+import Warning from "@mui/icons-material/Warning";
+import { alpha, Box, Button, IconButton, Typography } from "@mui/material";
+import { styled } from "@mui/material";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StyledBanner = styled(Box, {
+  shouldForwardProp: (prop) => !["variant", "sticky", "fullWidth"].includes(prop)
+})(({ theme, variant, sticky, fullWidth }) => {
+  const colorPalette = getVariantColor(theme, variant);
+  return {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: theme.spacing(1.5),
+    padding: theme.spacing(1.5, 2),
+    borderRadius: theme.spacing(1),
+    backgroundColor: alpha(colorPalette.main, 0.1),
+    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,
+    color: colorPalette.main,
+    position: sticky ? "sticky" : "relative",
+    top: sticky ? 0 : "auto",
+    zIndex: sticky ? theme.zIndex.appBar : "auto",
+    width: fullWidth ? "100vw" : "100%",
+    marginLeft: fullWidth ? "50%" : 0,
+    transform: fullWidth ? "translateX(-50%)" : "none",
+    animation: `${fadeInSlide} 0.3s ease-out`,
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    // Enhanced accessibility and focus styles
+    "&:focus-within": {
+      outline: `3px solid ${alpha(colorPalette.main, 0.5)}`,
+      outlineOffset: "2px"
+    },
+    ...bannerPartStyles(theme, colorPalette),
+    // Responsive layout
+    [theme.breakpoints.down("sm")]: {
+      flexDirection: "column",
+      alignItems: "stretch",
+      gap: theme.spacing(1),
+      ".banner-content": {
+        order: 1
+      },
+      ".banner-actions": {
+        order: 2,
+        justifyContent: "flex-start",
+        marginTop: theme.spacing(1),
+        marginLeft: 0
+      }
+    },
+    // Glass effect variant (optional enhancement)
+    "&.banner-glass": {
+      backgroundColor: alpha(theme.palette.background.paper, 0.1),
+      backdropFilter: "blur(20px)",
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+      color: theme.palette.text.primary,
+      ".banner-icon": {
+        color: colorPalette.main
+      }
+    }
+  };
+});
+var getVariantIcon = (variant) => {
+  const iconMap = {
+    info: /* @__PURE__ */ jsx(Info, {}),
+    success: /* @__PURE__ */ jsx(CheckCircle, {}),
+    warning: /* @__PURE__ */ jsx(Warning, {}),
+    critical: /* @__PURE__ */ jsx(Error, {})
+  };
+  return iconMap[variant];
+};
+var resolveAriaAnnouncement = (variant) => ({
+  role: variant === "warning" || variant === "critical" ? "alert" : "status",
+  live: variant === "critical" ? "assertive" : "polite"
+});
+var testIdFor = (base, suffix) => base ? `${base}-${suffix}` : `banner-${suffix}`;
+var buildActionSx = (theme, variant, actionVariant) => {
+  const palette = getVariantColor(theme, variant);
+  return {
+    minWidth: "auto",
+    px: 1.5,
+    py: 0.5,
+    fontSize: "0.8125rem",
+    fontWeight: 500,
+    borderRadius: 1,
+    ...actionVariant === "primary" && {
+      backgroundColor: palette.main,
+      color: theme.palette.getContrastText(palette.main),
+      "&:hover": {
+        backgroundColor: palette.dark || palette.main,
+        transform: "translateY(-1px)"
+      }
+    },
+    ...actionVariant === "secondary" && {
+      borderColor: palette.main,
+      color: palette.main,
+      "&:hover": {
+        backgroundColor: alpha(palette.main, 0.1),
+        borderColor: palette.main,
+        transform: "translateY(-1px)"
+      }
+    }
+  };
+};
+var BannerActionButton = ({ action, variant, dataTestId }) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    size: "small",
+    variant: action.variant === "primary" ? "contained" : "outlined",
+    onClick: action.onClick,
+    "data-testid": testIdFor(dataTestId, "action"),
+    sx: (theme) => buildActionSx(theme, variant, action.variant),
+    children: action.label
+  }
+);
+var BannerBody = ({ displayIcon, title, description, dataTestId, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  displayIcon && /* @__PURE__ */ jsx(Box, { className: "banner-icon", "aria-hidden": "true", "data-testid": testIdFor(dataTestId, "icon"), children: displayIcon }),
+  /* @__PURE__ */ jsxs(Box, { className: "banner-content", children: [
+    title && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        className: "banner-title",
+        variant: "subtitle2",
+        component: "div",
+        "data-testid": testIdFor(dataTestId, "title"),
+        children: title
+      }
+    ),
+    description && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        className: "banner-description",
+        variant: "body2",
+        component: "div",
+        "data-testid": testIdFor(dataTestId, "message"),
+        children: description
+      }
+    ),
+    children
+  ] })
+] });
+var BannerTrailing = ({ actions, variant, dismissible, onDismissClick, dismissLabel, dataTestId }) => /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
+  actions && actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "banner-actions", children: actions.map((action, index) => /* @__PURE__ */ jsx(
+    BannerActionButton,
+    {
+      action,
+      variant,
+      dataTestId
+    },
+    index
+  )) }),
+  dismissible && /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      className: "banner-dismiss",
+      size: "small",
+      onClick: onDismissClick,
+      "aria-label": dismissLabel,
+      "data-testid": testIdFor(dataTestId, "close"),
+      sx: { transition: "all 0.2s ease" },
+      children: /* @__PURE__ */ jsx(Close, { fontSize: "small" })
+    }
+  )
+] });
+var Banner = React.forwardRef(
+  ({
+    variant = "info",
+    title,
+    description,
+    icon,
+    dismissible = false,
+    dismissLabel,
+    onDismiss,
+    actions,
+    sticky = false,
+    fullWidth = false,
+    className,
+    children,
+    "data-testid": dataTestId = "banner",
+    ...props
+  }, ref) => {
+    const [visible, setVisible] = React.useState(true);
+    const handleDismiss = React.useCallback(() => {
+      setVisible(false);
+      onDismiss?.();
+    }, [onDismiss]);
+    const displayIcon = icon || getVariantIcon(variant);
+    const { role: ariaRole, live: ariaLive } = resolveAriaAnnouncement(variant);
+    if (!visible) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(
+      StyledBanner,
+      {
+        ref,
+        variant,
+        sticky,
+        fullWidth,
+        className,
+        role: ariaRole,
+        "aria-live": ariaLive,
+        "aria-atomic": "true",
+        tabIndex: 0,
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            BannerBody,
+            {
+              displayIcon,
+              title,
+              description,
+              dataTestId,
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            BannerTrailing,
+            {
+              actions,
+              variant,
+              dismissible,
+              onDismissClick: handleDismiss,
+              dismissLabel,
+              dataTestId
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "Banner";
+
+export {
+  Banner
+};
+//# sourceMappingURL=chunk-56J55PEI.js.map

package/dist/chunk-56J55PEI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Banner/Banner.tsx"],"sourcesContent":["import CheckCircle from '@mui/icons-material/CheckCircle';\nimport Close from '@mui/icons-material/Close';\nimport Error from '@mui/icons-material/Error';\nimport Info from '@mui/icons-material/Info';\nimport Warning from '@mui/icons-material/Warning';\nimport { alpha, Box, Button, IconButton, Typography } from '@mui/material';\nimport type { Theme } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { bannerPartStyles, fadeInSlide, getVariantColor } from './Banner.styles';\nimport type { BannerProps, BannerVariant } from './Banner.types';\n\nconst StyledBanner = styled(Box, {\n  shouldForwardProp: (prop) => !['variant', 'sticky', 'fullWidth'].includes(prop as string),\n})<{\n  variant: BannerVariant;\n  sticky: boolean;\n  fullWidth: boolean;\n}>(({ theme, variant, sticky, fullWidth }) => {\n\n  const colorPalette = getVariantColor(theme, variant);\n\n  return {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(1.5),\n    padding: theme.spacing(1.5, 2),\n    borderRadius: theme.spacing(1),\n    backgroundColor: alpha(colorPalette.main, 0.1),\n    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,\n    color: colorPalette.main,\n    position: sticky ? 'sticky' : 'relative',\n    top: sticky ? 0 : 'auto',\n    zIndex: sticky ? theme.zIndex.appBar : 'auto',\n    width: fullWidth ? '100vw' : '100%',\n    marginLeft: fullWidth ? '50%' : 0,\n    transform: fullWidth ? 'translateX(-50%)' : 'none',\n    animation: `${fadeInSlide} 0.3s ease-out`,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n\n    // Enhanced accessibility and focus styles\n    '&:focus-within': {\n      outline: `3px solid ${alpha(colorPalette.main, 0.5)}`,\n      outlineOffset: '2px',\n    },\n\n    ...bannerPartStyles(theme, colorPalette),\n\n    // Responsive layout\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: theme.spacing(1),\n      \n      '.banner-content': {\n        order: 1,\n      },\n\n      '.banner-actions': {\n        order: 2,\n        justifyContent: 'flex-start',\n        marginTop: theme.spacing(1),\n        marginLeft: 0,\n      },\n    },\n\n    // Glass effect variant (optional enhancement)\n    '&.banner-glass': {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      color: theme.palette.text.primary,\n      \n      '.banner-icon': {\n        color: colorPalette.main,\n      },\n    },\n  };\n});\n\nconst getVariantIcon = (variant: BannerVariant) => {\n  const iconMap: Record<BannerVariant, React.ReactNode> = {\n    info: <Info />,\n    success: <CheckCircle />,\n    warning: <Warning />,\n    critical: <Error />,\n  };\n  return iconMap[variant];\n};\n\ntype BannerAction = NonNullable<BannerProps['actions']>[number];\n\n// Warnings and criticals interrupt the screen reader; the rest are announced\n// politely when it next pauses.\nconst resolveAriaAnnouncement = (variant: BannerVariant) => ({\n  role: variant === 'warning' || variant === 'critical' ? 'alert' : 'status',\n  live: (variant === 'critical' ? 'assertive' : 'polite') as 'assertive' | 'polite',\n});\n\nconst testIdFor = (base: string | undefined, suffix: string) =>\n  base ? `${base}-${suffix}` : `banner-${suffix}`;\n\n// Resolves the banner's palette once, rather than per property as the inline\n// version did — getVariantColor was being called nine times to build one button.\nconst buildActionSx = (\n  theme: Theme,\n  variant: BannerVariant,\n  actionVariant: BannerAction['variant'],\n) => {\n  const palette = getVariantColor(theme, variant);\n\n  return {\n    minWidth: 'auto',\n    px: 1.5,\n    py: 0.5,\n    fontSize: '0.8125rem',\n    fontWeight: 500,\n    borderRadius: 1,\n\n    ...(actionVariant === 'primary' && {\n      backgroundColor: palette.main,\n      color: theme.palette.getContrastText(palette.main),\n\n      '&:hover': {\n        backgroundColor: palette.dark || palette.main,\n        transform: 'translateY(-1px)',\n      },\n    }),\n\n    ...(actionVariant === 'secondary' && {\n      borderColor: palette.main,\n      color: palette.main,\n\n      '&:hover': {\n        backgroundColor: alpha(palette.main, 0.1),\n        borderColor: palette.main,\n        transform: 'translateY(-1px)',\n      },\n    }),\n  };\n};\n\nconst BannerActionButton: React.FC<{\n  action: BannerAction;\n  variant: BannerVariant;\n  dataTestId?: string;\n}> = ({ action, variant, dataTestId }) => (\n  <Button\n    size=\"small\"\n    variant={action.variant === 'primary' ? 'contained' : 'outlined'}\n    onClick={action.onClick}\n    data-testid={testIdFor(dataTestId, 'action')}\n    sx={(theme) => buildActionSx(theme, variant, action.variant)}\n  >\n    {action.label}\n  </Button>\n);\n\nconst BannerBody: React.FC<{\n  displayIcon: React.ReactNode;\n  title?: BannerProps['title'];\n  description?: BannerProps['description'];\n  dataTestId?: string;\n  children?: React.ReactNode;\n}> = ({ displayIcon, title, description, dataTestId, children }) => (\n  <>\n    {displayIcon && (\n      <Box className=\"banner-icon\" aria-hidden=\"true\" data-testid={testIdFor(dataTestId, 'icon')}>\n        {displayIcon}\n      </Box>\n    )}\n\n    <Box className=\"banner-content\">\n      {title && (\n        <Typography\n          className=\"banner-title\"\n          variant=\"subtitle2\"\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'title')}\n        >\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography\n          className=\"banner-description\"\n          variant=\"body2\"\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'message')}\n        >\n          {description}\n        </Typography>\n      )}\n      {children}\n    </Box>\n  </>\n);\n\nconst BannerTrailing: React.FC<{\n  actions?: BannerProps['actions'];\n  variant: BannerVariant;\n  dismissible: boolean;\n  onDismissClick: () => void;\n  dismissLabel: string;\n  dataTestId?: string;\n}> = ({ actions, variant, dismissible, onDismissClick, dismissLabel, dataTestId }) => (\n  <Box display=\"flex\" alignItems=\"center\" gap={1}>\n    {actions && actions.length > 0 && (\n      <Box className=\"banner-actions\">\n        {actions.map((action, index) => (\n          <BannerActionButton\n            key={index}\n            action={action}\n            variant={variant}\n            dataTestId={dataTestId}\n          />\n        ))}\n      </Box>\n    )}\n\n    {dismissible && (\n      <IconButton\n        className=\"banner-dismiss\"\n        size=\"small\"\n        onClick={onDismissClick}\n        aria-label={dismissLabel}\n        data-testid={testIdFor(dataTestId, 'close')}\n        sx={{ transition: 'all 0.2s ease' }}\n      >\n        <Close fontSize=\"small\" />\n      </IconButton>\n    )}\n  </Box>\n);\n\nexport const Banner = React.forwardRef<HTMLDivElement, BannerProps>(\n  (\n    {\n      variant = 'info',\n      title,\n      description,\n      icon,\n      dismissible = false,\n      dismissLabel,\n      onDismiss,\n      actions,\n      sticky = false,\n      fullWidth = false,\n      className,\n      children,\n      'data-testid': dataTestId = 'banner',\n      ...props\n    },\n    ref,\n  ) => {\n    const [visible, setVisible] = React.useState(true);\n\n    const handleDismiss = React.useCallback(() => {\n      setVisible(false);\n      onDismiss?.();\n    }, [onDismiss]);\n\n    const displayIcon = icon || getVariantIcon(variant);\n\n    const { role: ariaRole, live: ariaLive } = resolveAriaAnnouncement(variant);\n\n    if (!visible) {\n      return null;\n    }\n\n    return (\n      <StyledBanner\n        ref={ref}\n        variant={variant}\n        sticky={sticky}\n        fullWidth={fullWidth}\n        className={className}\n        role={ariaRole}\n        aria-live={ariaLive}\n        aria-atomic=\"true\"\n        tabIndex={0}\n        data-testid={dataTestId}\n        {...props}\n      >\n        <BannerBody\n          displayIcon={displayIcon}\n          title={title}\n          description={description}\n          dataTestId={dataTestId}\n        >\n          {children}\n        </BannerBody>\n\n        <BannerTrailing\n          actions={actions}\n          variant={variant}\n          dismissible={dismissible}\n          onDismissClick={handleDismiss}\n          dismissLabel={dismissLabel}\n          dataTestId={dataTestId}\n        />\n      </StyledBanner>\n    );\n  },\n);\n\nBanner.displayName = 'Banner';"],"mappings":"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","names":[]}

package/dist/chunk-56O2UXSW.js

@@ -0,0 +1,80 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Box
+} from "./chunk-34DQAXL2.js";
+import {
+  Button
+} from "./chunk-GD7HXHOT.js";
+import {
+  Text
+} from "./chunk-R52HJAYO.js";
+
+// src/components/data-display/DataViews/data-views-empty.tsx
+import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
+import InboxRoundedIcon from "@mui/icons-material/InboxRounded";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DataViewsEmpty({
+  filtered,
+  onClearFilters,
+  emptyState,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const Icon = filtered ? FilterAltOffRoundedIcon : InboxRoundedIcon;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": `${testIdPrefix}-empty${filtered ? "-filtered" : ""}`,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        textAlign: "center",
+        py: 8,
+        px: 2
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              display: "inline-flex",
+              p: 2,
+              mb: 1.5,
+              borderRadius: "50%",
+              bgcolor: "action.hover",
+              color: "text.disabled"
+            },
+            children: /* @__PURE__ */ jsx(Icon, {})
+          }
+        ),
+        filtered ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontWeight: 600 }, children: copy.grid.emptyFilteredTitle }) }),
+          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "block", mt: 0.5, mb: 2, color: "text.secondary", maxWidth: 380 }, children: copy.grid.emptyFilteredHint }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              color: "secondary",
+              onClick: onClearFilters,
+              dataTestId: `${testIdPrefix}-empty-clear`,
+              children: copy.grid.emptyFilteredAction
+            }
+          )
+        ] }) : (
+          // The page's own words for "nothing here yet" — it knows what the
+          // entity is and how one comes to exist; this component does not.
+          emptyState
+        )
+      ]
+    }
+  );
+}
+
+export {
+  DataViewsEmpty
+};
+//# sourceMappingURL=chunk-56O2UXSW.js.map

package/dist/chunk-56O2UXSW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-empty.tsx"],"sourcesContent":["\"use client\";\n\nimport FilterAltOffRoundedIcon from \"@mui/icons-material/FilterAltOffRounded\";\nimport InboxRoundedIcon from \"@mui/icons-material/InboxRounded\";\n\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/**\n * TWO EMPTY STATES, NOT ONE.\n *\n * \"Nenhum pagamento registrado\" under an active filter is a lie, and it is the\n * expensive kind: the operator reads it as \"this store has no payments\" and\n * goes looking for the bug somewhere else. The page's own empty copy answers\n * \"there is nothing here yet\"; it cannot answer \"nothing matches what you\n * typed\", because it does not know what was typed.\n *\n * So the grid renders the FILTERED variant itself — it is the only party that\n * knows a filter is applied — and defers to the host's `emptyState` only when\n * the list is genuinely empty. The filtered one carries the way out, which is\n * the whole point: the fix is one click, and it is right there.\n */\nexport function DataViewsEmpty({\n  filtered,\n  onClearFilters,\n  emptyState,\n  testIdPrefix,\n}: {\n  /** Is anything narrowing the list right now (search, pills or ranges)? */\n  filtered: boolean;\n  onClearFilters: () => void;\n  /** The page's own copy for a genuinely empty list. */\n  emptyState?: React.ReactNode;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const Icon = filtered ? FilterAltOffRoundedIcon : InboxRoundedIcon;\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-empty${filtered ? \"-filtered\" : \"\"}`}\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        textAlign: \"center\",\n        py: 8,\n        px: 2,\n      }}\n    >\n      <Box\n        sx={{\n          display: \"inline-flex\",\n          p: 2,\n          mb: 1.5,\n          borderRadius: \"50%\",\n          bgcolor: \"action.hover\",\n          color: \"text.disabled\",\n        }}\n      >\n        <Icon />\n      </Box>\n      {filtered ? (\n        <>\n          <Text variant=\"body\" as=\"p\">\n            <Box component=\"span\" sx={{ fontWeight: 600 }}>\n              {copy.grid.emptyFilteredTitle}\n            </Box>\n          </Text>\n          <Text variant=\"caption\" as=\"p\">\n            <Box component=\"span\" sx={{ display: \"block\", mt: 0.5, mb: 2, color: \"text.secondary\", maxWidth: 380 }}>\n              {copy.grid.emptyFilteredHint}\n            </Box>\n          </Text>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            color=\"secondary\"\n            onClick={onClearFilters}\n            dataTestId={`${testIdPrefix}-empty-clear`}\n          >\n            {copy.grid.emptyFilteredAction}\n          </Button>\n        </>\n      ) : (\n        // The page's own words for \"nothing here yet\" — it knows what the\n        // entity is and how one comes to exist; this component does not.\n        emptyState\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,OAAO,6BAA6B;AACpC,OAAO,sBAAsB;AA2DrB,SAGA,UAHA,KAGA,YAHA;AArCD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,OAAO,WAAW,0BAA0B;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,YAAY,SAAS,WAAW,cAAc,EAAE;AAAA,MAChE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,GAAG;AAAA,cACH,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,YAEA,8BAAC,QAAK;AAAA;AAAA,QACR;AAAA,QACC,WACC,iCACE;AAAA,8BAAC,QAAK,SAAQ,QAAO,IAAG,KACtB,8BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,YAAY,IAAI,GACzC,eAAK,KAAK,oBACb,GACF;AAAA,UACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,KACzB,8BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,SAAS,IAAI,KAAK,IAAI,GAAG,OAAO,kBAAkB,UAAU,IAAI,GAClG,eAAK,KAAK,mBACb,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY,GAAG,YAAY;AAAA,cAE1B,eAAK,KAAK;AAAA;AAAA,UACb;AAAA,WACF;AAAA;AAAA;AAAA,UAIA;AAAA;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-56SJYTIT.js

@@ -0,0 +1,55 @@
+// src/components/data-display/Lightbox/Lightbox.constants.ts
+var MIN_ZOOM = 0.5;
+var MAX_ZOOM = 5;
+var ZOOM_STEP = 1.2;
+var WHEEL_ZOOM_FACTOR = 0.01;
+var DEFAULT_AUTOPLAY_INTERVAL_MS = 4e3;
+var MIN_SWIPE_DISTANCE = 50;
+var OVERLAY_Z_INDEX = 1e3;
+var SCRIM = "rgba(0, 0, 0, 0.5)";
+var SCRIM_HOVER = "rgba(0, 0, 0, 0.7)";
+var overlayButtonSx = {
+  color: "white",
+  backgroundColor: SCRIM,
+  "&:hover": { backgroundColor: SCRIM_HOVER }
+};
+var navButtonSx = {
+  color: "white",
+  backgroundColor: SCRIM,
+  "&:hover:not(:disabled)": { backgroundColor: SCRIM_HOVER },
+  "&:disabled": { color: "rgba(255, 255, 255, 0.3)" }
+};
+var captionSx = {
+  color: "white",
+  textAlign: "center",
+  backgroundColor: SCRIM_HOVER,
+  borderRadius: 1
+};
+var counterSx = {
+  color: "white",
+  fontSize: "0.875rem",
+  backgroundColor: SCRIM,
+  borderRadius: 1
+};
+var thumbnailStripSx = {
+  background: SCRIM,
+  borderRadius: 1
+};
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `lightbox-${suffix}`;
+
+export {
+  MIN_ZOOM,
+  MAX_ZOOM,
+  ZOOM_STEP,
+  WHEEL_ZOOM_FACTOR,
+  DEFAULT_AUTOPLAY_INTERVAL_MS,
+  MIN_SWIPE_DISTANCE,
+  OVERLAY_Z_INDEX,
+  overlayButtonSx,
+  navButtonSx,
+  captionSx,
+  counterSx,
+  thumbnailStripSx,
+  makeTestId
+};
+//# sourceMappingURL=chunk-56SJYTIT.js.map

package/dist/chunk-56SJYTIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.constants.ts"],"sourcesContent":["export const MIN_ZOOM = 0.5;\nexport const MAX_ZOOM = 5;\nexport const ZOOM_STEP = 1.2;\n// Each wheel notch is ~100 deltaY, so this makes one notch a 1x zoom change.\nexport const WHEEL_ZOOM_FACTOR = 0.01;\n\nexport const DEFAULT_AUTOPLAY_INTERVAL_MS = 4000;\nexport const MIN_SWIPE_DISTANCE = 50;\nexport const OVERLAY_Z_INDEX = 1000;\n\nconst SCRIM = 'rgba(0, 0, 0, 0.5)';\nconst SCRIM_HOVER = 'rgba(0, 0, 0, 0.7)';\n\nexport const overlayButtonSx = {\n  color: 'white',\n  backgroundColor: SCRIM,\n  '&:hover': { backgroundColor: SCRIM_HOVER },\n} as const;\n\n// The arrows drop their hover treatment at the ends of a non-looping gallery and\n// dim instead, so a disabled arrow does not look pressable.\nexport const navButtonSx = {\n  color: 'white',\n  backgroundColor: SCRIM,\n  '&:hover:not(:disabled)': { backgroundColor: SCRIM_HOVER },\n  '&:disabled': { color: 'rgba(255, 255, 255, 0.3)' },\n} as const;\n\nexport const captionSx = {\n  color: 'white',\n  textAlign: 'center',\n  backgroundColor: SCRIM_HOVER,\n  borderRadius: 1,\n} as const;\n\nexport const counterSx = {\n  color: 'white',\n  fontSize: '0.875rem',\n  backgroundColor: SCRIM,\n  borderRadius: 1,\n} as const;\n\nexport const thumbnailStripSx = {\n  background: SCRIM,\n  borderRadius: 1,\n} as const;\n\n// Every element gets `${dataTestId}-suffix` when the caller supplied an id, and\n// `lightbox-suffix` otherwise.\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `lightbox-${suffix}`;\n"],"mappings":";AAAO,IAAM,WAAW;AACjB,IAAM,WAAW;AACjB,IAAM,YAAY;AAElB,IAAM,oBAAoB;AAE1B,IAAM,+BAA+B;AACrC,IAAM,qBAAqB;AAC3B,IAAM,kBAAkB;AAE/B,IAAM,QAAQ;AACd,IAAM,cAAc;AAEb,IAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,WAAW,EAAE,iBAAiB,YAAY;AAC5C;AAIO,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,0BAA0B,EAAE,iBAAiB,YAAY;AAAA,EACzD,cAAc,EAAE,OAAO,2BAA2B;AACpD;AAEO,IAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEO,IAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEO,IAAM,mBAAmB;AAAA,EAC9B,YAAY;AAAA,EACZ,cAAc;AAChB;AAIO,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,YAAY,MAAM;","names":[]}

package/dist/chunk-573PQ6C6.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-573PQ6C6.js.map

package/dist/chunk-573PQ6C6.js.map

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

package/dist/chunk-5CUKSNWG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-5CUKSNWG.js.map

package/dist/chunk-5CUKSNWG.js.map

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

package/dist/chunk-5DBUZVTU.js

@@ -0,0 +1,51 @@
+import {
+  getAxisStyles,
+  getDefaultColors,
+  getSizeStyles,
+  resolveSeries
+} from "./chunk-2DGJMXCD.js";
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-4V532JF6.js";
+
+// src/components/data-display/Chart/chart-context.ts
+function buildChartContext(props, theme) {
+  const sizeStyles = getSizeStyles(props.size, props.height);
+  const chartColors = getDefaultColors(theme, props.variant ?? "default", props.colors);
+  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(
+    theme,
+    props.variant ?? "default",
+    sizeStyles.fontSize
+  );
+  const handleChartClick = (payload) => {
+    const chartData = payload;
+    if (props.onClick && chartData?.activePayload?.[0]) {
+      props.onClick(chartData.activePayload[0].payload);
+    }
+  };
+  return {
+    props,
+    theme,
+    sizeStyles,
+    chartColors,
+    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? "name", chartColors),
+    strokeType: props.curved ?? true ? "monotone" : "linear",
+    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },
+    gridStroke,
+    gridOpacity,
+    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),
+    barGeometry: resolveBarGeometry(props),
+    animationDuration: props.animate ?? true ? props.animationDuration ?? 1500 : 0,
+    commonProps: {
+      data: props.data,
+      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },
+      onClick: handleChartClick
+    }
+  };
+}
+
+export {
+  buildChartContext
+};
+//# sourceMappingURL=chunk-5DBUZVTU.js.map

package/dist/chunk-5DBUZVTU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-context.ts"],"sourcesContent":["import type { Theme } from '@mui/material';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartDataPoint, ChartProps, ChartSeries } from './Chart.types';\nimport { resolveAxisConfig, resolveBarGeometry, type BarGeometry, type CartesianAxisConfig } from './chart-axis';\nimport {\n  getAxisStyles,\n  getDefaultColors,\n  getSizeStyles,\n  resolveSeries,\n  type SizeStyles,\n} from './chart-internals';\n\n/**\n * Everything the per-type renderers in `chart-renderers.tsx` read, resolved\n * once from props + theme. Kept out of that file so each renderer is a small\n * JSX function over already-decided values — palette, series, axis geometry,\n * bar geometry — rather than a place where those decisions get made again\n * slightly differently.\n */\nexport interface ChartRenderContext {\n  props: ChartProps;\n  theme: Theme;\n  sizeStyles: SizeStyles;\n  chartColors: string[];\n  chartSeries: ChartSeries[];\n  strokeType: 'monotone' | 'linear';\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /** Multiplier on `gridStroke`'s alpha — see `getAxisStyles`. */\n  gridOpacity: number;\n  axisConfig: CartesianAxisConfig;\n  barGeometry: BarGeometry;\n  animationDuration: number;\n  commonProps: {\n    data: ChartDataPoint[];\n    margin: { top?: number; right?: number; bottom?: number; left?: number };\n    onClick: (payload: unknown) => void;\n  };\n}\n\nexport function buildChartContext(props: ChartProps, theme: Theme): ChartRenderContext {\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const chartColors = getDefaultColors(theme, props.variant ?? 'default', props.colors);\n  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(\n    theme,\n    props.variant ?? 'default',\n    sizeStyles.fontSize,\n  );\n  const handleChartClick = (payload: unknown): void => {\n    const chartData = payload as { activePayload?: Array<{ payload: ChartDataPoint }> };\n    if (props.onClick && chartData?.activePayload?.[0]) {\n      props.onClick(chartData.activePayload[0].payload);\n    }\n  };\n  return {\n    props,\n    theme,\n    sizeStyles,\n    chartColors,\n    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? 'name', chartColors),\n    strokeType: (props.curved ?? true) ? 'monotone' : 'linear',\n    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },\n    gridStroke,\n    gridOpacity,\n    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),\n    barGeometry: resolveBarGeometry(props),\n    animationDuration: (props.animate ?? true) ? (props.animationDuration ?? 1500) : 0,\n    commonProps: {\n      data: props.data,\n      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },\n      onClick: handleChartClick,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAyCO,SAAS,kBAAkB,OAAmB,OAAkC;AACrF,QAAM,aAAa,cAAc,MAAM,MAAM,MAAM,MAAM;AACzD,QAAM,cAAc,iBAAiB,OAAO,MAAM,WAAW,WAAW,MAAM,MAAM;AACpF,QAAM,EAAE,WAAW,YAAY,YAAY,IAAI;AAAA,IAC7C;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,WAAW;AAAA,EACb;AACA,QAAM,mBAAmB,CAAC,YAA2B;AACnD,UAAM,YAAY;AAClB,QAAI,MAAM,WAAW,WAAW,gBAAgB,CAAC,GAAG;AAClD,YAAM,QAAQ,UAAU,cAAc,CAAC,EAAE,OAAO;AAAA,IAClD;AAAA,EACF;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,YAAY,QAAQ,WAAW;AAAA,IAC1F,YAAa,MAAM,UAAU,OAAQ,aAAa;AAAA,IAClD,WAAW,EAAE,GAAG,WAAW,UAAU,WAAW,SAAS;AAAA,IACzD;AAAA,IACA;AAAA,IACA,YAAY,kBAAkB,OAAO,WAAW,UAAU;AAAA,IAC1D,aAAa,mBAAmB,KAAK;AAAA,IACrC,mBAAoB,MAAM,WAAW,OAAS,MAAM,qBAAqB,OAAQ;AAAA,IACjF,aAAa;AAAA,MACX,MAAM,MAAM;AAAA,MACZ,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,IAAI,GAAG,MAAM,OAAO;AAAA,MACpE,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-5GNSZHXD.js

@@ -0,0 +1,34 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Pagination
+} from "./chunk-MM4LVILH.js";
+import {
+  Box
+} from "./chunk-34DQAXL2.js";
+
+// src/components/data-display/DataViews/data-views-pagination.tsx
+import { jsx } from "react/jsx-runtime";
+function DataViewsPagination({
+  c,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  if (!c.serverMode || c.serverPageCount <= 1) return null;
+  return /* @__PURE__ */ jsx(Box, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
+    Pagination,
+    {
+      pageSizeLabel: copy.nav.pageSize,
+      page: c.serverPage,
+      count: c.serverPageCount,
+      onChange: (_event, page) => c.changePage(page),
+      dataTestId: `${testIdPrefix}-pagination`
+    }
+  ) });
+}
+
+export {
+  DataViewsPagination
+};
+//# sourceMappingURL=chunk-5GNSZHXD.js.map

package/dist/chunk-5GNSZHXD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { Pagination } from \"../../navigation/Pagination\";\n\nimport type { DataViewsController } from \"./use-data-views-state\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/**\n * The server-mode pagination control rendered beneath the grid — shown only\n * when the table is backend-driven and there is more than one page. Client-mode\n * tables render every matched row at once, so they never show it (FUT-180).\n */\nexport function DataViewsPagination<T extends Record<string, unknown>>({\n  c,\n  testIdPrefix,\n}: {\n  c: DataViewsController<T>;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (!c.serverMode || c.serverPageCount <= 1) return null;\n  return (\n    <Box sx={{ mt: 2, display: \"flex\", justifyContent: \"center\" }}>\n      <Pagination\n        pageSizeLabel={copy.nav.pageSize}\n        page={c.serverPage}\n        count={c.serverPageCount}\n        onChange={(_event, page) => c.changePage(page)}\n        dataTestId={`${testIdPrefix}-pagination`}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAwBM;AAXC,SAAS,oBAAuD;AAAA,EACrE;AAAA,EACA;AACF,GAG6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,MAAI,CAAC,EAAE,cAAc,EAAE,mBAAmB,EAAG,QAAO;AACpD,SACE,oBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,SAAS,QAAQ,gBAAgB,SAAS,GAC1D;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,KAAK,IAAI;AAAA,MACxB,MAAM,EAAE;AAAA,MACR,OAAO,EAAE;AAAA,MACT,UAAU,CAAC,QAAQ,SAAS,EAAE,WAAW,IAAI;AAAA,MAC7C,YAAY,GAAG,YAAY;AAAA;AAAA,EAC7B,GACF;AAEJ;","names":[]}

package/dist/chunk-5IFSSVYP.js

@@ -0,0 +1,95 @@
+import {
+  otpSlotSx
+} from "./chunk-MHWZHOTX.js";
+import {
+  useOtpDigits
+} from "./chunk-UETHX57J.js";
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
+// src/components/form/InputOTP/InputOTP.tsx
+import { Box, TextField } from "@mui/material";
+import { styled } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledOTPInput = styled(TextField, {
+  shouldForwardProp: (prop) => !["customColor", "customSize", "glass", "gradient"].includes(prop)
+})(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));
+var DEFAULTS = {
+  variant: "numeric",
+  color: "primary",
+  size: "md",
+  length: 6,
+  value: "",
+  glass: false,
+  gradient: false,
+  autoFocus: false,
+  error: false,
+  disabled: false
+};
+var InputOTP = forwardRef((props, ref) => {
+  const {
+    variant,
+    color,
+    size,
+    length,
+    value,
+    onChange,
+    onComplete,
+    glass,
+    gradient,
+    autoFocus,
+    error,
+    disabled,
+    dataTestId,
+    ...rest
+  } = withDefaults(props, DEFAULTS);
+  const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({
+    variant,
+    length,
+    value,
+    onChange,
+    onComplete
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      "data-testid": dataTestId,
+      sx: { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" },
+      ...rest,
+      children: digits.map((digit, index) => /* @__PURE__ */ jsx(
+        StyledOTPInput,
+        {
+          ref: (el) => {
+            inputRefs.current[index] = el?.querySelector("input") || null;
+          },
+          customColor: color,
+          customSize: size,
+          glass,
+          gradient,
+          value: variant === "masked" ? digit ? "\u2022" : "" : digit,
+          onChange: (e) => handleInputChange(index, e.target.value),
+          onKeyDown: (e) => handleKeyDown(index, e),
+          onPaste: index === 0 ? handlePaste : void 0,
+          autoFocus: autoFocus && index === 0,
+          error,
+          disabled,
+          inputProps: {
+            maxLength: 1,
+            style: { textAlign: "center" },
+            "data-testid": dataTestId ? `${dataTestId}-slot-${index}` : void 0
+          }
+        },
+        index
+      ))
+    }
+  );
+});
+InputOTP.displayName = "InputOTP";
+
+export {
+  InputOTP
+};
+//# sourceMappingURL=chunk-5IFSSVYP.js.map

package/dist/chunk-5IFSSVYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.tsx"],"sourcesContent":["import { Box, TextField } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { useOtpDigits } from './InputOTP.hooks';\nimport { otpSlotSx } from './InputOTP.styles';\nimport type { OtpSlotFlags } from './InputOTP.styles';\nimport type { InputOTPProps } from './InputOTP.types';\n\nconst StyledOTPInput = styled(TextField, {\n  shouldForwardProp: (prop) =>\n    !['customColor', 'customSize', 'glass', 'gradient'].includes(prop as string),\n})<OtpSlotFlags>(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));\n\nconst DEFAULTS = {\n  variant: 'numeric',\n  color: 'primary',\n  size: 'md',\n  length: 6,\n  value: '',\n  glass: false,\n  gradient: false,\n  autoFocus: false,\n  error: false,\n  disabled: false,\n} satisfies Partial<InputOTPProps>;\n\ntype ResolvedProps = InputOTPProps & Required<Pick<InputOTPProps, keyof typeof DEFAULTS>>;\n\nexport const InputOTP = forwardRef<HTMLDivElement, InputOTPProps>((props, ref) => {\n  const {\n    variant, color, size, length, value, onChange, onComplete,\n    glass, gradient, autoFocus, error, disabled, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({\n    variant,\n    length,\n    value,\n    onChange,\n    onComplete,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      data-testid={dataTestId}\n      sx={{ display: 'flex', gap: 1, justifyContent: 'center', alignItems: 'center' }}\n      {...rest}\n    >\n      {digits.map((digit, index) => (\n        <StyledOTPInput\n          key={index}\n          ref={(el: HTMLDivElement | null) => {\n            inputRefs.current[index] = el?.querySelector('input') || null;\n          }}\n          customColor={color}\n          customSize={size}\n          glass={glass}\n          gradient={gradient}\n          // `masked` keeps the digit in state and shows a bullet in its place.\n          value={variant === 'masked' ? (digit ? '•' : '') : digit}\n          onChange={(e) => handleInputChange(index, e.target.value)}\n          onKeyDown={(e) => handleKeyDown(index, e)}\n          // Only the first slot takes a paste; it fills the rest itself.\n          onPaste={index === 0 ? handlePaste : undefined}\n          autoFocus={autoFocus && index === 0}\n          error={error}\n          disabled={disabled}\n          inputProps={{\n            maxLength: 1,\n            style: { textAlign: 'center' },\n            'data-testid': dataTestId ? `${dataTestId}-slot-${index}` : undefined,\n          }}\n        />\n      ))}\n    </Box>\n  );\n});\n\nInputOTP.displayName = 'InputOTP';\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,KAAK,iBAAiB;AAC/B,SAAS,cAAc;AACvB,SAAgB,kBAAkB;AAoD1B;AA3CR,IAAM,iBAAiB,OAAO,WAAW;AAAA,EACvC,mBAAmB,CAAC,SAClB,CAAC,CAAC,eAAe,cAAc,SAAS,UAAU,EAAE,SAAS,IAAc;AAC/E,CAAC,EAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,UAAU,OAAO,KAAK,EAAE,EAAE;AAE1E,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AACZ;AAIO,IAAM,WAAW,WAA0C,CAAC,OAAO,QAAQ;AAChF,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAQ;AAAA,IAAO;AAAA,IAAU;AAAA,IAC/C;AAAA,IAAO;AAAA,IAAU;AAAA,IAAW;AAAA,IAAO;AAAA,IAAU;AAAA,IAC7C,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,EAAE,QAAQ,WAAW,mBAAmB,eAAe,YAAY,IAAI,aAAa;AAAA,IACxF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI,EAAE,SAAS,QAAQ,KAAK,GAAG,gBAAgB,UAAU,YAAY,SAAS;AAAA,MAC7E,GAAG;AAAA,MAEH,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,CAAC,OAA8B;AAClC,sBAAU,QAAQ,KAAK,IAAI,IAAI,cAAc,OAAO,KAAK;AAAA,UAC3D;AAAA,UACA,aAAa;AAAA,UACb,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,OAAO,YAAY,WAAY,QAAQ,WAAM,KAAM;AAAA,UACnD,UAAU,CAAC,MAAM,kBAAkB,OAAO,EAAE,OAAO,KAAK;AAAA,UACxD,WAAW,CAAC,MAAM,cAAc,OAAO,CAAC;AAAA,UAExC,SAAS,UAAU,IAAI,cAAc;AAAA,UACrC,WAAW,aAAa,UAAU;AAAA,UAClC;AAAA,UACA;AAAA,UACA,YAAY;AAAA,YACV,WAAW;AAAA,YACX,OAAO,EAAE,WAAW,SAAS;AAAA,YAC7B,eAAe,aAAa,GAAG,UAAU,SAAS,KAAK,KAAK;AAAA,UAC9D;AAAA;AAAA,QArBK;AAAA,MAsBP,CACD;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,SAAS,cAAc;","names":[]}

package/dist/chunk-5KLSLD72.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-5KLSLD72.js.map

package/dist/chunk-5KLSLD72.js.map

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