@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-AZ4LLAAJ.js

@@ -1,297 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-view-nav.tsx
-import ChevronLeftRoundedIcon from "@mui/icons-material/ChevronLeftRounded";
-import CheckRoundedIcon from "@mui/icons-material/CheckRounded";
-import DeleteOutlineRoundedIcon from "@mui/icons-material/DeleteOutlineRounded";
-import EditOutlinedIcon from "@mui/icons-material/EditOutlined";
-import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
-import MoreVertRoundedIcon from "@mui/icons-material/MoreVertRounded";
-import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
-import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlined";
-import StarOutlineRoundedIcon2 from "@mui/icons-material/StarOutlineRounded";
-import IconButton from "@mui/material/IconButton/index.js";
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import RestartAltRoundedIcon from "@mui/icons-material/RestartAltRounded";
-import SaveOutlinedIcon from "@mui/icons-material/SaveOutlined";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var rowSx = {
-  display: "flex",
-  alignItems: "center",
-  gap: 1,
-  width: "100%",
-  px: 1.25,
-  py: 1,
-  border: 0,
-  borderRadius: 1,
-  bgcolor: "transparent",
-  cursor: "pointer",
-  font: "inherit",
-  fontSize: "0.8125rem",
-  textAlign: "left",
-  color: "text.primary",
-  "&:hover": { bgcolor: "action.hover" }
-};
-function ViewsList({
-  handlers,
-  onOpenActions,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { views, activeViewId, onSelectView } = handlers;
-  const onMain = !activeViewId;
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-views-list`, children: [
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: () => onSelectView(null),
-        "data-testid": `${testIdPrefix}-view-main`,
-        sx: { ...rowSx, color: onMain ? "primary.main" : "text.primary", fontWeight: onMain ? 600 : 400 },
-        children: [
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: copy.nav.mainView }),
-          onMain && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
-        ]
-      }
-    ),
-    views.map((view) => {
-      const active = view.id === activeViewId;
-      return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsxs(
-          default2,
-          {
-            component: "button",
-            type: "button",
-            onClick: () => onSelectView(view.id),
-            "data-testid": `${testIdPrefix}-view-${view.id}`,
-            sx: { ...rowSx, minWidth: 0, color: active ? "primary.main" : "text.primary", fontWeight: active ? 600 : 400 },
-            children: [
-              /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: view.name }),
-              view.isDefault && /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small", sx: { color: "warning.main" }, titleAccess: copy.nav.defaultTag }),
-              view.pinned && /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Fixada" }),
-              view.shared && /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Compartilhada" }),
-              active && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "small",
-            onClick: () => onOpenActions(view),
-            "aria-label": copy.nav.viewOptions(view.name),
-            "data-testid": `${testIdPrefix}-view-${view.id}-menu`,
-            children: /* @__PURE__ */ jsx(MoreVertRoundedIcon, { fontSize: "small" })
-          }
-        )
-      ] }, view.id);
-    }),
-    views.length === 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", px: 1.25, py: 1.5, color: "text.secondary", lineHeight: 1.6 }, children: copy.nav.emptyHint }) })
-  ] });
-}
-function ViewActions({
-  view,
-  handlers,
-  onBack,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { onEditView, onPatchView, onDeleteView } = handlers;
-  const action = (key, Icon, label, onClick, opts = {}) => /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": `${testIdPrefix}-view-action-${key}`,
-      sx: {
-        ...rowSx,
-        color: opts.danger ? "error.main" : "text.primary",
-        "&:hover": { bgcolor: opts.danger ? "error.lighter" : "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(Icon, { fontSize: "small", sx: { color: opts.danger ? "inherit" : "text.disabled" } }),
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: label }),
-        opts.on && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small", color: "primary" })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-view-actions`, children: [
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: onBack,
-        "data-testid": `${testIdPrefix}-view-actions-back`,
-        sx: { ...rowSx, color: "text.secondary", fontSize: "0.75rem" },
-        children: [
-          /* @__PURE__ */ jsx(ChevronLeftRoundedIcon, { fontSize: "small" }),
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, fontWeight: 600, color: "text.primary" }, children: view.name })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
-    action("edit", EditOutlinedIcon, copy.nav.editView, () => onEditView(view)),
-    action("default", StarOutlineRoundedIcon2, copy.nav.setDefault, () => onPatchView(view, { isDefault: !view.isDefault }), { on: view.isDefault }),
-    action("pin", PushPinOutlinedIcon, copy.nav.pinToSidebar, () => onPatchView(view, { pinned: !view.pinned }), { on: view.pinned }),
-    action("share", GroupOutlinedIcon, copy.nav.shareWithTeam, () => onPatchView(view, { shared: !view.shared }), { on: view.shared }),
-    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
-    action("delete", DeleteOutlineRoundedIcon, copy.nav.deleteView, () => onDeleteView(view), { danger: true })
-  ] });
-}
-function ToggleContents({
-  view,
-  open,
-  interactive,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, "data-testid": `${testIdPrefix}-display-view-name`, children: view.activeViewName ?? copy.nav.mainView }),
-    view.dirty && /* @__PURE__ */ jsx(
-      default2,
-      {
-        component: "span",
-        "aria-label": copy.nav.unsavedChanges,
-        "data-testid": `${testIdPrefix}-display-dirty`,
-        sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" }
-      }
-    ),
-    interactive && /* @__PURE__ */ jsx(
-      KeyboardArrowDownRoundedIcon,
-      {
-        fontSize: "small",
-        sx: { color: "text.disabled", transform: open ? "rotate(180deg)" : "none" }
-      }
-    )
-  ] });
-}
-function ViewToggle({
-  view,
-  open,
-  onToggle,
-  testIdPrefix
-}) {
-  const interactive = Boolean(view.nav);
-  const affordance = interactive ? { px: 0.75, py: 0.25, cursor: "pointer", "&:hover": { bgcolor: "action.hover" } } : { px: 0, py: 0, cursor: "default" };
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: interactive ? "button" : "div",
-      type: interactive ? "button" : void 0,
-      onClick: interactive ? onToggle : void 0,
-      "aria-expanded": interactive ? open : void 0,
-      "data-testid": `${testIdPrefix}-display-view-toggle`,
-      sx: {
-        ml: "auto",
-        display: "flex",
-        alignItems: "center",
-        gap: 0.75,
-        minWidth: 0,
-        border: 0,
-        borderRadius: 1,
-        font: "inherit",
-        fontSize: "0.75rem",
-        bgcolor: open ? "action.selected" : "transparent",
-        ...affordance
-      },
-      children: /* @__PURE__ */ jsx(ToggleContents, { view, open, interactive, testIdPrefix })
-    }
-  );
-}
-function ViewHeader(props) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { textTransform: "uppercase", letterSpacing: 0.5, color: "text.disabled" }, children: copy.nav.label }) }),
-    /* @__PURE__ */ jsx(ViewToggle, { ...props })
-  ] });
-}
-function ViewFooter({
-  view,
-  onDone,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 1,
-        px: 1.5,
-        py: 1,
-        borderTop: 1,
-        borderColor: "divider",
-        bgcolor: "action.hover"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "sm",
-            color: "neutral",
-            disabled: !view.dirty,
-            startIcon: /* @__PURE__ */ jsx(RestartAltRoundedIcon, { fontSize: "small" }),
-            onClick: view.onReset,
-            dataTestId: `${testIdPrefix}-display-reset`,
-            children: copy.nav.reset
-          }
-        ),
-        /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          view.onUpdate && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "sm",
-              color: "neutral",
-              onClick: () => {
-                view.onSaveAs();
-                onDone();
-              },
-              dataTestId: `${testIdPrefix}-display-save-as`,
-              children: copy.nav.saveAs
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              disabled: !view.dirty,
-              startIcon: /* @__PURE__ */ jsx(SaveOutlinedIcon, { fontSize: "small" }),
-              onClick: () => {
-                (view.onUpdate ?? view.onSaveAs)();
-                onDone();
-              },
-              dataTestId: `${testIdPrefix}-display-save`,
-              children: view.onUpdate ? copy.nav.update : copy.nav.save
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  ViewsList,
-  ViewActions,
-  ViewHeader,
-  ViewFooter
-};
-//# sourceMappingURL=chunk-AZ4LLAAJ.js.map

package/dist/chunk-B64PPHUR.js

@@ -1,137 +0,0 @@
-import {
-  asFieldSize,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  cssLengthToPx
-} from "./chunk-AG66JBNH.js";
-
-// src/components/form/ToggleGroup/ToggleGroup.tsx
-import Box from "@mui/material/Box/index.js";
-import ToggleButton from "@mui/material/ToggleButton/index.js";
-import ToggleButtonGroup from "@mui/material/ToggleButtonGroup/index.js";
-import { alpha, useTheme, styled } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GLASS_PADDING = 4;
-var GLASS_BORDER = 1;
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return {
-      main: theme.palette.grey[700],
-      dark: theme.palette.grey[800],
-      light: theme.palette.grey[500],
-      contrastText: theme.palette.getContrastText(theme.palette.grey[700])
-    };
-  }
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  const palette = colorMap[color] || theme.palette.primary;
-  return {
-    main: palette.main,
-    dark: palette.dark || palette.main,
-    light: palette.light || palette.main,
-    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main)
-  };
-};
-var StyledToggleGroup = styled(ToggleButtonGroup, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glass"].includes(prop)
-})(({ theme, glass }) => {
-  const radius = fieldRadius(theme);
-  const inset = GLASS_PADDING + cssLengthToPx(theme.spacing(0.5), 4) + GLASS_BORDER;
-  return {
-    backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : "transparent",
-    backdropFilter: glass ? "blur(20px)" : "none",
-    borderRadius: glass ? radius + inset : radius,
-    padding: glass ? GLASS_PADDING : 0,
-    border: glass ? `${GLASS_BORDER}px solid ${alpha(theme.palette.divider, 0.2)}` : "none",
-    "& .MuiToggleButtonGroup-grouped": {
-      margin: theme.spacing(0.5),
-      border: 0,
-      borderRadius: `${radius}px !important`
-    }
-  };
-});
-var ToggleGroup = forwardRef(
-  ({
-    variant = "single",
-    color = "primary",
-    size = "md",
-    options,
-    glass = false,
-    gradient = false,
-    value,
-    onChange,
-    dataTestId = "toggle-group",
-    ...props
-  }, ref) => {
-    const theme = useTheme();
-    const colorPalette = getColorFromTheme(theme, color);
-    const sizeMap = {
-      xs: { padding: "4px 8px", fontSize: "0.75rem" },
-      sm: { padding: "6px 12px", fontSize: "0.875rem" },
-      md: { padding: "8px 16px", fontSize: "1rem" },
-      lg: { padding: "10px 20px", fontSize: "1.125rem" },
-      xl: { padding: "12px 24px", fontSize: "1.25rem" }
-    };
-    return /* @__PURE__ */ jsx(
-      StyledToggleGroup,
-      {
-        ref,
-        customColor: color,
-        customSize: size,
-        glass,
-        value,
-        onChange,
-        exclusive: variant === "exclusive" || variant === "single",
-        "data-testid": dataTestId,
-        ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx(
-          ToggleButton,
-          {
-            value: option.value,
-            disabled: option.disabled,
-            "data-testid": `${dataTestId}-item-${option.value}`,
-            sx: {
-              textTransform: "none",
-              fontWeight: 500,
-              transition: "all 0.3s ease",
-              ...sizeMap[size],
-              // The theme's field height for the size; the label centres in it.
-              minHeight: (theme2) => fieldHeight(theme2, asFieldSize(size)),
-              paddingTop: 0,
-              paddingBottom: 0,
-              "&.Mui-selected": {
-                backgroundColor: colorPalette.main,
-                color: colorPalette.contrastText,
-                ...gradient && {
-                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`
-                }
-              }
-            },
-            children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-              option.icon,
-              option.label
-            ] })
-          },
-          option.value
-        ))
-      }
-    );
-  }
-);
-ToggleGroup.displayName = "ToggleGroup";
-
-export {
-  ToggleGroup
-};
-//# sourceMappingURL=chunk-B64PPHUR.js.map

package/dist/chunk-B64PPHUR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport ToggleButton from '@mui/material/ToggleButton/index.js';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup/index.js';\nimport { alpha, useTheme, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport type { ToggleGroupProps } from './ToggleGroup.types';\nimport { cssLengthToPx } from '../../../tokens/css-units';\nimport { asFieldSize, fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadius } from '../../../tokens/field-radius';\n\nconst GLASS_PADDING = 4;\nconst GLASS_BORDER = 1;\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[700],\n      dark: theme.palette.grey[800],\n      light: theme.palette.grey[500],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[700]),\n    };\n  }\n\n  const colorMap = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  const palette = colorMap[color as keyof typeof colorMap] || theme.palette.primary;\n\n  // Ensure palette has required properties\n  return {\n    main: palette.main,\n    dark: palette.dark || palette.main,\n    light: palette.light || palette.main,\n    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main),\n  };\n};\n\nconst StyledToggleGroup = styled(ToggleButtonGroup, {\n  shouldForwardProp: (prop) => !['customColor', 'customSize', 'glass'].includes(prop as string),\n})<{\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n}>(({ theme, glass }) => {\n  // Each button is the field, so it takes the field radius. The glass frame\n  // around them is inset by its padding, the buttons' margin and its border,\n  // and rounds by that much more so the two corners stay concentric.\n  const radius = fieldRadius(theme);\n  const inset = GLASS_PADDING + cssLengthToPx(theme.spacing(0.5), 4) + GLASS_BORDER;\n  return {\n    backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : 'transparent',\n    backdropFilter: glass ? 'blur(20px)' : 'none',\n    borderRadius: glass ? radius + inset : radius,\n    padding: glass ? GLASS_PADDING : 0,\n    border: glass ? `${GLASS_BORDER}px solid ${alpha(theme.palette.divider, 0.2)}` : 'none',\n\n    '& .MuiToggleButtonGroup-grouped': {\n      margin: theme.spacing(0.5),\n      border: 0,\n      borderRadius: `${radius}px !important`,\n    },\n  };\n});\n\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\n  (\n    {\n      variant = 'single',\n      color = 'primary',\n      size = 'md',\n      options,\n      glass = false,\n      gradient = false,\n      value,\n      onChange,\n      dataTestId = 'toggle-group',\n      ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const colorPalette = getColorFromTheme(theme, color);\n\n    const sizeMap = {\n      xs: { padding: '4px 8px', fontSize: '0.75rem' },\n      sm: { padding: '6px 12px', fontSize: '0.875rem' },\n      md: { padding: '8px 16px', fontSize: '1rem' },\n      lg: { padding: '10px 20px', fontSize: '1.125rem' },\n      xl: { padding: '12px 24px', fontSize: '1.25rem' },\n    };\n\n    return (\n      <StyledToggleGroup\n        ref={ref}\n        customColor={color}\n        customSize={size}\n        glass={glass}\n        value={value}\n        onChange={onChange}\n        exclusive={variant === 'exclusive' || variant === 'single'}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {options.map((option) => (\n          <ToggleButton\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            data-testid={`${dataTestId}-item-${option.value}`}\n            sx={{\n              textTransform: 'none',\n              fontWeight: 500,\n              transition: 'all 0.3s ease',\n              ...sizeMap[size as keyof typeof sizeMap],\n              // The theme's field height for the size; the label centres in it.\n              minHeight: (theme) => fieldHeight(theme, asFieldSize(size)),\n              paddingTop: 0,\n              paddingBottom: 0,\n\n              '&.Mui-selected': {\n                backgroundColor: colorPalette.main,\n                color: colorPalette.contrastText,\n\n                ...(gradient && {\n                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`,\n                }),\n              },\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n              {option.icon}\n              {option.label}\n            </Box>\n          </ToggleButton>\n        ))}\n      </StyledToggleGroup>\n    );\n  },\n);\n\nToggleGroup.displayName = 'ToggleGroup';\n"],"mappings":"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","names":["theme"]}

package/dist/chunk-B6IURHSZ.js

@@ -1,215 +0,0 @@
-import {
-  PaletteResults
-} from "./chunk-SQSFMZTF.js";
-import {
-  ShortcutChip
-} from "./chunk-5EIW2FZY.js";
-import {
-  useCommandPalette
-} from "./chunk-SUZXPDUQ.js";
-
-// src/components/navigation/CommandPalette/CommandPalette.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import EnterIcon from "@mui/icons-material/KeyboardReturn";
-import SearchIcon from "@mui/icons-material/Search";
-import Box from "@mui/material/Box/index.js";
-import Dialog from "@mui/material/Dialog/index.js";
-import DialogContent from "@mui/material/DialogContent/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import InputBase from "@mui/material/InputBase/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import Slide from "@mui/material/Slide/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled, useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledDialog = styled(Dialog)(() => ({
-  "& .MuiBackdrop-root": {
-    backgroundColor: alpha("#000", 0.6),
-    backdropFilter: "blur(4px)"
-  },
-  "& .MuiDialog-paper": {
-    position: "fixed",
-    top: "20%",
-    margin: 0,
-    maxHeight: "none",
-    background: "transparent",
-    boxShadow: "none",
-    overflow: "visible"
-  }
-}));
-var PaletteContainer = styled(Paper)(({ theme }) => ({
-  width: "100%",
-  maxWidth: 640,
-  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
-  backdropFilter: "blur(20px)",
-  WebkitBackdropFilter: "blur(20px)",
-  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
-  borderRadius: theme.shape.borderRadius * 2,
-  overflow: "hidden",
-  boxShadow: theme.shadows[24]
-}));
-var SearchContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  padding: theme.spacing(2),
-  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,
-  background: alpha(theme.palette.background.default, 0.4)
-}));
-var SearchInput = styled(InputBase)(({ theme }) => ({
-  flex: 1,
-  fontSize: "1.125rem",
-  fontWeight: 400,
-  "& input": {
-    padding: theme.spacing(0, 1),
-    "&::placeholder": {
-      color: theme.palette.text.secondary,
-      opacity: 0.8
-    }
-  }
-}));
-var Transition = React.forwardRef(
-  function Transition2(props, ref) {
-    return /* @__PURE__ */ jsx(Slide, { direction: "down", ref, ...props });
-  }
-);
-var PaletteSearch = ({ inputRef, placeholder, value, dataTestId, onChange, onClose }) => /* @__PURE__ */ jsxs(SearchContainer, { children: [
-  /* @__PURE__ */ jsx(SearchIcon, { sx: { color: "text.secondary", mr: 1 } }),
-  /* @__PURE__ */ jsx(
-    SearchInput,
-    {
-      ref: inputRef,
-      placeholder,
-      value,
-      onChange,
-      autoComplete: "off",
-      autoCorrect: "off",
-      autoCapitalize: "off",
-      spellCheck: "false",
-      inputProps: { "data-testid": `${dataTestId}-input` }
-    }
-  ),
-  /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, sx: { ml: 1 }, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
-] });
-var PaletteFooter = ({
-  commandCount,
-  copy
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        padding: 1,
-        borderTop: `1px solid ${alpha(theme.palette.divider, 0.12)}`,
-        background: alpha(theme.palette.background.default, 0.4)
-      },
-      children: [
-        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1 }, children: [
-          /* @__PURE__ */ jsx(
-            ShortcutChip,
-            {
-              icon: /* @__PURE__ */ jsx(EnterIcon, { sx: { fontSize: 12 } }),
-              label: copy.execute,
-              size: "small"
-            }
-          ),
-          /* @__PURE__ */ jsx(ShortcutChip, { label: copy.navigate, size: "small" }),
-          /* @__PURE__ */ jsx(ShortcutChip, { label: copy.close, size: "small" })
-        ] }),
-        /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
-          commandCount,
-          " commands"
-        ] })
-      ]
-    }
-  );
-};
-var CommandPalette = ({
-  copy,
-  open,
-  onClose,
-  commands,
-  placeholder = "Type a command or search...",
-  width = "640px",
-  maxHeight = "400px",
-  showRecent = true,
-  recentCommands = [],
-  onCommandExecute,
-  dataTestId = "command-palette"
-}) => {
-  const {
-    searchQuery,
-    setSearchQuery,
-    selectedIndex,
-    setSelectedIndex,
-    searchInputRef,
-    listRef,
-    filteredCommands,
-    groupedCommands,
-    executeCommand,
-    recentCommandIds
-  } = useCommandPalette({
-    open,
-    commands,
-    showRecent,
-    recentCommands,
-    onCommandExecute,
-    onClose
-  });
-  const handleSearchChange = (event) => {
-    setSearchQuery(event.target.value);
-  };
-  return /* @__PURE__ */ jsx(
-    StyledDialog,
-    {
-      open,
-      onClose,
-      TransitionComponent: Transition,
-      maxWidth: false,
-      fullWidth: true,
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx(DialogContent, { sx: { overflow: "visible", p: 0 }, children: /* @__PURE__ */ jsxs(PaletteContainer, { elevation: 24, sx: { width, maxHeight }, children: [
-        /* @__PURE__ */ jsx(
-          PaletteSearch,
-          {
-            inputRef: searchInputRef,
-            placeholder,
-            value: searchQuery,
-            dataTestId,
-            onChange: handleSearchChange,
-            onClose
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PaletteResults,
-          {
-            copy,
-            listRef,
-            dataTestId,
-            searchQuery,
-            showRecent,
-            commands,
-            recentCommandIds,
-            filteredCommands,
-            groupedCommands,
-            selectedIndex,
-            onSelect: setSelectedIndex,
-            onExecute: executeCommand
-          }
-        ),
-        /* @__PURE__ */ jsx(PaletteFooter, { copy, commandCount: filteredCommands.length })
-      ] }) })
-    }
-  );
-};
-var CommandPalette_default = CommandPalette;
-
-export {
-  CommandPalette,
-  CommandPalette_default
-};
-//# sourceMappingURL=chunk-B6IURHSZ.js.map