@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-LZHXF66R.js

@@ -1,127 +0,0 @@
-import {
-  panelSx
-} from "./chunk-VF2XC76U.js";
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-OLZTGVBT.js";
-import {
-  SheetBody
-} from "./chunk-JBMBFYFA.js";
-import {
-  SheetOverlay
-} from "./chunk-U437KFDI.js";
-import {
-  DEFAULT_DRAG_RESISTANCE,
-  DEFAULT_VELOCITY_THRESHOLD,
-  SPRING_CONFIG
-} from "./chunk-F52N6ACD.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/data-display/Sheet/Sheet.tsx
-import Drawer from "@mui/material/Drawer/index.js";
-import SwipeableDrawer from "@mui/material/SwipeableDrawer/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  open: false,
-  position: "bottom",
-  variant: "default",
-  size: "md",
-  color: "primary",
-  glow: false,
-  pulse: false,
-  glass: false,
-  gradient: false,
-  loading: false,
-  disabled: false,
-  showOverlay: true,
-  closeOnOverlayClick: true,
-  closeOnEscape: true,
-  showCloseButton: true,
-  showHandle: true,
-  swipeable: true,
-  snapPoints: [0.25, 0.5, 0.75, 1],
-  defaultSnapPoint: 0.5,
-  minSnapPoint: 0,
-  maxSnapPoint: 1,
-  velocityThreshold: DEFAULT_VELOCITY_THRESHOLD,
-  dragResistance: DEFAULT_DRAG_RESISTANCE,
-  animationConfig: SPRING_CONFIG,
-  persistent: false,
-  fullHeight: false,
-  rounded: true,
-  elevation: 16,
-  dataTestId: "sheet"
-};
-var NoBackdrop = React.forwardRef(
-  (_props, _ref) => null
-);
-NoBackdrop.displayName = "NoBackdrop";
-var orientationOf = ({ position, variant }) => {
-  const isBottomSheet = position === "bottom";
-  const isTopSheet = position === "top";
-  return {
-    isBottomSheet,
-    isTopSheet,
-    isVerticalSheet: isBottomSheet || isTopSheet,
-    isDraggableVariant: variant === "draggable"
-  };
-};
-var Sheet = (props) => {
-  const resolved = withDefaults(props, DEFAULTS);
-  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;
-  const theme = useTheme();
-  const orientation = orientationOf(resolved);
-  const testId = resolved["data-testid"] || dataTestId;
-  const { sheetRef, currentHeight, isDragging, isAnimating, handleDragStart, resetToDefaultSnapPoint } = useSheetDrag({ ...resolved, ...orientation });
-  const { isOpen, handleClose, handleOverlayClick, handleSwipeOpen } = useSheetOpen({
-    ...resolved,
-    ...orientation,
-    resetToDefaultSnapPoint
-  });
-  const drawerProps = {
-    anchor: position,
-    open: isOpen,
-    className,
-    onClose: handleClose,
-    PaperProps: {
-      ref: sheetRef,
-      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating })
-    },
-    ModalProps: { keepMounted: true, BackdropComponent: NoBackdrop }
-  };
-  const body = /* @__PURE__ */ jsx(
-    SheetBody,
-    {
-      ...resolved,
-      ...orientation,
-      testId,
-      isDragging,
-      onClose: handleClose,
-      onDragStart: handleDragStart
-    }
-  );
-  const isSwipeable = swipeable && !orientation.isDraggableVariant;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showOverlay && isOpen && /* @__PURE__ */ jsx(SheetOverlay, { open: isOpen, onClick: handleOverlayClick, blur: variant === "glass" }),
-    isSwipeable ? /* @__PURE__ */ jsx(
-      SwipeableDrawer,
-      {
-        ...drawerProps,
-        onOpen: handleSwipeOpen,
-        disableSwipeToOpen: false,
-        swipeAreaWidth: 20,
-        children: body
-      }
-    ) : /* @__PURE__ */ jsx(Drawer, { ...drawerProps, children: body })
-  ] });
-};
-
-export {
-  Sheet
-};
-//# sourceMappingURL=chunk-LZHXF66R.js.map

package/dist/chunk-MDR4WJOV.js

@@ -1,115 +0,0 @@
-import {
-  accentFor
-} from "./chunk-XCP5L665.js";
-
-// src/components/data-display/Chart/chart-internals.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZE_PRESETS = {
-  xs: { height: 200, fontSize: "0.75rem", tickMargin: 10 },
-  sm: { height: 300, fontSize: "0.875rem", tickMargin: 12 },
-  md: { height: 400, fontSize: "1rem", tickMargin: 14 },
-  lg: { height: 500, fontSize: "1.125rem", tickMargin: 16 },
-  xl: { height: 600, fontSize: "1.25rem", tickMargin: 18 }
-};
-function getSizeStyles(size, height) {
-  const preset = SIZE_PRESETS[size ?? "md"] ?? SIZE_PRESETS.md;
-  return { ...preset, height: height ?? preset.height };
-}
-var NEON_PALETTE = ["#00ffff", "#ff00ff", "#ffff00", "#00ff00", "#ff0080", "#8000ff"];
-function getDefaultColors(theme, variant, colors) {
-  if (colors) return colors;
-  if (variant === "neon") return NEON_PALETTE;
-  return [
-    theme.palette.primary.main,
-    theme.palette.secondary.main,
-    theme.palette.success.main,
-    theme.palette.warning.main,
-    theme.palette.error.main,
-    theme.palette.info.main
-  ];
-}
-function effectStyles(theme, options) {
-  const accent = accentFor(theme, options.color).main;
-  const glow = options.glow ? { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` } : {};
-  const pulse = options.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)}` }
-    }
-  } : {};
-  return { ...glow, ...pulse };
-}
-function variantSurface(theme, options) {
-  switch (options.variant) {
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, options.glass ? 0.1 : 0.9),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`
-      };
-    case "gradient":
-      return {
-        background: options.gradient ? `linear-gradient(135deg, ${alpha(accentFor(theme, options.color).light, 0.05)}, ${alpha(accentFor(theme, options.color).dark, 0.05)})` : theme.palette.background.paper
-      };
-    case "elevated":
-      return { boxShadow: theme.shadows[4] };
-    case "minimal":
-      return { border: "none", backgroundColor: "transparent" };
-    case "neon":
-      return {
-        backgroundColor: "#000",
-        border: `1px solid ${alpha("#00ffff", 0.3)}`,
-        "& .recharts-cartesian-grid-horizontal line, & .recharts-cartesian-grid-vertical line": {
-          stroke: alpha("#00ffff", 0.1)
-        }
-      };
-    default:
-      return { backgroundColor: theme.palette.background.paper };
-  }
-}
-function getVariantStyles(theme, options) {
-  return {
-    borderRadius: theme.spacing(1),
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard
-    }),
-    opacity: options.disabled ? 0.5 : 1,
-    pointerEvents: options.disabled ? "none" : "auto",
-    ...effectStyles(theme, options),
-    ...variantSurface(theme, options)
-  };
-}
-function resolveSeries(data, series, xAxisKey, palette) {
-  if (series) return series;
-  if (data.length === 0) return [];
-  return Object.keys(data[0] ?? {}).filter((key) => key !== xAxisKey).map((key, index) => ({
-    dataKey: key,
-    name: key,
-    color: palette[index % palette.length]
-  }));
-}
-function getAxisStyles(theme, variant, fontSize) {
-  const neon = variant === "neon";
-  return {
-    axisStyle: {
-      fontSize,
-      fill: neon ? "#00ffff" : theme.palette.text.secondary,
-      // Ticks are columns of digits: they have to line up between rows.
-      fontVariantNumeric: "tabular-nums"
-    },
-    gridStroke: neon ? alpha("#00ffff", 0.1) : theme.palette.divider,
-    // The neon grid is already a 10%-alpha cyan; halving it again would erase it.
-    gridOpacity: neon ? 1 : 0.5
-  };
-}
-
-export {
-  getSizeStyles,
-  getDefaultColors,
-  getVariantStyles,
-  resolveSeries,
-  getAxisStyles
-};
-//# sourceMappingURL=chunk-MDR4WJOV.js.map

package/dist/chunk-MDR4WJOV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chart/chart-internals.ts"],"sourcesContent":["import { alpha, type Theme } from '@mui/material/styles/index.js';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { accentFor} from '../../../tokens/scales';\n\n/**\n * Non-JSX internals of the prop-driven Chart: size/variant styling, palette\n * resolution and series auto-detection. Split from Chart.tsx to keep every\n * function inside the repo's complexity budget.\n */\n\nexport interface SizeStyles {\n  height: number;\n  fontSize: string;\n  /**\n   * Gap between an axis line and its tick labels, px.\n   *\n   * Recharts' default of 2 is not enough. The bottom VALUE tick is centred on\n   * the x-axis line, so its text box reaches ~0.79em BELOW that line, while\n   * the category labels begin 2px under the 6px tick mark — the two collide at\n   * the axis corner, at every viewport. Each value below is ~0.8em of its own\n   * font size, which clears the value label's descender with ~6px to spare.\n   */\n  tickMargin: number;\n}\n\nconst SIZE_PRESETS: Record<NonNullable<ChartProps['size']>, SizeStyles> = {\n  xs: { height: 200, fontSize: '0.75rem', tickMargin: 10 },\n  sm: { height: 300, fontSize: '0.875rem', tickMargin: 12 },\n  md: { height: 400, fontSize: '1rem', tickMargin: 14 },\n  lg: { height: 500, fontSize: '1.125rem', tickMargin: 16 },\n  xl: { height: 600, fontSize: '1.25rem', tickMargin: 18 },\n};\n\nexport function getSizeStyles(size: ChartProps['size'], height?: number): SizeStyles {\n  const preset = SIZE_PRESETS[size ?? 'md'] ?? SIZE_PRESETS.md;\n  return { ...preset, height: height ?? preset.height };\n}\n\nconst NEON_PALETTE = ['#00ffff', '#ff00ff', '#ffff00', '#00ff00', '#ff0080', '#8000ff'];\n\nexport function getDefaultColors(theme: Theme, variant: ChartProps['variant'], colors?: string[]): string[] {\n  if (colors) return colors;\n  if (variant === 'neon') return NEON_PALETTE;\n  return [\n    theme.palette.primary.main,\n    theme.palette.secondary.main,\n    theme.palette.success.main,\n    theme.palette.warning.main,\n    theme.palette.error.main,\n    theme.palette.info.main,\n  ];\n}\n\ntype SxStyles = Record<string, unknown>;\n\ninterface VariantOptions {\n  variant: NonNullable<ChartProps['variant']>;\n  color: NonNullable<ChartProps['color']>;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  disabled: boolean;\n}\n\nfunction effectStyles(theme: Theme, options: VariantOptions): SxStyles {\n  const accent = accentFor(theme, options.color).main;\n  const glow = options.glow ? { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` } : {};\n  const pulse = options.pulse\n    ? {\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    : {};\n  return { ...glow, ...pulse };\n}\n\nfunction variantSurface(theme: Theme, options: VariantOptions): SxStyles {\n  switch (options.variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, options.glass ? 0.1 : 0.9),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      };\n    case 'gradient':\n      return {\n        background: options.gradient\n          ? `linear-gradient(135deg, ${alpha(accentFor(theme, options.color).light, 0.05)}, ${alpha(accentFor(theme, options.color).dark, 0.05)})`\n          : theme.palette.background.paper,\n      };\n    case 'elevated':\n      return { boxShadow: theme.shadows[4] };\n    case 'minimal':\n      return { border: 'none', backgroundColor: 'transparent' };\n    case 'neon':\n      return {\n        backgroundColor: '#000',\n        border: `1px solid ${alpha('#00ffff', 0.3)}`,\n        '& .recharts-cartesian-grid-horizontal line, & .recharts-cartesian-grid-vertical line': {\n          stroke: alpha('#00ffff', 0.1),\n        },\n      };\n    default:\n      return { backgroundColor: theme.palette.background.paper };\n  }\n}\n\nexport function getVariantStyles(theme: Theme, options: VariantOptions): SxStyles {\n  return {\n    borderRadius: theme.spacing(1),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    opacity: options.disabled ? 0.5 : 1,\n    pointerEvents: options.disabled ? ('none' as const) : ('auto' as const),\n    ...effectStyles(theme, options),\n    ...variantSurface(theme, options),\n  };\n}\n\n/** Explicit series, or one series per non-axis key found in the first row. */\nexport function resolveSeries(\n  data: ChartProps['data'],\n  series: ChartSeries[] | undefined,\n  xAxisKey: string,\n  palette: string[],\n): ChartSeries[] {\n  if (series) return series;\n  if (data.length === 0) return [];\n  return Object.keys(data[0] ?? {})\n    .filter((key) => key !== xAxisKey)\n    .map((key, index) => ({\n      dataKey: key,\n      name: key,\n      color: palette[index % palette.length],\n    }));\n}\n\ninterface AxisTextStyles {\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /**\n   * Multiplier applied to `gridStroke`'s own alpha. Gridlines must read one\n   * step BELOW the card border — the border is `divider`, so half of it —\n   * without being dashed at data weight. Expressing the step as an opacity\n   * rather than a second colour keeps it derived from the theme's divider\n   * whatever form that takes (rgba, hex, or a CSS variable, which the colour\n   * helpers cannot decompose).\n   */\n  gridOpacity: number;\n}\n\nexport function getAxisStyles(theme: Theme, variant: ChartProps['variant'], fontSize: string): AxisTextStyles {\n  const neon = variant === 'neon';\n  return {\n    axisStyle: {\n      fontSize,\n      fill: neon ? '#00ffff' : theme.palette.text.secondary,\n      // Ticks are columns of digits: they have to line up between rows.\n      fontVariantNumeric: 'tabular-nums',\n    },\n    gridStroke: neon ? alpha('#00ffff', 0.1) : theme.palette.divider,\n    // The neon grid is already a 10%-alpha cyan; halving it again would erase it.\n    gridOpacity: neon ? 1 : 0.5,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MG73KW54.js

@@ -1,266 +0,0 @@
-import {
-  CARD_RADIUS,
-  cardSurfaceStyles,
-  isActionable,
-  isSelectable,
-  slotTestIds
-} from "./chunk-FGKKLHKY.js";
-import {
-  DragHandle,
-  useDragItem
-} from "./chunk-JCJGJX7V.js";
-import {
-  CARD_ASPECT_RATIOS
-} from "./chunk-LHHAYZ55.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Checkbox
-} from "./chunk-CR4KC2K5.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Card
-} from "./chunk-AIRWM7KK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/base-card.tsx
-import { useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function cardSx(opts) {
-  const { aspectRatio, pad, scale, interactive, draggable } = opts;
-  return {
-    position: "relative",
-    zoom: scale,
-    aspectRatio: String(CARD_ASPECT_RATIOS[aspectRatio]),
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden",
-    p: pad,
-    cursor: draggable ? "grab" : interactive ? "pointer" : void 0,
-    ...draggable ? { touchAction: "none", "&:active": { cursor: "grabbing" } } : {}
-  };
-}
-var OVERLAY_BAND_PX = 42;
-function contentGaps(opts) {
-  const { hasMedia, hasBody, overlays, pad } = opts;
-  const gap = pad * 0.5;
-  const clear = !hasMedia && overlays ? Math.max(0, OVERLAY_BAND_PX / 8 - pad) : 0;
-  return { body: hasMedia ? gap : clear, caption: hasMedia || hasBody ? gap : clear };
-}
-function CardOverlays({
-  selected,
-  onToggleSelect,
-  checkboxTestId,
-  menu
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    onToggleSelect && /* @__PURE__ */ jsx(default2, { sx: { position: "absolute", top: 4, left: 4, zIndex: 2 }, children: /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        checked: selected,
-        onChange: () => onToggleSelect(),
-        onClick: (event) => event.stopPropagation(),
-        size: "small",
-        "data-testid": checkboxTestId,
-        "aria-label": copy.selection.selectRow
-      }
-    ) }),
-    menu && /* @__PURE__ */ jsx(
-      default2,
-      {
-        sx: { position: "absolute", top: 4, right: 4, zIndex: 2 },
-        onClick: (event) => event.stopPropagation(),
-        children: menu
-      }
-    )
-  ] });
-}
-function CardMedia({ image, imageFallback }) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        flex: 1,
-        minHeight: 0,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        overflow: "hidden",
-        borderRadius: 1,
-        "& img": { width: "100%", height: "100%", objectFit: "cover" }
-      },
-      children: image ?? imageFallback
-    }
-  );
-}
-function CardBodyContent({
-  children,
-  fill,
-  topGap
-}) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        flex: fill ? 1 : "none",
-        minHeight: 0,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 0.75,
-        mt: topGap,
-        overflow: "hidden"
-      },
-      children
-    }
-  );
-}
-function CardCaption({
-  title,
-  subtitle,
-  topGap
-}) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { mt: topGap, minWidth: 0 }, children: [
-    title != null && /* @__PURE__ */ jsx(
-      Text,
-      {
-        variant: "heading",
-        size: "sm",
-        weight: "bold",
-        as: "p",
-        style: {
-          lineHeight: 1.15,
-          fontSize: "0.95rem",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap"
-        },
-        children: title
-      }
-    ),
-    subtitle != null && /* @__PURE__ */ jsx(Text, { variant: "caption", size: "xs", color: "secondary", as: "p", children: subtitle })
-  ] });
-}
-function CardContents({
-  children,
-  image,
-  imageFallback,
-  title,
-  subtitle,
-  overlays,
-  pad
-}) {
-  const hasMedia = image != null || imageFallback != null;
-  const hasBody = children != null;
-  const hasCaption = title != null || subtitle != null;
-  const top = contentGaps({ hasMedia, hasBody, overlays, pad });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    hasMedia && /* @__PURE__ */ jsx(CardMedia, { image, imageFallback }),
-    hasBody && /* @__PURE__ */ jsx(CardBodyContent, { fill: !hasMedia, topGap: top.body, children }),
-    hasCaption && /* @__PURE__ */ jsx(CardCaption, { title, subtitle, topGap: top.caption })
-  ] });
-}
-function useCardShell(props) {
-  const actionable = isActionable(props.state);
-  return {
-    selectable: isSelectable(props),
-    actionable,
-    theme: useTheme(),
-    slot: slotTestIds(props.testId),
-    scale: props.scale ?? 1,
-    // The card's own veto over the container's decision — see `CardSurfaceProps`.
-    drag: useDragItem(props.draggable === false || !actionable ? void 0 : props.dragId)
-  };
-}
-function BaseCard(props) {
-  const { aspectRatio = "4:3", selected = false } = props;
-  const { menu, onToggleSelect, onClick } = props;
-  const { selectable, actionable, theme, slot, scale, drag } = useCardShell(props);
-  const dataTestId = props.testId;
-  const checkboxTestId = slot("checkbox");
-  const pad = 1.5;
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "outlined",
-      onClick,
-      dataTestId,
-      className: props.className,
-      "aria-label": props["aria-label"],
-      "aria-disabled": actionable ? void 0 : true,
-      ...drag.itemProps,
-      sx: {
-        // The same corner the row uses: a Grade and a Lista of the same records
-        // sit beside each other, and a tile that rounds harder than the row
-        // reads as a different component.
-        borderRadius: CARD_RADIUS,
-        // The shared half — variant, colour, selection, effects — identical to
-        // the one BaseListCard uses, so a Grade and a Lista of the same records
-        // are dressed by one set of rules.
-        ...cardSurfaceStyles(
-          {
-            ...props,
-            selectable,
-            shape: "tile",
-            // A card mid-drag is a ghost of itself; the drop target is what the
-            // eye should be on.
-            state: drag.dragging ? "disabled" : props.state
-          },
-          theme
-        ),
-        // …and the tile's own geometry on top.
-        ...cardSx({
-          aspectRatio,
-          pad,
-          scale,
-          interactive: onClick != null,
-          draggable: drag.draggable && drag.handleProps === void 0
-        })
-      },
-      children: [
-        drag.draggable && /* @__PURE__ */ jsx(default2, { sx: { position: "absolute", bottom: 4, left: 4, zIndex: 2 }, children: /* @__PURE__ */ jsx(
-          DragHandle,
-          {
-            handleProps: drag.handleProps,
-            gated: drag.handleProps !== void 0,
-            testId: slot("drag")
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          CardOverlays,
-          {
-            selected,
-            onToggleSelect: selectable ? onToggleSelect ?? (() => {
-            }) : void 0,
-            checkboxTestId,
-            menu
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          CardContents,
-          {
-            image: props.image,
-            imageFallback: props.imageFallback,
-            title: props.title,
-            subtitle: props.subtitle,
-            overlays: selectable || menu != null,
-            pad,
-            children: props.children
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  BaseCard
-};
-//# sourceMappingURL=chunk-MG73KW54.js.map

package/dist/chunk-MQZDTGGJ.js

@@ -1,153 +0,0 @@
-import {
-  SearchGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  chipSx,
-  chipWrapSx,
-  panelHeadSx,
-  pinnedLabelSx,
-  pinnedSx
-} from "./chunk-LGLHU55A.js";
-import {
-  fieldBorder,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/form/CategorySelect/CategoryPanelHead.tsx
-import Box from "@mui/material/Box/index.js";
-import InputBase from "@mui/material/InputBase/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var searchFieldSx = {
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  "& input": {
-    width: "100%",
-    height: fieldHeight,
-    padding: "0 30px 0 32px",
-    fontSize: 13,
-    border: fieldBorder,
-    borderRadius: fieldRadiusPx,
-    background: "background.paper",
-    color: "text.primary",
-    "&:focus": {
-      outline: "none",
-      borderColor: "primary.main",
-      boxShadow: (theme) => `0 0 0 3px ${theme.palette.primary.main}26`
-    }
-  }
-};
-var clearButtonSx = {
-  position: "absolute",
-  right: 7,
-  width: 20,
-  height: 20,
-  border: 0,
-  background: "action.selected",
-  color: "text.secondary",
-  borderRadius: "50%",
-  display: "grid",
-  placeItems: "center",
-  cursor: "pointer",
-  fontSize: 12,
-  padding: 0,
-  lineHeight: 1
-};
-function CategoryPanelHead({
-  query,
-  placeholder,
-  sheet,
-  quickActions,
-  onQueryChange,
-  searchInputRef,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => panelHeadSx(theme, sheet), children: [
-    /* @__PURE__ */ jsxs(Box, { sx: searchFieldSx, children: [
-      /* @__PURE__ */ jsx(
-        SearchGlyph,
-        {
-          style: {
-            position: "absolute",
-            left: 10,
-            width: 15,
-            height: 15,
-            opacity: 0.55,
-            pointerEvents: "none"
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InputBase,
-        {
-          inputRef: searchInputRef,
-          value: query,
-          placeholder,
-          autoComplete: "off",
-          inputProps: { "aria-label": placeholder, "data-testid": `${dataTestId}-search` },
-          onChange: (event) => onQueryChange(event.target.value),
-          sx: { width: "100%" }
-        }
-      ),
-      query.length > 0 && /* @__PURE__ */ jsx(
-        Box,
-        {
-          component: "button",
-          type: "button",
-          "aria-label": copy.search.clear,
-          "data-testid": `${dataTestId}-search-clear`,
-          sx: clearButtonSx,
-          onClick: () => onQueryChange(""),
-          children: "\xD7"
-        }
-      )
-    ] }),
-    quickActions && /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          gap: "10px",
-          marginTop: "8px",
-          fontSize: 12
-        },
-        children: quickActions
-      }
-    )
-  ] });
-}
-function CategoryPinnedTray({
-  chips,
-  onRemove,
-  dataTestId,
-  copy
-}) {
-  if (chips.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Box, { sx: pinnedSx, "data-testid": `${dataTestId}-pinned`, children: [
-    /* @__PURE__ */ jsx(Box, { sx: pinnedLabelSx, children: copy.search.pinnedLabel(chips.length) }),
-    /* @__PURE__ */ jsx(Box, { sx: chipWrapSx, children: chips.map((chip) => /* @__PURE__ */ jsxs(Box, { component: "span", sx: chipSx, children: [
-      chip.label,
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": copy.search.removeChip(chip.label),
-          "data-testid": `${dataTestId}-unpin-${chip.id}`,
-          onClick: () => onRemove(chip.id),
-          children: "\xD7"
-        }
-      )
-    ] }, chip.id)) })
-  ] });
-}
-
-export {
-  CategoryPanelHead,
-  CategoryPinnedTray
-};
-//# sourceMappingURL=chunk-MQZDTGGJ.js.map