@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-AATIHNPI.js

@@ -1,312 +0,0 @@
-import {
-  useMenuItemState
-} from "./chunk-3L5OZCGA.js";
-import {
-  navItemButtonStyles,
-  pulseGlow
-} from "./chunk-CU4TF7C7.js";
-import {
-  onMedia,
-  shadowInk,
-  uiInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/NavigationMenu/NavigationMenuItem.tsx
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import ExpandMore from "@mui/icons-material/ExpandMore";
-import Box from "@mui/material/Box/index.js";
-import Collapse from "@mui/material/Collapse/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import Grow from "@mui/material/Grow/index.js";
-import List from "@mui/material/List/index.js";
-import ListItem from "@mui/material/ListItem/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 Popover from "@mui/material/Popover/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledListItem = styled(ListItem, {
-  shouldForwardProp: (prop) => !["variant", "active", "size", "level"].includes(prop)
-})(
-  ({ theme, variant, level = 0 }) => ({
-    padding: 0,
-    ...variant === "horizontal" && {
-      width: "auto"
-    },
-    ...level > 0 && {
-      paddingLeft: theme.spacing(2 * level)
-    }
-  })
-);
-var StyledListItemButton = styled(ListItemButton, {
-  shouldForwardProp: (prop) => !["variant", "active", "size", "collapsed", "minimal"].includes(prop)
-})(
-  ({ theme, variant, active, size, collapsed, minimal }) => ({
-    ...navItemButtonStyles({ theme, variant, active, size, collapsed, minimal })
-  })
-);
-var MenuItemPopover = ({ anchorEl, item, size, minimal, onClose, onMouseEnter, onMouseLeave, onItemClick }) => /* @__PURE__ */ jsx(
-  Popover,
-  {
-    open: Boolean(anchorEl),
-    anchorEl,
-    onClose,
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "left"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "left"
-    },
-    disableRestoreFocus: true,
-    sx: {
-      pointerEvents: "none"
-    },
-    slotProps: {
-      paper: {
-        onMouseEnter,
-        onMouseLeave,
-        sx: {
-          pointerEvents: "auto",
-          mt: 0.5,
-          borderRadius: 2,
-          boxShadow: (theme) => `0 12px 40px ${shadowInk(theme, 0.15)}`,
-          border: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-          background: (theme) => `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,
-          backdropFilter: "blur(10px)",
-          minWidth: 200
-        }
-      }
-    },
-    children: /* @__PURE__ */ jsx(List, { sx: { p: 1 }, children: item.children?.map((child) => {
-      const childHasChildren = child.children && child.children.length > 0;
-      if (childHasChildren) {
-        return renderMenuItem(child, "vertical", size, false, minimal, 0, onItemClick);
-      }
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          onClick: onClose,
-          children: renderMenuItem(child, "vertical", size, false, minimal, 0, onItemClick)
-        },
-        child.id
-      );
-    }) })
-  }
-);
-var MenuItemLabel = ({ item, collapsed, open, hasChildren, size, variant }) => /* @__PURE__ */ jsx(Fade, { in: !collapsed, timeout: 400, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", width: "100%", gap: 1 }, children: [
-  /* @__PURE__ */ jsx(
-    ListItemText,
-    {
-      primary: item.label,
-      secondary: item.description,
-      sx: {
-        flex: 1,
-        minWidth: 0
-        // Allows text truncation if needed
-      },
-      slotProps: {
-        primary: {
-          variant: size === "sm" ? "body2" : size === "lg" ? "h6" : "body1",
-          sx: {
-            fontWeight: item.active ? 600 : 400,
-            transition: "all 0.3s ease"
-          }
-        },
-        secondary: {
-          sx: {
-            opacity: 0.7,
-            transition: "all 0.3s ease"
-          }
-        }
-      }
-    }
-  ),
-  item.badge && /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "span",
-      sx: {
-        flexShrink: 0,
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        minWidth: 20,
-        height: 20,
-        px: 0.75,
-        borderRadius: "10px",
-        fontSize: sxRem(12),
-        fontWeight: 600,
-        color: (theme) => onMedia(theme),
-        background: (theme) => `linear-gradient(135deg, ${uiInk(theme).attention.from} 0%, ${uiInk(theme).attention.to} 100%)`,
-        boxShadow: (theme) => `0 2px 8px ${alpha(uiInk(theme).attention.glow, 0.4)}`,
-        animation: typeof item.badge === "number" && item.badge > 0 ? `${pulseGlow} 2s infinite` : "none"
-      },
-      children: item.badge
-    }
-  ),
-  hasChildren && /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        flexShrink: 0,
-        // Prevents expand icon from shrinking
-        transition: "transform 0.3s ease",
-        transform: open ? "rotate(180deg)" : "rotate(0deg)"
-      },
-      children: variant === "horizontal" ? /* @__PURE__ */ jsx(ChevronRight, { fontSize: "small" }) : /* @__PURE__ */ jsx(ExpandMore, {})
-    }
-  )
-] }) });
-var MenuItemContent = ({
-  item,
-  variant,
-  size,
-  active: _active,
-  collapsed,
-  minimal,
-  level,
-  open,
-  hasChildren,
-  onClick,
-  onMouseEnter,
-  onMouseLeave
-}) => /* @__PURE__ */ jsx(StyledListItem, { variant, active: item.active, size, level, children: /* @__PURE__ */ jsxs(
-  StyledListItemButton,
-  {
-    variant,
-    active: item.active,
-    size,
-    collapsed,
-    minimal,
-    disabled: item.disabled,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    ...item.href && !hasChildren ? {
-      component: "a",
-      href: item.href,
-      target: item.target
-    } : {},
-    children: [
-      item.icon && /* @__PURE__ */ jsx(
-        ListItemIcon,
-        {
-          sx: {
-            minWidth: collapsed ? 0 : 40,
-            justifyContent: "center",
-            transition: "all 0.3s ease",
-            "& svg": {
-              filter: (theme) => item.active ? `drop-shadow(0 2px 8px ${shadowInk(theme, 0.15)})` : "none",
-              transition: "all 0.3s ease"
-            }
-          },
-          children: /* @__PURE__ */ jsx(Grow, { in: true, timeout: 600, children: /* @__PURE__ */ jsx(Box, { children: item.icon }) })
-        }
-      ),
-      !collapsed && /* @__PURE__ */ jsx(
-        MenuItemLabel,
-        {
-          item,
-          collapsed,
-          minimal,
-          open,
-          hasChildren,
-          size,
-          variant
-        }
-      )
-    ]
-  }
-) }, item.id);
-var MenuItemRenderer = ({
-  item,
-  variant,
-  size,
-  collapsed,
-  minimal,
-  level,
-  onItemClick
-}) => {
-  const {
-    open,
-    anchorEl,
-    hasChildren,
-    handleClick,
-    handleMouseEnter,
-    handleMouseLeave,
-    handlePopoverMouseEnter,
-    handlePopoverMouseLeave,
-    closePopover
-  } = useMenuItemState({ item, variant, onItemClick });
-  const itemContent = /* @__PURE__ */ jsx(
-    MenuItemContent,
-    {
-      item,
-      variant,
-      size,
-      active: item.active,
-      collapsed,
-      minimal,
-      level,
-      open,
-      hasChildren,
-      onClick: handleClick,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    }
-  );
-  if (hasChildren && variant === "horizontal") {
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      itemContent,
-      /* @__PURE__ */ jsx(
-        MenuItemPopover,
-        {
-          anchorEl,
-          item,
-          size,
-          minimal,
-          onClose: closePopover,
-          onMouseEnter: handlePopoverMouseEnter,
-          onMouseLeave: handlePopoverMouseLeave,
-          onItemClick
-        }
-      )
-    ] }, item.id);
-  }
-  if (hasChildren && variant !== "horizontal") {
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      itemContent,
-      !collapsed && /* @__PURE__ */ jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx(List, { component: "div", disablePadding: true, children: item.children?.map(
-        (child) => renderMenuItem(child, variant, size, collapsed, minimal, level + 1, onItemClick)
-      ) }) })
-    ] }, item.id);
-  }
-  return itemContent;
-};
-var renderMenuItem = (item, variant = "vertical", size = "md", collapsed = false, minimal = false, level = 0, onItemClick) => /* @__PURE__ */ jsx(
-  MenuItemRenderer,
-  {
-    item,
-    variant,
-    size,
-    collapsed,
-    minimal,
-    level,
-    onItemClick
-  },
-  item.id
-);
-
-export {
-  renderMenuItem
-};
-//# sourceMappingURL=chunk-AATIHNPI.js.map

package/dist/chunk-ACZH2NUW.js

@@ -1,38 +0,0 @@
-import {
-  DEFAULT_ZOOM
-} from "./chunk-H2J2MTRE.js";
-
-// src/components/data-display/MapPreview/MapPreview.helpers.ts
-import { alpha } from "@mui/material/styles/index.js";
-var MAP_PREVIEW_DEFAULTS = {
-  markers: [],
-  marker: true,
-  height: "400px",
-  interactive: false,
-  zoom: DEFAULT_ZOOM,
-  mapType: "roadmap",
-  variant: "default",
-  showControls: true,
-  showSearch: false,
-  searchPlaceholder: "Search location...",
-  showRoute: false,
-  heatmapData: [],
-  showHeatmap: false,
-  animated: true
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveMapPreviewProps = (props) => ({ ...MAP_PREVIEW_DEFAULTS, ...definedProps(props) });
-var glassStyles = (variant, theme) => variant === "glass" ? {
-  background: alpha(theme.palette.background.paper, 0.7),
-  backdropFilter: "blur(20px)",
-  WebkitBackdropFilter: "blur(20px)",
-  border: `1px solid ${alpha(theme.palette.divider, 0.1)}`
-} : {};
-
-export {
-  resolveMapPreviewProps,
-  glassStyles
-};
-//# sourceMappingURL=chunk-ACZH2NUW.js.map

package/dist/chunk-ACZH2NUW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/MapPreview/MapPreview.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport { DEFAULT_ZOOM } from './MapPreview.constants';\nimport type { MapPreviewProps } from './MapPreview.types';\n\ntype MapDefaultedKeys =\n  | 'markers'\n  | 'marker'\n  | 'height'\n  | 'interactive'\n  | 'zoom'\n  | 'mapType'\n  | 'variant'\n  | 'showControls'\n  | 'showSearch'\n  | 'searchPlaceholder'\n  | 'showRoute'\n  | 'heatmapData'\n  | 'showHeatmap'\n  | 'animated';\n\nexport type ResolvedMapPreviewProps = MapPreviewProps &\n  Required<Pick<MapPreviewProps, MapDefaultedKeys>>;\n\nconst MAP_PREVIEW_DEFAULTS: Pick<MapPreviewProps, MapDefaultedKeys> = {\n  markers: [],\n  marker: true,\n  height: '400px',\n  interactive: false,\n  zoom: DEFAULT_ZOOM,\n  mapType: 'roadmap',\n  variant: 'default',\n  showControls: true,\n  showSearch: false,\n  searchPlaceholder: 'Search location...',\n  showRoute: false,\n  heatmapData: [],\n  showHeatmap: false,\n  animated: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: MapPreviewProps): Partial<MapPreviewProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<MapPreviewProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put fourteen branches into the component's own complexity budget.\nexport const resolveMapPreviewProps = (props: MapPreviewProps): ResolvedMapPreviewProps =>\n  ({ ...MAP_PREVIEW_DEFAULTS, ...definedProps(props) }) as ResolvedMapPreviewProps;\n\nexport const glassStyles = (variant: MapPreviewProps['variant'], theme: Theme) =>\n  variant === 'glass'\n    ? {\n        background: alpha(theme.palette.background.paper, 0.7),\n        backdropFilter: 'blur(20px)',\n        WebkitBackdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      }\n    : {};\n"],"mappings":";;;;;AACA,SAAS,aAAa;AAwBtB,IAAM,uBAAgE;AAAA,EACpE,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa,CAAC;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AACZ;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,yBAAyB,CAAC,WACpC,EAAE,GAAG,sBAAsB,GAAG,aAAa,KAAK,EAAE;AAE9C,IAAM,cAAc,CAAC,SAAqC,UAC/D,YAAY,UACR;AAAA,EACE,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,EACrD,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AACxD,IACA,CAAC;","names":[]}

package/dist/chunk-AI7NVWIG.js

@@ -1,112 +0,0 @@
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/CardKit/list-card-parts.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function DetailColumns({ left, right }) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: 3 }, children: [
-    /* @__PURE__ */ jsx(default2, { sx: { minWidth: 0 }, children: left }),
-    /* @__PURE__ */ jsx(default2, { sx: { minWidth: 0 }, children: right })
-  ] });
-}
-function Fact({ label, value }) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", justifyContent: "space-between", gap: 2, fontSize: sxRem(13), py: 0.25 }, children: [
-    /* @__PURE__ */ jsx(default2, { component: "span", sx: { color: "text.secondary", flexShrink: 0 }, children: label }),
-    /* @__PURE__ */ jsx(default2, { component: "span", sx: { minWidth: 0, textAlign: "right", overflowWrap: "anywhere" }, children: value })
-  ] });
-}
-function Ledger({
-  lines,
-  total
-}) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
-    lines.map((line) => /* @__PURE__ */ jsxs(
-      default2,
-      {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          fontSize: sxRem(13),
-          color: line.tone === "info" ? "info.main" : "text.secondary"
-        },
-        children: [
-          /* @__PURE__ */ jsx(default2, { component: "span", children: line.label }),
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontVariantNumeric: "tabular-nums" }, children: line.value })
-        ]
-      },
-      line.label
-    )),
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          fontWeight: 700,
-          borderTop: 1,
-          borderColor: "divider",
-          pt: 0.5,
-          mt: 0.5
-        },
-        children: [
-          /* @__PURE__ */ jsx(default2, { component: "span", children: total.label }),
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontVariantNumeric: "tabular-nums" }, children: total.value })
-        ]
-      }
-    )
-  ] });
-}
-function BodyHeading({ children }) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        fontSize: sxRem(11),
-        fontWeight: 700,
-        letterSpacing: 0.4,
-        textTransform: "uppercase",
-        color: "text.disabled",
-        mb: 0.5
-      },
-      children
-    }
-  );
-}
-function TagList({
-  items,
-  empty
-}) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { fontSize: sxRem(13), color: "text.disabled" }, children: empty });
-  }
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: items.map((item) => /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "span",
-      sx: {
-        fontSize: sxRem(12),
-        px: 0.75,
-        py: 0.25,
-        borderRadius: 1,
-        bgcolor: "action.hover",
-        color: "text.secondary",
-        fontFamily: "monospace"
-      },
-      children: item
-    },
-    item
-  )) });
-}
-
-export {
-  DetailColumns,
-  Fact,
-  Ledger,
-  BodyHeading,
-  TagList
-};
-//# sourceMappingURL=chunk-AI7NVWIG.js.map

package/dist/chunk-AI7NVWIG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/CardKit/list-card-parts.tsx"],"sourcesContent":["'use client';\n\nimport type { JSX, ReactNode } from 'react';\n\nimport { Box } from '../../../mui/Box';\n\nimport type { CardFactProps, CardLedgerLine } from './CardKit.types';\nimport { sxRem } from '../../../tokens/relative';\n\n/**\n * THE SHARED FURNITURE OF AN EXPANDED LIST-CARD BODY.\n *\n * `BaseListCard` says nothing about what goes inside a row's expanded area — it\n * spans the rails and stops, because the design belongs to the consumer. Right\n * for the card; wrong as the place where every entity in an admin app invents\n * its own two-column layout, its own label/value pair and its own ledger.\n *\n * So the four shapes that actually repeat live here, once. Nothing here knows a\n * domain: they take `ReactNode` and lay it out.\n */\n\n/** The expanded body's two-column split: detail on the left, a ledger right. */\nexport function DetailColumns({ left, right }: { left: ReactNode; right: ReactNode }): JSX.Element {\n  return (\n    <Box sx={{ display: 'grid', gridTemplateColumns: { xs: '1fr', md: '1fr 1fr' }, gap: 3 }}>\n      <Box sx={{ minWidth: 0 }}>{left}</Box>\n      <Box sx={{ minWidth: 0 }}>{right}</Box>\n    </Box>\n  );\n}\n\n/**\n * One labelled fact inside an expanded body.\n *\n * Horizontal, not stacked: the body is already a wide area with room for a\n * label beside its value, and stacking them there would ape the summary rails\n * above without their alignment.\n */\nexport function Fact({ label, value }: CardFactProps): JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2, fontSize: sxRem(13), py: 0.25 }}>\n      <Box component=\"span\" sx={{ color: 'text.secondary', flexShrink: 0 }}>\n        {label}\n      </Box>\n      <Box component=\"span\" sx={{ minWidth: 0, textAlign: 'right', overflowWrap: 'anywhere' }}>\n        {value}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * A money ledger: rows of label/amount, then a ruled total.\n *\n * The total is separated by a RULE rather than by weight alone, because a\n * subtotal and a total in one column with only bold between them is the classic\n * misread — the eye lands on whichever number is larger.\n *\n * The figures arrive pre-formatted. This is a layout, and a component that\n * formatted money would be choosing a locale on the consumer's behalf.\n */\nexport function Ledger({\n  lines,\n  total,\n}: {\n  lines: CardLedgerLine[];\n  total: { label: string; value: ReactNode };\n}): JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n      {lines.map((line) => (\n        <Box\n          key={line.label}\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            fontSize: sxRem(13),\n            color: line.tone === 'info' ? 'info.main' : 'text.secondary',\n          }}\n        >\n          <Box component=\"span\">{line.label}</Box>\n          <Box component=\"span\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n            {line.value}\n          </Box>\n        </Box>\n      ))}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          fontWeight: 700,\n          borderTop: 1,\n          borderColor: 'divider',\n          pt: 0.5,\n          mt: 0.5,\n        }}\n      >\n        <Box component=\"span\">{total.label}</Box>\n        <Box component=\"span\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n          {total.value}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\n/** A heading inside the expanded body, for a section that needs naming. */\nexport function BodyHeading({ children }: { children: ReactNode }): JSX.Element {\n  return (\n    <Box\n      sx={{\n        fontSize: sxRem(11),\n        fontWeight: 700,\n        letterSpacing: 0.4,\n        textTransform: 'uppercase',\n        color: 'text.disabled',\n        mb: 0.5,\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * A wrapping run of small items — permission names, role names, target ids.\n *\n * The whole reason several entities earn a list card at all: a `string[]` has no\n * honest table cell. Truncated to \"3 items\" it says nothing; printed in full it\n * destroys the column. Here it simply wraps.\n */\nexport function TagList({\n  items,\n  empty,\n}: {\n  items: readonly string[];\n  /** What to show for an empty run — the consumer's sentence, no default. */\n  empty: string;\n}): JSX.Element {\n  if (items.length === 0) {\n    return <Box sx={{ fontSize: sxRem(13), color: 'text.disabled' }}>{empty}</Box>;\n  }\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n      {items.map((item) => (\n        <Box\n          key={item}\n          component=\"span\"\n          sx={{\n            fontSize: sxRem(12),\n            px: 0.75,\n            py: 0.25,\n            borderRadius: 1,\n            bgcolor: 'action.hover',\n            color: 'text.secondary',\n            fontFamily: 'monospace',\n          }}\n        >\n          {item}\n        </Box>\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-AJSPLHG4.js

@@ -1,90 +0,0 @@
-import {
-  TimelineRow
-} from "./chunk-NVNZFT5X.js";
-
-// src/components/data-display/Timeline/Timeline.tsx
-import Box from "@mui/material/Box/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var TimelineContainer = styled(Box)(
-  ({ theme, orientation }) => ({
-    display: "flex",
-    flexDirection: orientation === "vertical" ? "column" : "row",
-    gap: theme.spacing(2),
-    position: "relative",
-    width: "100%",
-    ...orientation === "horizontal" && {
-      overflowX: "auto",
-      paddingBottom: theme.spacing(2),
-      "&::-webkit-scrollbar": {
-        height: 8
-      },
-      "&::-webkit-scrollbar-track": {
-        background: alpha(theme.palette.action.disabled, 0.1),
-        borderRadius: 4
-      },
-      "&::-webkit-scrollbar-thumb": {
-        background: alpha(theme.palette.primary.main, 0.3),
-        borderRadius: 4,
-        "&:hover": {
-          background: alpha(theme.palette.primary.main, 0.5)
-        }
-      }
-    }
-  })
-);
-var Timeline = ({
-  items,
-  variant = "default",
-  orientation = "vertical",
-  showConnector = true,
-  animated = true,
-  alternating = false,
-  onItemClick
-}) => {
-  const [expandedItems, setExpandedItems] = React.useState(/* @__PURE__ */ new Set());
-  const handleExpandClick = (itemId, event) => {
-    event.stopPropagation();
-    setExpandedItems((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(itemId)) {
-        newSet.delete(itemId);
-      } else {
-        newSet.add(itemId);
-      }
-      return newSet;
-    });
-  };
-  return /* @__PURE__ */ jsx(
-    TimelineContainer,
-    {
-      orientation,
-      "data-testid": "timeline-container",
-      children: items.map((item, index) => /* @__PURE__ */ jsx(
-        TimelineRow,
-        {
-          item,
-          index,
-          isLast: index === items.length - 1,
-          variant,
-          orientation,
-          showConnector,
-          animated,
-          alternating,
-          isExpanded: expandedItems.has(item.id),
-          onItemClick,
-          onExpandClick: handleExpandClick
-        },
-        item.id
-      ))
-    }
-  );
-};
-var Timeline_default = Timeline;
-
-export {
-  Timeline,
-  Timeline_default
-};
-//# sourceMappingURL=chunk-AJSPLHG4.js.map

package/dist/chunk-AJSPLHG4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { TimelineRow } from './TimelineRow';\nimport type { TimelineProps } from './Timeline.types';\n\n// ---\n\n// --- Styled Components ---\nconst TimelineContainer = styled(Box)<{ orientation: 'vertical' | 'horizontal' }>(\n  ({ theme, orientation }) => ({\n    display: 'flex',\n    flexDirection: orientation === 'vertical' ? 'column' : 'row',\n    gap: theme.spacing(2),\n    position: 'relative',\n    width: '100%',\n    ...(orientation === 'horizontal' && {\n      overflowX: 'auto',\n      paddingBottom: theme.spacing(2),\n      '&::-webkit-scrollbar': {\n        height: 8 },\n      '&::-webkit-scrollbar-track': {\n        background: alpha(theme.palette.action.disabled, 0.1),\n        borderRadius: 4 },\n      '&::-webkit-scrollbar-thumb': {\n        background: alpha(theme.palette.primary.main, 0.3),\n        borderRadius: 4,\n        '&:hover': {\n          background: alpha(theme.palette.primary.main, 0.5) } } }) }),\n);\n\n\n// ---\n\n// Main component\nexport const Timeline: FC<TimelineProps> = ({\n  items,\n  variant = 'default',\n  orientation = 'vertical',\n  showConnector = true,\n  animated = true,\n  alternating = false,\n  onItemClick }) => {\n  const [expandedItems, setExpandedItems] = React.useState<Set<string>>(new Set());\n\n  const handleExpandClick = (itemId: string, event: React.MouseEvent) => {\n    event.stopPropagation();\n    setExpandedItems((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(itemId)) {\n        newSet.delete(itemId);\n      } else {\n        newSet.add(itemId);\n      }\n      return newSet;\n    });\n  };\n\n  return (\n    <TimelineContainer\n      orientation={orientation}\n      data-testid=\"timeline-container\"\n    >\n      {items.map((item, index) => (\n        <TimelineRow\n          key={item.id}\n          item={item}\n          index={index}\n          isLast={index === items.length - 1}\n          variant={variant}\n          orientation={orientation}\n          showConnector={showConnector}\n          animated={animated}\n          alternating={alternating}\n          isExpanded={expandedItems.has(item.id)}\n          onItemClick={onItemClick}\n          onExpandClick={handleExpandClick}\n        />\n      ))}\n    </TimelineContainer>\n  );\n};\n\nexport default Timeline;\n"],"mappings":";;;;;AAAA,OAAO,SAAS;AAChB,SAAS,OAAO,cAAc;AAE9B,OAAO,WAAW;AA8DV;AAvDR,IAAM,oBAAoB,OAAO,GAAG;AAAA,EAClC,CAAC,EAAE,OAAO,YAAY,OAAO;AAAA,IAC3B,SAAS;AAAA,IACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,IACvD,KAAK,MAAM,QAAQ,CAAC;AAAA,IACpB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,GAAI,gBAAgB,gBAAgB;AAAA,MAClC,WAAW;AAAA,MACX,eAAe,MAAM,QAAQ,CAAC;AAAA,MAC9B,wBAAwB;AAAA,QACtB,QAAQ;AAAA,MAAE;AAAA,MACZ,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,QACpD,cAAc;AAAA,MAAE;AAAA,MAClB,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QACjD,cAAc;AAAA,QACd,WAAW;AAAA,UACT,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAAE;AAAA,MAAE;AAAA,IAAE;AAAA,EAAG;AACpE;AAMO,IAAM,WAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAY,MAAM;AAClB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAsB,oBAAI,IAAI,CAAC;AAE/E,QAAM,oBAAoB,CAAC,QAAgB,UAA4B;AACrE,UAAM,gBAAgB;AACtB,qBAAiB,CAAC,SAAS;AACzB,YAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,UAAI,OAAO,IAAI,MAAM,GAAG;AACtB,eAAO,OAAO,MAAM;AAAA,MACtB,OAAO;AACL,eAAO,IAAI,MAAM;AAAA,MACnB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MAEX,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,cAAc,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,UACA,eAAe;AAAA;AAAA,QAXV,KAAK;AAAA,MAYZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/chunk-AMTFP7QA.js

@@ -1,94 +0,0 @@
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  absoluteInk,
-  controlNeutral
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/form/Textarea/Textarea.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var glowAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 5px currentColor;
-  }
-  50% {
-    box-shadow: 0 0 20px currentColor, 0 0 30px currentColor;
-  }
-  100% {
-    box-shadow: 0 0 5px currentColor;
-  }
-`;
-var floatAnimation = keyframes`
-  0% {
-    transform: translateY(0px);
-  }
-  50% {
-    transform: translateY(-3px);
-  }
-  100% {
-    transform: translateY(0px);
-  }
-`;
-var neutralPalette = (theme) => controlNeutral(theme);
-var pick = (...candidates) => candidates.find(Boolean) ?? "";
-var withFallbacks = (theme, palette) => ({
-  main: pick(palette?.main, theme.palette.primary.main),
-  dark: pick(palette?.dark, palette?.main, theme.palette.primary.dark),
-  light: pick(palette?.light, palette?.main, theme.palette.primary.light),
-  contrastText: pick(palette?.contrastText, absoluteInk(theme).white)
-});
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") return neutralPalette(theme);
-  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
-  };
-  return withFallbacks(theme, colorMap[color] || theme.palette.primary);
-};
-var textareaEmphasisStyles = ({
-  theme,
-  colorPalette,
-  glass,
-  gradient,
-  glow
-}) => {
-  const glassStyles = glass ? {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${fieldEdge(theme)}`,
-    "&:hover": {
-      backgroundColor: alpha(theme.palette.background.paper, 0.15),
-      backdropFilter: "blur(25px)"
-    },
-    "&:focus": {
-      backgroundColor: alpha(theme.palette.background.paper, 0.2),
-      backdropFilter: "blur(30px)"
-    }
-  } : {};
-  const gradientStyles = gradient ? {
-    background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
-               linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light}) border-box`,
-    border: "2px solid transparent",
-    "&:focus": {
-      background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
-                 linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark}) border-box`
-    }
-  } : {};
-  const glowStyles = glow ? {
-    animation: `${glowAnimation} 2s ease-in-out infinite`,
-    boxShadow: `0 0 10px ${alpha(colorPalette.main, 0.3)}`
-  } : {};
-  return { ...glassStyles, ...gradientStyles, ...glowStyles };
-};
-
-export {
-  floatAnimation,
-  getColorFromTheme,
-  textareaEmphasisStyles
-};
-//# sourceMappingURL=chunk-AMTFP7QA.js.map