@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-C3U7FDKI.js

@@ -1,218 +0,0 @@
-import {
-  PaletteResults
-} from "./chunk-SQSFMZTF.js";
-import {
-  ShortcutChip
-} from "./chunk-5EIW2FZY.js";
-import {
-  useCommandPalette
-} from "./chunk-SUZXPDUQ.js";
-import {
-  scrim
-} from "./chunk-FQ6UW7IY.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)(({ theme }) => ({
-  "& .MuiBackdrop-root": {
-    backgroundColor: scrim(theme, 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-C3U7FDKI.js.map

package/dist/chunk-C3U7FDKI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/CommandPalette/CommandPalette.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport EnterIcon from '@mui/icons-material/KeyboardReturn';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Slide from '@mui/material/Slide/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport type { TransitionProps } from '@mui/material/transitions/index.js';\nimport type { FC} from 'react';\nimport React, {  } from 'react';\n\nimport { useCommandPalette } from './CommandPalette.hooks';\nimport { PaletteResults } from './CommandPaletteResults';\nimport { ShortcutChip } from './ShortcutChip';\nimport type { CommandPaletteProps } from './CommandPalette.types';\nimport type { CommandPaletteCopy } from '../../../copy';\nimport { scrim } from '../../../tokens/ink';\n\n// Styled components\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\n  '& .MuiBackdrop-root': {\n    backgroundColor: scrim(theme, 0.6),\n    backdropFilter: 'blur(4px)' },\n  '& .MuiDialog-paper': {\n    position: 'fixed',\n    top: '20%',\n    margin: 0,\n    maxHeight: 'none',\n    background: 'transparent',\n    boxShadow: 'none',\n    overflow: 'visible' } }));\n\nconst PaletteContainer = styled(Paper)(({ theme }) => ({\n  width: '100%',\n  maxWidth: 640,\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n  backdropFilter: 'blur(20px)',\n  WebkitBackdropFilter: 'blur(20px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  borderRadius: theme.shape.borderRadius * 2,\n  overflow: 'hidden',\n  boxShadow: theme.shadows[24] }));\n\nconst SearchContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  padding: theme.spacing(2),\n  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n  background: alpha(theme.palette.background.default, 0.4) }));\n\nconst SearchInput = styled(InputBase)(({ theme }) => ({\n  flex: 1,\n  fontSize: '1.125rem',\n  fontWeight: 400,\n  '& input': {\n    padding: theme.spacing(0, 1),\n    '&::placeholder': {\n      color: theme.palette.text.secondary,\n      opacity: 0.8 } } }));\n\nconst Transition = React.forwardRef<unknown, TransitionProps & { children: React.ReactElement }>(\n  function Transition(props, ref) {\n    return <Slide direction=\"down\" ref={ref} {...props} />;\n  },\n);\n\n// Main component\nconst PaletteSearch: React.FC<{\n  inputRef: React.Ref<HTMLInputElement>;\n  placeholder?: string;\n  value: string;\n  dataTestId?: string;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onClose: () => void;\n}> = ({ inputRef, placeholder, value, dataTestId, onChange, onClose }) => (\n  <SearchContainer>\n    <SearchIcon sx={{ color: 'text.secondary', mr: 1 }} />\n    <SearchInput\n      ref={inputRef}\n      placeholder={placeholder}\n      value={value}\n      onChange={onChange}\n      autoComplete=\"off\"\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck=\"false\"\n      inputProps={{ 'data-testid': `${dataTestId}-input` }}\n    />\n    <IconButton size=\"small\" onClick={onClose} sx={{ ml: 1 }}>\n      <CloseIcon fontSize=\"small\" />\n    </IconButton>\n  </SearchContainer>\n);\n\nconst PaletteFooter: React.FC<{ commandCount: number; copy: CommandPaletteCopy }> = ({\n  commandCount,\n  copy,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        padding: 1,\n        borderTop: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n        background: alpha(theme.palette.background.default, 0.4) }}\n    >\n      <Box sx={{ display: 'flex', gap: 1 }}>\n        <ShortcutChip\n          icon={<EnterIcon sx={{ fontSize: 12 }} />}\n          label={copy.execute}\n          size=\"small\"\n        />\n        <ShortcutChip label={copy.navigate} size=\"small\" />\n        <ShortcutChip label={copy.close} size=\"small\" />\n      </Box>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {commandCount} commands\n      </Typography>\n    </Box>\n  );\n};\n\nexport const CommandPalette: FC<CommandPaletteProps> = ({\n  copy,\n  open,\n  onClose,\n  commands,\n  placeholder = 'Type a command or search...',\n  width = '640px',\n  maxHeight = '400px',\n  showRecent = true,\n  recentCommands = [],\n  onCommandExecute,\n  dataTestId = 'command-palette' }) => {\n  const {\n    searchQuery,\n    setSearchQuery,\n    selectedIndex,\n    setSelectedIndex,\n    searchInputRef,\n    listRef,\n    filteredCommands,\n    groupedCommands,\n    executeCommand,\n    recentCommandIds } = useCommandPalette({\n    open,\n    commands,\n    showRecent,\n    recentCommands,\n    onCommandExecute,\n    onClose });\n\n  const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchQuery(event.target.value);\n  };\n\n  return (\n    <StyledDialog\n      open={open}\n      onClose={onClose}\n      TransitionComponent={Transition}\n      maxWidth={false}\n      fullWidth\n      data-testid={dataTestId}\n    >\n      <DialogContent sx={{ overflow: 'visible', p: 0 }}>\n        <PaletteContainer elevation={24} sx={{ width, maxHeight }}>\n          <PaletteSearch\n            inputRef={searchInputRef}\n            placeholder={placeholder}\n            value={searchQuery}\n            dataTestId={dataTestId}\n            onChange={handleSearchChange}\n            onClose={onClose}\n          />\n\n          <PaletteResults\n          copy={copy}\n            listRef={listRef}\n            dataTestId={dataTestId}\n            searchQuery={searchQuery}\n            showRecent={showRecent}\n            commands={commands}\n            recentCommandIds={recentCommandIds}\n            filteredCommands={filteredCommands}\n            groupedCommands={groupedCommands}\n            selectedIndex={selectedIndex}\n            onSelect={setSelectedIndex}\n            onExecute={executeCommand}\n          />\n\n          <PaletteFooter copy={copy} commandCount={filteredCommands.length} />\n        </PaletteContainer>\n      </DialogContent>\n    </StyledDialog>\n  );\n};\n\n// Export default\nexport default CommandPalette;\n"],"mappings":"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","names":["Transition"]}

package/dist/chunk-COK5VOXC.js

@@ -1,193 +0,0 @@
-import {
-  MenubarToolbar
-} from "./chunk-4N33SWTW.js";
-import {
-  barStyles
-} from "./chunk-GL5CYMGK.js";
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Menubar/Menubar.tsx
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import AppBar from "@mui/material/AppBar/index.js";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "neutral",
-  orientation: "horizontal",
-  glow: false,
-  pulse: false,
-  glass: false,
-  gradient: false,
-  loading: false,
-  disabled: false,
-  sticky: false,
-  transparent: false,
-  blur: false,
-  elevation: 4,
-  fullWidth: true
-};
-var Menubar = (props) => {
-  const {
-    ariaLabel,
-    items,
-    variant,
-    size,
-    color,
-    orientation,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    loading,
-    disabled,
-    className,
-    style,
-    logo,
-    endContent,
-    sticky,
-    transparent,
-    blur,
-    elevation,
-    fullWidth,
-    onClick,
-    onFocus,
-    onBlur,
-    "data-testid": dataTestId
-  } = withDefaults(props, DEFAULTS);
-  const theme = useTheme();
-  const { activeMenu, menuRefs, handleMenuOpen, handleMenuClose, handleItemClick } = useMenubarMenus(onClick);
-  const isVertical = orientation === "vertical";
-  const barSx = barStyles(theme, {
-    variant,
-    size,
-    color,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    blur,
-    transparent,
-    elevation
-  });
-  const content = /* @__PURE__ */ jsx(
-    MenubarToolbar,
-    {
-      ariaLabel,
-      barSx,
-      items,
-      size,
-      orientation,
-      disabled,
-      loading,
-      logo,
-      endContent,
-      fullWidth,
-      activeMenu,
-      menuRefs,
-      onOpen: handleMenuOpen,
-      onActivate: handleItemClick,
-      onClose: handleMenuClose,
-      onFocus,
-      onBlur
-    }
-  );
-  if (isVertical) {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className,
-        sx: {
-          ...style,
-          position: sticky ? "sticky" : "relative",
-          top: sticky ? 0 : "auto",
-          zIndex: theme.zIndex.appBar
-        },
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    AppBar,
-    {
-      position: sticky ? "sticky" : "static",
-      className,
-      "data-testid": dataTestId,
-      sx: { ...barSx, ...style },
-      elevation: 0,
-      component: "header",
-      children: content
-    }
-  );
-};
-var MenubarGroup = ({
-  label,
-  items,
-  icon,
-  disabled,
-  open,
-  onOpenChange,
-  onClick,
-  className,
-  style
-}) => {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const isOpen = open !== void 0 ? open : Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-    onOpenChange?.(true);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-    onOpenChange?.(false);
-  };
-  const handleItemClick = (item) => {
-    if (item.action) {
-      item.action();
-    }
-    onClick?.(item);
-    handleClose();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: handleClick,
-        disabled,
-        startIcon: icon,
-        endIcon: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {}),
-        className,
-        sx: style,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open: isOpen, onClose: handleClose, children: items.map(
-      (item) => item.divider ? /* @__PURE__ */ jsx(Divider, {}, item.id) : /* @__PURE__ */ jsxs(MenuItem, { onClick: () => handleItemClick(item), disabled: item.disabled, children: [
-        item.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: item.icon }),
-        /* @__PURE__ */ jsx(ListItemText, { children: item.label }),
-        item.shortcut && /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { ml: 2 }, children: item.shortcut })
-      ] }, item.id)
-    ) })
-  ] });
-};
-
-export {
-  Menubar,
-  MenubarGroup
-};
-//# sourceMappingURL=chunk-COK5VOXC.js.map

package/dist/chunk-CRDOMIEG.js

@@ -1,59 +0,0 @@
-import {
-  accentFor
-} from "./chunk-TCAQOUIB.js";
-
-// src/components/data-display/Carousel/Carousel.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZES = {
-  xs: { height: 200, fontSize: "0.75rem" },
-  sm: { height: 300, fontSize: "0.875rem" },
-  md: { height: 400, fontSize: "1rem" },
-  lg: { height: 500, fontSize: "1.125rem" },
-  xl: { height: 600, fontSize: "1.25rem" }
-};
-var sizeStyles = (size) => SIZES[size] ?? SIZES.md;
-var SURFACES = {
-  glass: ({ theme, color, glass }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`
-  }),
-  gradient: ({ theme, color, gradient }) => ({
-    background: gradient ? `linear-gradient(135deg, ${alpha(accentFor(theme, color).light, 0.1)}, ${alpha(accentFor(theme, color).dark, 0.1)})` : "transparent"
-  }),
-  elevated: ({ theme }) => ({ boxShadow: theme.shadows[8] }),
-  minimal: () => ({ border: "none", boxShadow: "none" }),
-  cards: ({ theme }) => ({ padding: theme.spacing(2) }),
-  default: () => ({})
-};
-var containerStyles = (input) => {
-  const { theme, variant, size, color, height, width, glow, pulse } = input;
-  const accent = accentFor(theme, color).main;
-  return {
-    position: "relative",
-    width,
-    // A numeric height is taken literally; anything else falls back to the size
-    // preset, since a percentage cannot resolve against an unsized parent here.
-    height: typeof height === "number" ? height : sizeStyles(size).height,
-    overflow: "hidden",
-    borderRadius: theme.spacing(1),
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard
-    }),
-    ...glow && { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` },
-    ...pulse && {
-      animation: "pulse 2s infinite",
-      "@keyframes pulse": {
-        "0%": { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },
-        "70%": { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },
-        "100%": { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` }
-      }
-    },
-    ...(SURFACES[variant] ?? SURFACES.default)(input)
-  };
-};
-
-export {
-  containerStyles
-};
-//# sourceMappingURL=chunk-CRDOMIEG.js.map

package/dist/chunk-CRDOMIEG.js.map

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

package/dist/chunk-CUN5RJTH.js

@@ -1,81 +0,0 @@
-import {
-  StepConnectorComponent,
-  StepContentComponent,
-  StepIndicatorComponent,
-  StepItemRow
-} from "./chunk-WGFIIS6Q.js";
-
-// src/components/utility/WorkflowStep/WorkflowStepRow.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var StepRow = ({
-  step,
-  index,
-  isLast,
-  orientation,
-  variant,
-  color,
-  size,
-  showNumbers,
-  showIcons,
-  showProgress,
-  completedIcon,
-  errorIcon,
-  interactive,
-  animated,
-  disabled,
-  onClick,
-  dataTestId
-}) => {
-  const isCompleted = step.status === "completed";
-  return /* @__PURE__ */ jsxs(StepItemRow, { orientation, isLast, children: [
-    /* @__PURE__ */ jsx(
-      StepIndicatorComponent,
-      {
-        step,
-        index,
-        isActive: step.status === "current",
-        isCompleted,
-        isError: step.status === "error",
-        variant,
-        color,
-        size,
-        showNumbers,
-        showIcons,
-        completedIcon,
-        errorIcon,
-        interactive,
-        animated,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-indicator-${index}`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      StepContentComponent,
-      {
-        step,
-        index,
-        orientation,
-        interactive,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-content-${index}`
-      }
-    ),
-    showProgress && !isLast && /* @__PURE__ */ jsx(
-      StepConnectorComponent,
-      {
-        isCompleted,
-        orientation,
-        variant,
-        color,
-        "data-testid": `${dataTestId}-connector-${index}`
-      }
-    )
-  ] });
-};
-
-export {
-  StepRow
-};
-//# sourceMappingURL=chunk-CUN5RJTH.js.map