@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-ZGWEFOW6.js

@@ -1,316 +0,0 @@
-import {
-  useMenuItemState
-} from "./chunk-3L5OZCGA.js";
-import {
-  navItemButtonStyles,
-  pulseGlow
-} from "./chunk-3AIRFAI3.js";
-import {
-  onMedia,
-  shadowInk,
-  uiInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem,
-  rems,
-  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 hasBadge = (badge) => badge !== void 0 && badge !== null && badge !== "" && badge !== 0;
-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 ${rems(theme, 12, 40)} ${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: (theme) => `blur(${rem(theme, 10)})`,
-          minWidth: sxRem(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"
-          }
-        }
-      }
-    }
-  ),
-  hasBadge(item.badge) && /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "span",
-      "data-testid": `navigation-menu-badge-${item.id}`,
-      sx: {
-        flexShrink: 0,
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        minWidth: sxRem(20),
-        height: sxRem(20),
-        px: 0.75,
-        borderRadius: sxRem(10),
-        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 ${rems(theme, 2, 8)} ${alpha(uiInk(theme).attention.glow, 0.4)}`,
-        animation: (theme) => typeof item.badge === "number" && item.badge > 0 ? `${pulseGlow(theme)} 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 : sxRem(40),
-            justifyContent: "center",
-            transition: "all 0.3s ease",
-            "& svg": {
-              filter: (theme) => item.active ? `drop-shadow(0 ${rems(theme, 2, 8)} ${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-ZGWEFOW6.js.map

package/dist/chunk-ZPWU7Z6O.js

@@ -1,160 +0,0 @@
-import {
-  PillControl
-} from "./chunk-KKE4SHRS.js";
-import {
-  PanelRangeField
-} from "./chunk-44LYXLW7.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-DDJXV6EB.js";
-import {
-  StackedModal
-} from "./chunk-3QGMAVUF.js";
-import {
-  StackedModalContent
-} from "./chunk-RJVUECN7.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-filter-panel.tsx
-import Box from "@mui/material/Box/index.js";
-import Link from "@mui/material/Link/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function PillField({
-  field,
-  selected,
-  testIdPrefix,
-  onTogglePill,
-  onClearField
-}) {
-  const testId = `${testIdPrefix}-filter-${field.id}`;
-  if (field.searchEnabled || field.control === "multiselect" || field.control === "category") {
-    return /* @__PURE__ */ jsx(
-      PillControl,
-      {
-        fieldId: field.id,
-        pill: field,
-        selected,
-        onTogglePill,
-        onClearField,
-        testIdPrefix,
-        layout: "stacked"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    TableFilter.CheckboxField,
-    {
-      label: field.label,
-      options: field.options,
-      selected: new Set(selected),
-      onToggle: (value, checked) => onTogglePill(field.id, value, checked),
-      testId
-    }
-  );
-}
-function FilterControls({
-  testIdPrefix,
-  search,
-  fields,
-  rangeFields,
-  pills,
-  ranges,
-  onSearchChange,
-  onTogglePill,
-  onChangeRange,
-  onClearField
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TableFilter.Keyword,
-      {
-        value: search,
-        onChange: onSearchChange,
-        label: copy.search.allColumnsLabel,
-        placeholder: copy.search.keywordPlaceholder,
-        testId: `${testIdPrefix}-search-all`
-      }
-    ),
-    (fields.length > 0 || rangeFields.length > 0) && /* @__PURE__ */ jsxs(TableFilter.Section, { title: copy.filters.panelTitle, children: [
-      fields.map((field) => /* @__PURE__ */ jsx(
-        PillField,
-        {
-          field,
-          selected: pills[field.id] ?? [],
-          testIdPrefix,
-          onTogglePill,
-          onClearField
-        },
-        field.id
-      )),
-      rangeFields.map((field) => /* @__PURE__ */ jsx(
-        PanelRangeField,
-        {
-          field,
-          value: ranges[field.id] ?? {},
-          onChange: (range) => onChangeRange(field.id, range),
-          testId: `${testIdPrefix}-range-${field.id}`
-        },
-        field.id
-      ))
-    ] })
-  ] });
-}
-function GridFilterPanel(props) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    TableFilter.Panel,
-    {
-      onClearAll: props.onClearAll,
-      clearTestId: `${props.testIdPrefix}-clear-filters`,
-      ariaLabel: copy.filters.panelTitle,
-      children: /* @__PURE__ */ jsx(FilterControls, { ...props })
-    }
-  );
-}
-function FilterDialog({
-  open,
-  onClose,
-  ...props
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    StackedModal,
-    {
-      open,
-      onClose,
-      navigationTitle: copy.filters.panelTitle,
-      backLabel: copy.nav.goBack,
-      modalId: `${props.testIdPrefix}-filters`,
-      maxWidth: "xs",
-      dataTestId: `${props.testIdPrefix}-filter-dialog`,
-      children: /* @__PURE__ */ jsx(StackedModalContent, { children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
-        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            component: "button",
-            type: "button",
-            underline: "hover",
-            onClick: props.onClearAll,
-            "data-testid": `${props.testIdPrefix}-clear-filters`,
-            sx: { fontSize: sxRem(12), color: "text.secondary" },
-            children: copy.filters.clearAllFilters
-          }
-        ) }),
-        /* @__PURE__ */ jsx(FilterControls, { ...props })
-      ] }) })
-    }
-  );
-}
-
-export {
-  GridFilterPanel,
-  FilterDialog
-};
-//# sourceMappingURL=chunk-ZPWU7Z6O.js.map

package/dist/chunk-ZUME25DS.js

@@ -1,176 +0,0 @@
-import {
-  NavigationMegaSection
-} from "./chunk-FY6PONLA.js";
-import {
-  NavigationStandardBody
-} from "./chunk-FBUCXTA4.js";
-import {
-  LogoBar,
-  NavigationShell
-} from "./chunk-L5RQIQIP.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/NavigationMenu/NavigationMenu.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React, { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MegaMenuLayout = React.forwardRef(
-  ({
-    variant,
-    logo,
-    items,
-    size,
-    minimal,
-    dataTestId: _dataTestId,
-    className,
-    maxWidth,
-    style,
-    ...props
-  }, ref) => {
-    const theme = useTheme();
-    const cap = typeof maxWidth === "number" ? rem(theme, maxWidth) : maxWidth;
-    return /* @__PURE__ */ jsx(
-      NavigationShell,
-      {
-        ref,
-        variant,
-        minimal,
-        className,
-        style: { maxWidth: cap, ...style },
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          Paper,
-          {
-            elevation: minimal ? 0 : 1,
-            sx: {
-              width: "100%",
-              overflow: "hidden",
-              background: minimal ? "transparent" : void 0
-            },
-            children: [
-              logo && /* @__PURE__ */ jsx(LogoBar, { children: logo }),
-              /* @__PURE__ */ jsx(
-                Box,
-                {
-                  sx: {
-                    display: "grid",
-                    gridTemplateColumns: `repeat(auto-fit, minmax(${rem(theme, 280)}, 1fr))`,
-                    gap: 3,
-                    p: 3
-                  },
-                  children: items.map((section, sectionIndex) => /* @__PURE__ */ jsx(
-                    NavigationMegaSection,
-                    {
-                      section,
-                      sectionIndex,
-                      variant,
-                      size,
-                      minimal
-                    },
-                    section.id
-                  ))
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-MegaMenuLayout.displayName = "MegaMenuLayout";
-var NAVIGATION_DEFAULTS = {
-  variant: "vertical",
-  size: "md",
-  minimal: false,
-  collapsible: false,
-  showDividers: false
-};
-var resolveProps = (props) => ({
-  ...NAVIGATION_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var NavigationMenu = React.forwardRef(
-  (componentProps, ref) => {
-    const {
-      variant,
-      items,
-      size,
-      minimal,
-      collapsible,
-      collapsed: controlledCollapsed,
-      onCollapseChange,
-      logo,
-      endContent,
-      maxWidth,
-      showDividers,
-      className,
-      style,
-      ...props
-    } = resolveProps(componentProps);
-    const [internalCollapsed, setInternalCollapsed] = useState(false);
-    const isControlled = controlledCollapsed !== void 0;
-    const collapsed = isControlled ? controlledCollapsed : internalCollapsed;
-    const handleCollapseToggle = () => {
-      if (!isControlled) setInternalCollapsed(!collapsed);
-      onCollapseChange?.(!collapsed);
-    };
-    if (variant === "mega") {
-      return /* @__PURE__ */ jsx(
-        MegaMenuLayout,
-        {
-          ref,
-          variant,
-          collapsed,
-          logo,
-          items,
-          size,
-          minimal,
-          className,
-          maxWidth,
-          style,
-          ...props
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      NavigationShell,
-      {
-        ref,
-        variant,
-        minimal,
-        collapsed,
-        className,
-        style,
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          NavigationStandardBody,
-          {
-            variant,
-            size,
-            minimal,
-            collapsed,
-            collapsible,
-            showDividers,
-            items,
-            logo,
-            endContent,
-            onCollapseToggle: handleCollapseToggle
-          }
-        )
-      }
-    );
-  }
-);
-NavigationMenu.displayName = "NavigationMenu";
-
-export {
-  NavigationMenu
-};
-//# sourceMappingURL=chunk-ZUME25DS.js.map

package/dist/chunk-ZZXSBW5F.js

@@ -1,66 +0,0 @@
-import {
-  fieldControlStyles
-} from "./chunk-2TZ6X265.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/MapPreview/MapSearchBar.tsx
-import SearchIcon from "@mui/icons-material/Search";
-import Box from "@mui/material/Box/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var SearchBar = styled(Box)(({ theme }) => ({
-  position: "absolute",
-  top: theme.spacing(2),
-  left: "50%",
-  transform: "translateX(-50%)",
-  zIndex: 2,
-  width: "90%",
-  maxWidth: rem(theme, 400)
-}));
-var SearchField = styled(TextField)(({ theme }) => ({
-  ...fieldControlStyles(theme),
-  "& .MuiOutlinedInput-root": {
-    background: alpha(theme.palette.background.paper, 0.95),
-    backdropFilter: `blur(${rem(theme, 10)})`,
-    WebkitBackdropFilter: `blur(${rem(theme, 10)})`,
-    borderRadius: fieldRadius(theme),
-    "& fieldset": {
-      borderColor: alpha(theme.palette.divider, 0.2)
-    }
-  }
-}));
-var MapSearchBar = ({
-  label,
-  value,
-  placeholder,
-  isSearching,
-  onChange,
-  onSubmit
-}) => /* @__PURE__ */ jsx(SearchBar, { children: /* @__PURE__ */ jsx(
-  SearchField,
-  {
-    fullWidth: true,
-    size: "small",
-    placeholder,
-    value,
-    onChange: (event) => onChange(event.target.value),
-    onKeyPress: onSubmit,
-    InputProps: {
-      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx: { opacity: isSearching ? 0.5 : 1 } }) })
-    },
-    disabled: isSearching,
-    "aria-label": label
-  }
-) });
-
-export {
-  MapSearchBar
-};
-//# sourceMappingURL=chunk-ZZXSBW5F.js.map