@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-2BFUUUDS.js

@@ -1,61 +0,0 @@
-import {
-  onMedia,
-  scrim,
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-
-// 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 = (theme) => scrim(theme, 0.5);
-var SCRIM_HOVER = (theme) => scrim(theme, 0.7);
-var overlayButtonSx = {
-  color: onMedia,
-  backgroundColor: SCRIM,
-  "&:hover": { backgroundColor: SCRIM_HOVER }
-};
-var navButtonSx = {
-  color: onMedia,
-  backgroundColor: SCRIM,
-  "&:hover:not(:disabled)": { backgroundColor: SCRIM_HOVER },
-  "&:disabled": { color: (theme) => sheen(theme, 0.3) }
-};
-var captionSx = {
-  color: onMedia,
-  textAlign: "center",
-  backgroundColor: SCRIM_HOVER,
-  borderRadius: 1
-};
-var counterSx = {
-  color: onMedia,
-  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-2BFUUUDS.js.map

package/dist/chunk-2BFUUUDS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.constants.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport { onMedia, scrim, sheen } from '../../../tokens/ink';\n\nexport 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 = (theme: Theme): string => scrim(theme, 0.5);\nconst SCRIM_HOVER = (theme: Theme): string => scrim(theme, 0.7);\n\nexport const overlayButtonSx = {\n  color: onMedia,\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: onMedia,\n  backgroundColor: SCRIM,\n  '&:hover:not(:disabled)': { backgroundColor: SCRIM_HOVER },\n  '&:disabled': { color: (theme: Theme) => sheen(theme, 0.3) },\n} as const;\n\nexport const captionSx = {\n  color: onMedia,\n  textAlign: 'center',\n  backgroundColor: SCRIM_HOVER,\n  borderRadius: 1,\n} as const;\n\nexport const counterSx = {\n  color: onMedia,\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":";;;;;;;AAIO,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,CAAC,UAAyB,MAAM,OAAO,GAAG;AACxD,IAAM,cAAc,CAAC,UAAyB,MAAM,OAAO,GAAG;AAEvD,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,CAAC,UAAiB,MAAM,OAAO,GAAG,EAAE;AAC7D;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-2CEV746H.js

@@ -1,46 +0,0 @@
-// src/components/form/HeaderButton/HeaderButton.tsx
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function HeaderButton({
-  text,
-  icon,
-  endIcon,
-  onClick,
-  variant = "contained",
-  color = "primary",
-  disabled,
-  collapseBelow = "md",
-  fullWidth,
-  dataTestId,
-  ...aria
-}) {
-  const labelDisplay = { xs: "none", [collapseBelow]: "inline" };
-  const horizontalPad = { xs: 1, [collapseBelow]: 2 };
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant,
-      color,
-      size: "medium",
-      onClick,
-      disabled,
-      fullWidth,
-      "aria-label": typeof text === "string" ? text : void 0,
-      "aria-haspopup": aria["aria-haspopup"],
-      "aria-expanded": aria["aria-expanded"],
-      "data-testid": dataTestId,
-      sx: { minWidth: 0, gap: 0.75, px: horizontalPad, py: 1, fontSize: "1rem", textTransform: "none" },
-      children: [
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: icon }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: labelDisplay }, children: text }),
-        endIcon != null && /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: endIcon })
-      ]
-    }
-  );
-}
-
-export {
-  HeaderButton
-};
-//# sourceMappingURL=chunk-2CEV746H.js.map

package/dist/chunk-2CEV746H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/HeaderButton/HeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport type { ReactNode } from 'react';\n\ntype Breakpoint = 'sm' | 'md' | 'lg';\n\nexport interface HeaderButtonProps {\n  /** The label — shown next to the icon on wide screens, hidden (icon-only) below `collapseBelow`. */\n  text: ReactNode;\n  /** Leading icon/image — always visible. */\n  icon: ReactNode;\n  /** Optional trailing icon (e.g. a dropdown chevron) — always visible. */\n  endIcon?: ReactNode;\n  onClick?: ButtonProps['onClick'];\n  /** MUI variant. @default 'contained' */\n  variant?: ButtonProps['variant'];\n  /** MUI color. @default 'primary' */\n  color?: ButtonProps['color'];\n  disabled?: boolean;\n  /** Width below which the button collapses to icon-only. @default 'md' */\n  collapseBelow?: Breakpoint;\n  fullWidth?: boolean;\n  'aria-haspopup'?: ButtonProps['aria-haspopup'];\n  'aria-expanded'?: boolean;\n  dataTestId?: string;\n}\n\n/**\n * A page-header action that adapts to width: below `collapseBelow` it renders\n * ONLY its icon (compact, so several fit one line on phones); at/above it renders\n * the icon + text label. The accessible name is always `text`, so the icon-only\n * state stays labeled for screen readers.\n */\nexport function HeaderButton({\n  text,\n  icon,\n  endIcon,\n  onClick,\n  variant = 'contained',\n  color = 'primary',\n  disabled,\n  collapseBelow = 'md',\n  fullWidth,\n  dataTestId,\n  ...aria\n}: HeaderButtonProps): React.JSX.Element {\n  // Hide the label below the breakpoint; keep the icon(s). `gap` collapses around\n  // the display:none label, so on mobile it reads as a compact icon button.\n  const labelDisplay = { xs: 'none', [collapseBelow]: 'inline' };\n  const horizontalPad = { xs: 1, [collapseBelow]: 2 };\n  return (\n    <Button\n      variant={variant}\n      color={color}\n      size=\"medium\"\n      onClick={onClick}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      aria-label={typeof text === 'string' ? text : undefined}\n      aria-haspopup={aria['aria-haspopup']}\n      aria-expanded={aria['aria-expanded']}\n      data-testid={dataTestId}\n      sx={{ minWidth: 0, gap: 0.75, px: horizontalPad, py: 1, fontSize: '1rem', textTransform: 'none' }}\n    >\n      <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n        {icon}\n      </Box>\n      <Box component=\"span\" sx={{ display: labelDisplay }}>\n        {text}\n      </Box>\n      {endIcon != null && (\n        <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n          {endIcon}\n        </Box>\n      )}\n    </Button>\n  );\n}\n"],"mappings":";AAEA,OAAO,SAAS;AAChB,OAAO,YAAY;AAmDf,SAaE,KAbF;AAlBG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyC;AAGvC,QAAM,eAAe,EAAE,IAAI,QAAQ,CAAC,aAAa,GAAG,SAAS;AAC7D,QAAM,gBAAgB,EAAE,IAAI,GAAG,CAAC,aAAa,GAAG,EAAE;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY,OAAO,SAAS,WAAW,OAAO;AAAA,MAC9C,iBAAe,KAAK,eAAe;AAAA,MACnC,iBAAe,KAAK,eAAe;AAAA,MACnC,eAAa;AAAA,MACb,IAAI,EAAE,UAAU,GAAG,KAAK,MAAM,IAAI,eAAe,IAAI,GAAG,UAAU,QAAQ,eAAe,OAAO;AAAA,MAEhG;AAAA,4BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS,GACtE,gBACH;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,aAAa,GAC/C,gBACH;AAAA,QACC,WAAW,QACV,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS,GACtE,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-2CK7SHQQ.js

@@ -1,305 +0,0 @@
-import {
-  commandPaperStyles,
-  commandSizeStyles
-} from "./chunk-DJ2KYLHE.js";
-import {
-  CommandEmpty,
-  CommandLoading
-} from "./chunk-CMK4DJDR.js";
-import {
-  resolveCommandProps,
-  useCommandPalette
-} from "./chunk-6DN4ZULV.js";
-
-// src/components/form/Command/Command.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import SearchIcon from "@mui/icons-material/Search";
-import Box from "@mui/material/Box/index.js";
-import Chip from "@mui/material/Chip/index.js";
-import Dialog from "@mui/material/Dialog/index.js";
-import DialogContent from "@mui/material/DialogContent/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import Grow from "@mui/material/Grow/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import List from "@mui/material/List/index.js";
-import ListItemButton from "@mui/material/ListItemButton/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
-var Command = (rawProps) => {
-  const props = resolveCommandProps(rawProps);
-  const { open, onOpenChange, variant, dataTestId } = props;
-  const theme = useTheme();
-  const testId = makeTestId(dataTestId);
-  const { internalValue, filteredItems, highlightedId, handleValueChange, handleSelect, handleKeyDown } = useCommandPalette(props);
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose: () => onOpenChange?.(false),
-      maxWidth: false,
-      PaperProps: {
-        sx: {
-          ...commandPaperStyles(theme, props),
-          ...commandSizeStyles(props.size),
-          overflow: "hidden",
-          ...props.style
-        },
-        className: props.className,
-        "data-testid": dataTestId
-      },
-      TransitionComponent: variant === "glass" ? Fade : Grow,
-      onClick: props.onClick,
-      children: /* @__PURE__ */ jsxs(Box, { sx: { p: 0 }, children: [
-        /* @__PURE__ */ jsx(
-          CommandInput,
-          {
-            placeholder: props.placeholder,
-            value: internalValue,
-            onChange: handleValueChange,
-            onFocus: props.onFocus,
-            onBlur: props.onBlur,
-            disabled: props.disabled,
-            autoFocus: props.autoFocus,
-            onKeyDown: handleKeyDown,
-            dataTestId: testId("input")
-          }
-        ),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 0, maxHeight: props.maxHeight, overflow: "auto" }, children: [
-          /* @__PURE__ */ jsx(
-            CommandBody,
-            {
-              loading: props.loading,
-              items: filteredItems,
-              value: internalValue,
-              emptyMessage: props.emptyMessage,
-              onSelect: handleSelect,
-              selectedId: highlightedId,
-              showCategories: props.showCategories,
-              showShortcuts: props.showShortcuts,
-              showDescriptions: props.showDescriptions,
-              testId
-            }
-          ),
-          props.children
-        ] })
-      ] })
-    }
-  );
-};
-var CommandBody = ({ loading, emptyMessage, testId, ...list }) => {
-  if (loading) {
-    return /* @__PURE__ */ jsx(CommandLoading, { dataTestId: testId("loading") });
-  }
-  if (!list.items?.length) {
-    return /* @__PURE__ */ jsx(CommandEmpty, { message: emptyMessage, dataTestId: testId("empty") });
-  }
-  return /* @__PURE__ */ jsx(CommandList, { ...list, dataTestId: testId("list") });
-};
-var CommandInput = ({
-  placeholder,
-  value,
-  onChange,
-  onFocus,
-  onBlur,
-  disabled,
-  autoFocus,
-  onKeyDown,
-  className,
-  style,
-  dataTestId
-}) => /* @__PURE__ */ jsx(
-  TextField,
-  {
-    fullWidth: true,
-    value,
-    onChange: (e) => onChange?.(e.target.value),
-    onFocus,
-    onBlur,
-    onKeyDown,
-    placeholder,
-    disabled,
-    autoFocus,
-    variant: "standard",
-    className,
-    inputProps: {
-      "data-testid": dataTestId
-    },
-    sx: {
-      p: 2,
-      "& .MuiInput-underline:before": { border: "none" },
-      "& .MuiInput-underline:after": { border: "none" },
-      ...style
-    },
-    InputProps: {
-      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
-      endAdornment: value && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChange?.(""), children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) }) })
-    }
-  }
-);
-var CommandList = ({
-  items = [],
-  onSelect,
-  selectedId,
-  emptyMessage,
-  showCategories,
-  showShortcuts,
-  showDescriptions,
-  loading,
-  className,
-  style,
-  dataTestId
-}) => {
-  const groupedItems = useMemo(() => {
-    if (!showCategories) return { "": items };
-    const groups = {};
-    items.forEach((item) => {
-      const category = item.category || "";
-      if (!groups[category]) groups[category] = [];
-      groups[category].push(item);
-    });
-    return groups;
-  }, [items, showCategories]);
-  if (loading) return /* @__PURE__ */ jsx(CommandLoading, { dataTestId: dataTestId ? `${dataTestId}-loading` : void 0 });
-  if (items.length === 0) return /* @__PURE__ */ jsx(CommandEmpty, { message: emptyMessage, dataTestId: dataTestId ? `${dataTestId}-empty` : void 0 });
-  return /* @__PURE__ */ jsx(List, { className, sx: style, "data-testid": dataTestId, children: Object.entries(groupedItems).map(([category, categoryItems]) => /* @__PURE__ */ jsx(
-    CommandGroup,
-    {
-      heading: category,
-      items: categoryItems,
-      onSelect,
-      selectedId,
-      showShortcuts,
-      showDescriptions
-    },
-    category
-  )) });
-};
-var CommandGroup = ({
-  heading,
-  items = [],
-  onSelect,
-  selectedId,
-  showShortcuts,
-  showDescriptions,
-  className,
-  style,
-  dataTestId
-}) => {
-  const groupTestId = dataTestId || (heading ? `command-group-${heading}` : void 0);
-  return /* @__PURE__ */ jsxs(Box, { className, sx: style, "data-testid": groupTestId, children: [
-    heading && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "caption",
-        sx: {
-          px: 2,
-          py: 1,
-          display: "block",
-          color: "text.secondary",
-          fontWeight: 600,
-          textTransform: "uppercase"
-        },
-        children: heading
-      }
-    ),
-    items.map((item) => /* @__PURE__ */ jsx(
-      CommandItemComponent,
-      {
-        ...item,
-        selected: selectedId === item.id,
-        onSelect: () => onSelect?.(item),
-        showShortcut: showShortcuts,
-        showDescription: showDescriptions,
-        dataTestId: `command-item-${item.id}`
-      },
-      item.id
-    ))
-  ] });
-};
-var CommandItemComponent = ({
-  label,
-  description,
-  icon,
-  shortcut,
-  disabled,
-  selected,
-  onSelect,
-  showShortcut,
-  showDescription,
-  className,
-  style,
-  dataTestId
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    ListItemButton,
-    {
-      onClick: onSelect,
-      disabled,
-      selected,
-      className,
-      "data-testid": dataTestId,
-      sx: {
-        py: 1.5,
-        px: 2,
-        "&:hover": {
-          backgroundColor: alpha(theme.palette.primary.main, 0.08)
-        },
-        "&.Mui-selected": {
-          backgroundColor: alpha(theme.palette.primary.main, 0.12),
-          "&:hover": {
-            backgroundColor: alpha(theme.palette.primary.main, 0.16)
-          }
-        },
-        ...style
-      },
-      children: [
-        icon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 40 }, children: icon }),
-        /* @__PURE__ */ jsx(
-          ListItemText,
-          {
-            primary: label,
-            secondary: showDescription && description,
-            primaryTypographyProps: {
-              fontSize: "0.875rem",
-              fontWeight: selected ? 600 : 400
-            },
-            secondaryTypographyProps: {
-              fontSize: "0.75rem"
-            }
-          }
-        ),
-        showShortcut && shortcut && /* @__PURE__ */ jsx(
-          Chip,
-          {
-            label: shortcut,
-            size: "small",
-            variant: "outlined",
-            sx: {
-              height: 20,
-              fontSize: "0.7rem",
-              ml: 1
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  Command,
-  CommandInput,
-  CommandList,
-  CommandGroup
-};
-//# sourceMappingURL=chunk-2CK7SHQQ.js.map

package/dist/chunk-2CK7SHQQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Command/Command.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Grow from '@mui/material/Grow/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItemButton from '@mui/material/ListItemButton/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport React, { useMemo } from 'react';\n\nimport { resolveCommandProps, useCommandPalette } from './Command.hooks';\nimport { CommandEmpty, CommandLoading } from './Command.parts';\nimport { commandPaperStyles, commandSizeStyles } from './Command.styles';\nimport type {\n  CommandGroupProps,\n  CommandInputProps,\n  CommandItem,\n  CommandItemProps,\n  CommandListProps,\n  CommandProps,\n} from './Command.types';\n\nexport { CommandEmpty, CommandLoading, CommandSeparator } from './Command.parts';\n\nconst makeTestId = (dataTestId?: string) => (suffix: string) =>\n  dataTestId ? `${dataTestId}-${suffix}` : undefined;\n\nexport const Command: React.FC<CommandProps> = (rawProps) => {\n  const props = resolveCommandProps(rawProps);\n  const { open, onOpenChange, variant, dataTestId } = props;\n  const theme = useTheme();\n  const testId = makeTestId(dataTestId);\n\n  const { internalValue, filteredItems, highlightedId, handleValueChange, handleSelect, handleKeyDown } =\n    useCommandPalette(props);\n\n  return (\n    <Dialog\n      open={open}\n      onClose={() => onOpenChange?.(false)}\n      maxWidth={false}\n      PaperProps={{\n        sx: {\n          ...commandPaperStyles(theme, props),\n          ...commandSizeStyles(props.size),\n          overflow: 'hidden',\n          ...props.style,\n        },\n        className: props.className,\n        'data-testid': dataTestId,\n      }}\n      TransitionComponent={variant === 'glass' ? Fade : Grow}\n      onClick={props.onClick}\n    >\n      <Box sx={{ p: 0 }}>\n        <CommandInput\n          placeholder={props.placeholder}\n          value={internalValue}\n          onChange={handleValueChange}\n          onFocus={props.onFocus}\n          onBlur={props.onBlur}\n          disabled={props.disabled}\n          autoFocus={props.autoFocus}\n          onKeyDown={handleKeyDown}\n          dataTestId={testId('input')}\n        />\n\n        <Divider />\n\n        <DialogContent sx={{ p: 0, maxHeight: props.maxHeight, overflow: 'auto' }}>\n          <CommandBody\n            loading={props.loading}\n            items={filteredItems}\n            value={internalValue}\n            emptyMessage={props.emptyMessage}\n            onSelect={handleSelect}\n            selectedId={highlightedId}\n            showCategories={props.showCategories}\n            showShortcuts={props.showShortcuts}\n            showDescriptions={props.showDescriptions}\n            testId={testId}\n          />\n          {props.children}\n        </DialogContent>\n      </Box>\n    </Dialog>\n  );\n};\n\ntype CommandBodyProps = Pick<\n  CommandListProps,\n  'items' | 'value' | 'onSelect' | 'selectedId' | 'showCategories' | 'showShortcuts' | 'showDescriptions'\n> & {\n  loading: boolean;\n  emptyMessage: string;\n  testId: (suffix: string) => string | undefined;\n};\n\n/** Three mutually exclusive states share the scrolling area: busy, empty, or a list. */\nconst CommandBody: React.FC<CommandBodyProps> = ({ loading, emptyMessage, testId, ...list }) => {\n  if (loading) {\n    return <CommandLoading dataTestId={testId('loading')} />;\n  }\n\n  if (!list.items?.length) {\n    return <CommandEmpty message={emptyMessage} dataTestId={testId('empty')} />;\n  }\n\n  return <CommandList {...list} dataTestId={testId('list')} />;\n};\n\nexport const CommandInput: React.FC<CommandInputProps> = ({\n  placeholder,\n  value,\n  onChange,\n  onFocus,\n  onBlur,\n  disabled,\n  autoFocus,\n  onKeyDown,\n  className,\n  style,\n  dataTestId,\n}) => (\n    <TextField\n      fullWidth\n      value={value}\n      onChange={(e) => onChange?.(e.target.value)}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      placeholder={placeholder}\n      disabled={disabled}\n      autoFocus={autoFocus}\n      variant=\"standard\"\n      className={className}\n      inputProps={{\n        'data-testid': dataTestId,\n      }}\n      sx={{\n        p: 2,\n        '& .MuiInput-underline:before': { border: 'none' },\n        '& .MuiInput-underline:after': { border: 'none' },\n        ...style,\n      }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon />\n          </InputAdornment>\n        ),\n        endAdornment: value && (\n          <InputAdornment position=\"end\">\n            <IconButton size=\"small\" onClick={() => onChange?.('')}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n    />\n  );\n\nexport const CommandList: React.FC<CommandListProps> = ({\n  items = [],\n  onSelect,\n  selectedId,\n  emptyMessage,\n  showCategories,\n  showShortcuts,\n  showDescriptions,\n  loading,\n  className,\n  style,\n  dataTestId,\n}) => {\n  const groupedItems = useMemo(() => {\n    if (!showCategories) return { '': items };\n\n    const groups: Record<string, CommandItem[]> = {};\n    items.forEach(item => {\n      const category = item.category || '';\n      if (!groups[category]) groups[category] = [];\n      groups[category].push(item);\n    });\n    return groups;\n  }, [items, showCategories]);\n\n  if (loading) return <CommandLoading dataTestId={dataTestId ? `${dataTestId}-loading` : undefined} />;\n  if (items.length === 0) return <CommandEmpty message={emptyMessage} dataTestId={dataTestId ? `${dataTestId}-empty` : undefined} />;\n\n  return (\n    <List className={className} sx={style} data-testid={dataTestId}>\n      {Object.entries(groupedItems).map(([category, categoryItems]) => (\n        <CommandGroup\n          key={category}\n          heading={category}\n          items={categoryItems}\n          onSelect={onSelect}\n          selectedId={selectedId}\n          showShortcuts={showShortcuts}\n          showDescriptions={showDescriptions}\n        />\n      ))}\n    </List>\n  );\n};\n\nexport const CommandGroup: React.FC<CommandGroupProps> = ({\n  heading,\n  items = [],\n  onSelect,\n  selectedId,\n  showShortcuts,\n  showDescriptions,\n  className,\n  style,\n  dataTestId,\n}) => {\n  const groupTestId = dataTestId || (heading ? `command-group-${heading}` : undefined);\n\n  return (\n    <Box className={className} sx={style} data-testid={groupTestId}>\n      {heading && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            px: 2,\n            py: 1,\n            display: 'block',\n            color: 'text.secondary',\n            fontWeight: 600,\n            textTransform: 'uppercase',\n          }}\n        >\n          {heading}\n        </Typography>\n      )}\n      {items.map((item) => (\n        <CommandItemComponent\n          key={item.id}\n          {...item}\n          selected={selectedId === item.id}\n          onSelect={() => onSelect?.(item)}\n          showShortcut={showShortcuts}\n          showDescription={showDescriptions}\n          dataTestId={`command-item-${item.id}`}\n        />\n      ))}\n    </Box>\n  );\n};\n\nconst CommandItemComponent: React.FC<CommandItemProps> = ({\n  label,\n  description,\n  icon,\n  shortcut,\n  disabled,\n  selected,\n  onSelect,\n  showShortcut,\n  showDescription,\n  className,\n  style,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <ListItemButton\n      onClick={onSelect}\n      disabled={disabled}\n      selected={selected}\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        py: 1.5,\n        px: 2,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.primary.main, 0.08),\n        },\n        '&.Mui-selected': {\n          backgroundColor: alpha(theme.palette.primary.main, 0.12),\n          '&:hover': {\n            backgroundColor: alpha(theme.palette.primary.main, 0.16),\n          },\n        },\n        ...style,\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ minWidth: 40 }}>\n          {icon}\n        </ListItemIcon>\n      )}\n\n      <ListItemText\n        primary={label}\n        secondary={showDescription && description}\n        primaryTypographyProps={{\n          fontSize: '0.875rem',\n          fontWeight: selected ? 600 : 400,\n        }}\n        secondaryTypographyProps={{\n          fontSize: '0.75rem',\n        }}\n      />\n\n      {showShortcut && shortcut && (\n        <Chip\n          label={shortcut}\n          size=\"small\"\n          variant=\"outlined\"\n          sx={{\n            height: 20,\n            fontSize: '0.7rem',\n            ml: 1,\n          }}\n        />\n      )}\n    </ListItemButton>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-2F4YEGYG.js

@@ -1,75 +0,0 @@
-import {
-  fieldTextFieldStyles
-} from "./chunk-CGO452DC.js";
-
-// src/components/data-display/DataViews/data-views-number-input.tsx
-import Box from "@mui/material/Box/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var ALLOWED = /[^\d.,]/g;
-function parsePtBrNumber(text) {
-  const cleaned = text.replace(ALLOWED, "");
-  if (cleaned === "") return void 0;
-  const hasComma = cleaned.includes(",");
-  const dots = cleaned.split(".").length - 1;
-  const lastDot = cleaned.lastIndexOf(".");
-  const dotIsDecimal = !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;
-  const normalized = dotIsDecimal ? cleaned : cleaned.replace(/\./g, "").replace(",", ".");
-  const amount = Number(normalized);
-  return Number.isFinite(amount) ? amount : void 0;
-}
-function formatPtBrNumber(amount) {
-  if (amount == null || amount === "") return "";
-  return String(amount).replace(".", ",");
-}
-function boundAsNumber(amount) {
-  if (amount == null || amount === "") return void 0;
-  const parsed = typeof amount === "number" ? amount : Number(amount);
-  return Number.isFinite(parsed) ? parsed : void 0;
-}
-function NumberBoundInput({
-  label,
-  value,
-  unit,
-  onChange,
-  testId
-}) {
-  const applied = boundAsNumber(value);
-  const [text, setText] = useState(() => formatPtBrNumber(value));
-  useEffect(() => {
-    setText((current) => parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied));
-  }, [applied]);
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size: "small",
-      type: "text",
-      label,
-      value: text,
-      onChange: (event) => {
-        const next = event.target.value.replace(ALLOWED, "");
-        setText(next);
-        const amount = parsePtBrNumber(next);
-        if (next === "") return onChange(void 0);
-        if (amount !== void 0) onChange(amount);
-      },
-      onBlur: () => setText(
-        (current) => parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)
-      ),
-      InputLabelProps: { shrink: true },
-      inputProps: { "data-testid": testId, inputMode: "decimal", autoComplete: "off" },
-      InputProps: unit ? {
-        startAdornment: /* @__PURE__ */ jsx(Box, { component: "span", sx: { mr: 0.5, color: "text.secondary" }, children: unit })
-      } : void 0,
-      sx: [{ width: 140 }, fieldTextFieldStyles]
-    }
-  );
-}
-
-export {
-  parsePtBrNumber,
-  formatPtBrNumber,
-  NumberBoundInput
-};
-//# sourceMappingURL=chunk-2F4YEGYG.js.map

package/dist/chunk-2F4YEGYG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-number-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A numeric bound typed the way Brazilians write numbers, replacing\n * `<input type=\"number\">`.\n *\n * The native control parses in the BROWSER's locale, and it does not fail\n * loudly when the text does not match — it drops what it cannot read and keeps\n * the rest. Typing `50,00` into it, measured in Chromium:\n *\n *     digitado \"50,00\"  ->  campo \"5000\"   ->  filtro R$ 5.000\n *     digitado \"17,50\"  ->  campo \"1750\"   ->  filtro R$ 1.750\n *     digitado \"50.00\"  ->  campo \"500\"    ->  filtro R$ 500\n *\n * The comma is deleted and the digits close ranks, so the merchant asks for\n * fifty reais and gets a filter a HUNDRED times larger. The list empties, the\n * chip reads `Valor: ≥ R$ 5000`, and nothing on screen connects that to the\n * `50,00` they typed. It reads as \"the value filter is broken\", which is how it\n * was reported.\n *\n * So the field parses pt-BR itself: `,` is the decimal separator and `.` groups\n * thousands, which is what `R$ 1.234,56` means to the person reading it. A\n * plain `50` still works, and so does `50.00` — a dot with exactly two digits\n * after it is far more likely to be a decimal typed on a numeric keypad than a\n * thousands group, and reading it as `5000` is the very failure this replaces.\n *\n * WHICH KEYPAD, and where the request has to be made. `inputMode` goes on the\n * `<input>`, via `inputProps` — set on the `TextField` it rides the spread onto\n * the root `FormControl` div, an element nothing types into, so the attribute\n * has no effect and a phone goes on offering letters for a field that accepts\n * none of them. It is `decimal` rather than `numeric` because the numeric pad\n * has no comma on iOS, and the comma is the separator this field exists to\n * accept — `numeric` here would reopen the bug above from the other side, with\n * `17,50` untypeable rather than misread. Autofill is off alongside it: its\n * saved-value strip covers the keypad to offer names and addresses, none of\n * which survive `ALLOWED` anyway.\n */\nimport Box from '@mui/material/Box/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\n/** Everything this field lets through: digits and the two separators. */\nconst ALLOWED = /[^\\d.,]/g;\n\n/**\n * pt-BR text → number, or `undefined` when it is not one (yet).\n *\n * `.` is a thousands group and `,` is the decimal point, EXCEPT when a lone dot\n * is followed by one or two digits and no comma is present — `50.00` and `1.5`\n * are decimals somebody typed, while `1.234` is a thousand.\n */\nexport function parsePtBrNumber(text: string): number | undefined {\n  const cleaned = text.replace(ALLOWED, '');\n  if (cleaned === '') return undefined;\n  const hasComma = cleaned.includes(',');\n  const dots = cleaned.split('.').length - 1;\n  const lastDot = cleaned.lastIndexOf('.');\n  const dotIsDecimal =\n    !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;\n  const normalized = dotIsDecimal\n    ? cleaned\n    : cleaned.replace(/\\./g, '').replace(',', '.');\n  const amount = Number(normalized);\n  return Number.isFinite(amount) ? amount : undefined;\n}\n\n/**\n * A stored bound → the text the merchant reads, with a comma for the decimal\n * point.\n *\n * It takes a STRING too, and that is not defensive typing: a range restored\n * from the URL arrives as one (`?totalCents_gte=5000`). Narrowing to `number`\n * and dropping the rest emptied the field on every reload — and then the next\n * keystroke wrote a bound built from nothing.\n */\nexport function formatPtBrNumber(amount: number | string | undefined): string {\n  if (amount == null || amount === '') return '';\n  return String(amount).replace('.', ',');\n}\n\n/** The same, as a number — `undefined` when the bound is unset or unusable. */\nfunction boundAsNumber(amount: number | string | undefined): number | undefined {\n  if (amount == null || amount === '') return undefined;\n  const parsed = typeof amount === 'number' ? amount : Number(amount);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n/**\n * One end of a numeric range. The BOUND stays a plain `number` — nothing\n * downstream learns that the typing surface changed.\n */\nexport function NumberBoundInput({\n  label,\n  value,\n  unit,\n  onChange,\n  testId,\n}: {\n  label: string;\n  /** The applied bound. A range restored from the URL hands this over as a string. */\n  value: number | string | undefined;\n  /** Rendered as a start adornment (\"R$\"), not parsed out of the text. */\n  unit?: string;\n  onChange: (bound: number | undefined) => void;\n  testId: string;\n}): React.JSX.Element {\n  const applied = boundAsNumber(value);\n  const [text, setText] = useState(() => formatPtBrNumber(value));\n\n  // Re-sync only when the applied bound moved somewhere the text does not\n  // already mean — a \"Limpar\", a saved view. Comparing through the PARSE rather\n  // than the string keeps `50,` and `50,00` from being rewritten mid-edit.\n  useEffect(() => {\n    setText((current) => (parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)));\n  }, [applied]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      value={text}\n      onChange={(event) => {\n        // Reject the characters rather than silently dropping them AFTER\n        // parsing — a letter should not move the number.\n        const next = event.target.value.replace(ALLOWED, '');\n        setText(next);\n        const amount = parsePtBrNumber(next);\n        // A bare separator (`50,`) parses to nothing yet; leave the applied\n        // bound alone rather than clearing it half-way through a decimal.\n        if (next === '') return onChange(undefined);\n        if (amount !== undefined) onChange(amount);\n      }}\n      // Blur TIDIES, it does not rewrite. Text that already means the applied\n      // bound is left exactly as typed — `20`, `17,50` and `1.234,56` all stay\n      // — and only something that does not (`50,,`) snaps back.\n      //\n      // Padding the field to the chip's precision was tried and is worse than\n      // the mismatch it closed: settling `20` to `20,00` means the next edit\n      // starts from text the merchant did not write, so appending a digit to\n      // make it 200 produces `20,000`, which parses back to 20. The filter then\n      // ignores the keystroke, which is exactly the \"não funciona\" this whole\n      // control exists to end. An input must hold what was typed into it; the\n      // CHIP is where the applied window gets written in full.\n      onBlur={() =>\n        setText((current) =>\n          parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied),\n        )\n      }\n      InputLabelProps={{ shrink: true }}\n      // `inputMode` belongs on the `<input>`, never on the TextField — see the\n      // keypad note at the top of this file for what goes wrong up there.\n      inputProps={{ 'data-testid': testId, inputMode: 'decimal', autoComplete: 'off' }}\n      InputProps={\n        unit\n          ? {\n              startAdornment: (\n                <Box component=\"span\" sx={{ mr: 0.5, color: 'text.secondary' }}>\n                  {unit}\n                </Box>\n              ),\n            }\n          : undefined\n      }\n      sx={[{ width: 140 }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":";;;;;AAqCA,OAAO,SAAS;AAChB,OAAO,eAAe;AACtB,SAAgB,WAAW,gBAAgB;AAuH3B;AAnHhB,IAAM,UAAU;AAST,SAAS,gBAAgB,MAAkC;AAChE,QAAM,UAAU,KAAK,QAAQ,SAAS,EAAE;AACxC,MAAI,YAAY,GAAI,QAAO;AAC3B,QAAM,WAAW,QAAQ,SAAS,GAAG;AACrC,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE,SAAS;AACzC,QAAM,UAAU,QAAQ,YAAY,GAAG;AACvC,QAAM,eACJ,CAAC,YAAY,SAAS,KAAK,QAAQ,SAAS,UAAU,IAAI,KAAK,QAAQ,SAAS,UAAU,KAAK;AACjG,QAAM,aAAa,eACf,UACA,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG;AAC/C,QAAM,SAAS,OAAO,UAAU;AAChC,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAWO,SAAS,iBAAiB,QAA6C;AAC5E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,SAAO,OAAO,MAAM,EAAE,QAAQ,KAAK,GAAG;AACxC;AAGA,SAAS,cAAc,QAAyD;AAC9E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,QAAM,SAAS,OAAO,WAAW,WAAW,SAAS,OAAO,MAAM;AAClE,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAMO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQsB;AACpB,QAAM,UAAU,cAAc,KAAK;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,iBAAiB,KAAK,CAAC;AAK9D,YAAU,MAAM;AACd,YAAQ,CAAC,YAAa,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO,CAAE;AAAA,EACnG,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU;AAGnB,cAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,SAAS,EAAE;AACnD,gBAAQ,IAAI;AACZ,cAAM,SAAS,gBAAgB,IAAI;AAGnC,YAAI,SAAS,GAAI,QAAO,SAAS,MAAS;AAC1C,YAAI,WAAW,OAAW,UAAS,MAAM;AAAA,MAC3C;AAAA,MAYA,QAAQ,MACN;AAAA,QAAQ,CAAC,YACP,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO;AAAA,MAC3E;AAAA,MAEF,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAGhC,YAAY,EAAE,eAAe,QAAQ,WAAW,WAAW,cAAc,MAAM;AAAA,MAC/E,YACE,OACI;AAAA,QACE,gBACE,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,IAAI,KAAK,OAAO,iBAAiB,GAC1D,gBACH;AAAA,MAEJ,IACA;AAAA,MAEN,IAAI,CAAC,EAAE,OAAO,IAAI,GAAG,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;","names":[]}