@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-W2UTDN4T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import FirstPage from '@mui/icons-material/FirstPage';\nimport LastPage from '@mui/icons-material/LastPage';\nimport NavigateBefore from '@mui/icons-material/NavigateBefore';\nimport NavigateNext from '@mui/icons-material/NavigateNext';\nimport type { PaginationRenderItemParams } from '@mui/material/Pagination/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport MuiPagination from '@mui/material/Pagination/index.js';\nimport PaginationItem from '@mui/material/PaginationItem/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { ResolvedPaginationProps } from './Pagination.helpers';\nimport { makeTestId, muiSizeFor, resolvePaginationProps } from './Pagination.helpers';\nimport { paginationStyles } from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { ItemsPerPageSelect, PageInfo } from './PaginationParts';\n\nconst StyledPagination = styled(MuiPagination, {\n  shouldForwardProp: (prop) => !['customVariant', 'customSize'].includes(prop as string) })<{ customVariant?: string; customSize?: string }>(({ theme, customVariant, customSize }) => ({\n  ...paginationStyles({ theme, customVariant, customSize }) }));\n\nconst PaginationContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexWrap: 'wrap',\n  gap: theme.spacing(1) }));\n\n// Arrow items get a short suffix, pages carry their number. This was two\n// parallel switch statements that differed only in whether the prefix came from\n// dataTestId or the literal 'pagination'.\nconst ITEM_TEST_SUFFIX: Record<string, string> = {\n  first: 'first',\n  last: 'last',\n  previous: 'prev',\n  next: 'next' };\n\nconst paginationItemTestId = (\n  base: string | undefined,\n  item: PaginationRenderItemParams,\n): string | undefined => {\n  const prefix = base ?? 'pagination';\n\n  if (item.type === 'page') return `${prefix}-page-${item.page}`;\n\n  const suffix = ITEM_TEST_SUFFIX[item.type];\n  return suffix ? `${prefix}-${suffix}` : undefined;\n};\n\n// A dots-variant page renders as a bare dot; everything else uses MUI's item\n// with our own arrow icons.\nconst renderPaginationItem = ({\n  item,\n  variant,\n  size: _size,\n  dataTestId,\n  icons }: {\n  item: PaginationRenderItemParams;\n  variant: string;\n  size: string;\n  dataTestId?: string;\n  icons: {\n    firstIcon?: React.ReactNode;\n    lastIcon?: React.ReactNode;\n    previousIcon?: React.ReactNode;\n    nextIcon?: React.ReactNode;\n  };\n}) => {\n  const { firstIcon, lastIcon, previousIcon, nextIcon } = icons;\n\n    const itemTestId = paginationItemTestId(dataTestId, item);\n\n    if (variant === 'dots') {\n      if (item.type === 'page') {\n        return (\n          <PaginationItem\n            {...item}\n            data-testid={itemTestId}\n            sx={{\n              '&.MuiPaginationItem-page': {\n                fontSize: 0,\n                overflow: 'hidden',\n                textIndent: '-9999px' } }}\n          />\n        );\n      }\n      return null; // Hide navigation buttons for dots\n    }\n\n    // Map custom icons to components\n    const iconMap: Record<string, React.ReactElement> = {\n      first: firstIcon as React.ReactElement,\n      last: lastIcon as React.ReactElement,\n      previous: previousIcon as React.ReactElement,\n      next: nextIcon as React.ReactElement };\n\n    return (\n      <PaginationItem\n        {...item}\n        data-testid={itemTestId}\n        components={{\n          first: () => iconMap.first || <FirstPage />,\n          last: () => iconMap.last || <LastPage />,\n          previous: () => iconMap.previous || <NavigateBefore />,\n          next: () => iconMap.next || <NavigateNext /> }}\n      />\n    );\n  \n};\n\n// The control itself. Local because StyledPagination cannot cross a module\n// boundary (TS2742).\nconst PaginationControl: React.FC<\n  ResolvedPaginationProps & {\n    innerRef: React.Ref<HTMLElement>;\n    renderItem: (item: PaginationRenderItemParams) => React.ReactNode;\n    rest: Record<string, unknown>;\n  }\n> = ({ innerRef, renderItem, rest, ...p }) => {\n  // The dots variant is a position indicator, not a control: no page numbers\n  // around the current one, and no step buttons.\n  const isDots = p.variant === 'dots';\n\n  return (\n    <StyledPagination\n      ref={innerRef}\n      page={p.page}\n      count={p.count}\n      onChange={p.onChange}\n      customVariant={p.variant}\n      customSize={p.size}\n      variant=\"outlined\"\n      size={muiSizeFor(p.size)}\n      boundaryCount={isDots ? 0 : p.boundaryCount}\n      siblingCount={isDots ? 0 : p.siblingCount}\n      hideNextButton={p.hideNextButton || isDots}\n      hidePrevButton={p.hidePrevButton || isDots}\n      showFirstButton={p.showFirstButton && !isDots}\n      showLastButton={p.showLastButton && !isDots}\n      disabled={p.disabled}\n      // MUI spells the unaccented pagination colour `standard`; ours is\n      // `neutral`, translated here rather than carried as a second name.\n      color={p.color === undefined ? undefined : p.color === 'neutral' ? 'standard' : p.color}\n      renderItem={renderItem}\n      {...rest}\n    />\n  );\n};\n\nexport const Pagination = React.forwardRef<HTMLElement, PaginationProps>(\n  (componentProps, ref) => {\n    const resolved = resolvePaginationProps(componentProps);\n    const {\n      pageSizeLabel,\n      variant,\n      size,\n      page,\n      count,\n      onChange: _onChange,\n      boundaryCount: _boundaryCount,\n      siblingCount: _siblingCount,\n      hideNextButton: _hideNextButton,\n      hidePrevButton: _hidePrevButton,\n      showFirstButton: _showFirstButton,\n      showLastButton: _showLastButton,\n      firstIcon,\n      lastIcon,\n      previousIcon,\n      nextIcon,\n      disabled,\n      color: _color,\n      showPageInfo,\n      pageInfoFormat,\n      showItemsPerPage,\n      itemsPerPageOptions,\n      itemsPerPage,\n      onItemsPerPageChange,\n      className,\n      dataTestId,\n      ...props\n    } = resolved;\n\n    const testId = makeTestId(dataTestId);\n\n    const renderItem = (item: PaginationRenderItemParams) =>\n      renderPaginationItem({\n        item,\n        variant,\n        size,\n        dataTestId,\n        icons: { firstIcon, lastIcon, previousIcon, nextIcon } });\n\n    return (\n      <PaginationContainer className={className} data-testid={dataTestId || 'pagination'}>\n        {showItemsPerPage && onItemsPerPageChange && (\n          <ItemsPerPageSelect\n            pageSizeLabel={pageSizeLabel}\n            value={itemsPerPage}\n            options={itemsPerPageOptions}\n            size={size}\n            disabled={disabled}\n            testId={testId('items-per-page')}\n            onChange={onItemsPerPageChange}\n          />\n        )}\n\n        <PaginationControl\n          {...resolved}\n          innerRef={ref}\n          renderItem={renderItem}\n          rest={props as unknown as Record<string, unknown>}\n        />\n\n        {showPageInfo && (\n          <PageInfo size={size} testId={testId('info')}>\n            {pageInfoFormat(page, count)}\n          </PageInfo>\n        )}\n      </PaginationContainer>\n    );\n  },\n);\n\nPagination.displayName = 'Pagination';\n"],"mappings":"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","names":[]}

package/dist/chunk-WBKWIFXA.js

@@ -0,0 +1,62 @@
+import {
+  MapCentreMarker,
+  MapCompass,
+  MapDecorativePins,
+  MapRoads,
+  MapScaleBar
+} from "./chunk-2SWQ6HIK.js";
+import {
+  MapTiles
+} from "./chunk-RRO2EOJB.js";
+import {
+  getTileCoordinates
+} from "./chunk-TUBCN4DJ.js";
+import {
+  surfaceBackground
+} from "./chunk-DRADVLHZ.js";
+
+// src/components/data-display/MapPreview/StaticMapView.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StaticMapView = ({
+  height,
+  zoom,
+  mapType,
+  marker,
+  markerPosition,
+  panOffset = { x: 0, y: 0 }
+}) => {
+  const theme = useTheme();
+  const tileOrigin = useMemo(
+    () => markerPosition ? getTileCoordinates(markerPosition.lat, markerPosition.lng, zoom) : null,
+    [markerPosition, zoom]
+  );
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": "static-map-view",
+      sx: {
+        width: "100%",
+        height,
+        position: "relative",
+        background: surfaceBackground(mapType, theme),
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsx(MapTiles, { origin: tileOrigin, zoom, mapType, panOffset }),
+        /* @__PURE__ */ jsx(MapRoads, {}),
+        marker && /* @__PURE__ */ jsx(MapCentreMarker, {}),
+        /* @__PURE__ */ jsx(MapDecorativePins, {}),
+        /* @__PURE__ */ jsx(MapScaleBar, { zoom }),
+        /* @__PURE__ */ jsx(MapCompass, {})
+      ]
+    }
+  );
+};
+
+export {
+  StaticMapView
+};
+//# sourceMappingURL=chunk-WBKWIFXA.js.map

package/dist/chunk-WBKWIFXA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/StaticMapView.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport { getTileCoordinates } from './mapProjection';\nimport { surfaceBackground } from './mapSurface';\nimport type { LatLng, MapType } from './MapPreview.types';\nimport {\n  MapCentreMarker,\n  MapCompass,\n  MapDecorativePins,\n  MapRoads,\n  MapScaleBar,\n} from './MapDecorations';\nimport { MapTiles } from './MapTiles';\n\nexport interface StaticMapViewProps {\n  height: string;\n  zoom: number;\n  mapType: MapType;\n  marker?: boolean;\n  markerPosition?: LatLng;\n  panOffset?: { x: number; y: number };\n}\n\n// A stand-in map surface: a tile grid at the right coordinates for the current\n// position and zoom, with the usual furniture drawn over it.\nexport const StaticMapView: FC<StaticMapViewProps> = ({\n  height,\n  zoom,\n  mapType,\n  marker,\n  markerPosition,\n  panOffset = { x: 0, y: 0 },\n}) => {\n  const theme = useTheme();\n\n  const tileOrigin = useMemo(\n    () =>\n      markerPosition ? getTileCoordinates(markerPosition.lat, markerPosition.lng, zoom) : null,\n    [markerPosition, zoom],\n  );\n\n  return (\n    <Box\n      data-testid=\"static-map-view\"\n      sx={{\n        width: '100%',\n        height,\n        position: 'relative',\n        background: surfaceBackground(mapType, theme),\n        overflow: 'hidden',\n      }}\n    >\n      <MapTiles origin={tileOrigin} zoom={zoom} mapType={mapType} panOffset={panOffset} />\n      <MapRoads />\n      {marker && <MapCentreMarker />}\n      <MapDecorativePins />\n      <MapScaleBar zoom={zoom} />\n      <MapCompass />\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAEzB,SAAgB,eAAe;AA0C3B,SAUE,KAVF;AAjBG,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,EAAE,GAAG,GAAG,GAAG,EAAE;AAC3B,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,QAAM,aAAa;AAAA,IACjB,MACE,iBAAiB,mBAAmB,eAAe,KAAK,eAAe,KAAK,IAAI,IAAI;AAAA,IACtF,CAAC,gBAAgB,IAAI;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,QACV,YAAY,kBAAkB,SAAS,KAAK;AAAA,QAC5C,UAAU;AAAA,MACZ;AAAA,MAEA;AAAA,4BAAC,YAAS,QAAQ,YAAY,MAAY,SAAkB,WAAsB;AAAA,QAClF,oBAAC,YAAS;AAAA,QACT,UAAU,oBAAC,mBAAgB;AAAA,QAC5B,oBAAC,qBAAkB;AAAA,QACnB,oBAAC,eAAY,MAAY;AAAA,QACzB,oBAAC,cAAW;AAAA;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/chunk-WEBEOBN5.js

@@ -0,0 +1,8 @@
+// src/mui/Stack.ts
+import { default as default2, default as default3 } from "@mui/material/Stack/index.js";
+
+export {
+  default2 as default,
+  default3 as default2
+};
+//# sourceMappingURL=chunk-WEBEOBN5.js.map

package/dist/chunk-WEBEOBN5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mui/Stack.ts"],"sourcesContent":["export type { StackProps } from '@mui/material/Stack/index.js';\nexport { default as Stack, default } from '@mui/material/Stack/index.js';\n"],"mappings":";AACA,SAAoB,WAAXA,UAAkB,WAAAA,gBAAe;","names":["default"]}

package/dist/chunk-WG2WFANT.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-WG2WFANT.js.map

package/dist/chunk-WG2WFANT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-WIXUMFU7.js

@@ -0,0 +1,167 @@
+// src/components/data-display/Carousel/Carousel.slide.tsx
+import Box from "@mui/material/Box/index.js";
+import Paper from "@mui/material/Paper/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SlideCaption = ({
+  title,
+  description,
+  content,
+  image
+}) => /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", zIndex: 1, textAlign: "center", p: 3 }, children: [
+  title && /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "h5",
+      sx: {
+        color: image ? "white" : "text.primary",
+        textShadow: image ? "0 2px 4px rgba(0,0,0,0.5)" : "none",
+        mb: 1
+      },
+      children: title
+    }
+  ),
+  description && /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "body1",
+      sx: {
+        color: image ? "white" : "text.secondary",
+        textShadow: image ? "0 1px 2px rgba(0,0,0,0.5)" : "none"
+      },
+      children: description
+    }
+  ),
+  content
+] });
+var CarouselSlide = ({
+  item,
+  index,
+  isActive,
+  variant,
+  clickable,
+  onSelect
+}) => {
+  const theme = useTheme();
+  const content = /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        cursor: clickable ? "pointer" : "default",
+        position: "relative"
+      },
+      onClick: () => onSelect(item, index),
+      children: [
+        item.image && /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "img",
+            src: item.image,
+            alt: item.alt || item.title,
+            sx: {
+              width: "100%",
+              height: "100%",
+              objectFit: "cover",
+              position: "absolute",
+              top: 0,
+              left: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SlideCaption,
+          {
+            title: item.title,
+            description: item.description,
+            content: item.content,
+            image: item.image
+          }
+        )
+      ]
+    }
+  );
+  if (variant === "cards") {
+    return /* @__PURE__ */ jsx(
+      Paper,
+      {
+        elevation: isActive ? 8 : 2,
+        sx: {
+          width: "100%",
+          height: "100%",
+          overflow: "hidden",
+          transform: isActive ? "scale(1)" : "scale(0.9)",
+          transition: theme.transitions.create(["transform", "box-shadow"])
+        },
+        children: content
+      }
+    );
+  }
+  return content;
+};
+var CarouselTrack = ({
+  items,
+  activeIndex,
+  variant,
+  animation,
+  transition: Transition,
+  clickable,
+  onSelect
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    "data-testid": "carousel-track",
+    sx: {
+      width: "100%",
+      height: "100%",
+      position: "relative",
+      display: "flex",
+      alignItems: "center"
+    },
+    children: items.map((item, index) => /* @__PURE__ */ jsx(
+      Transition,
+      {
+        in: index === activeIndex,
+        timeout: 600,
+        ...animation === "flip" && { direction: "left" },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            "data-testid": `carousel-slide-${index}`,
+            "data-active": index === activeIndex,
+            sx: {
+              position: "absolute",
+              width: "100%",
+              height: "100%",
+              display: index === activeIndex ? "block" : "none"
+            },
+            children: /* @__PURE__ */ jsx(
+              CarouselSlide,
+              {
+                item,
+                index,
+                isActive: index === activeIndex,
+                variant,
+                clickable,
+                onSelect
+              }
+            )
+          }
+        )
+      },
+      item.id
+    ))
+  }
+);
+
+export {
+  CarouselSlide,
+  CarouselTrack
+};
+//# sourceMappingURL=chunk-WIXUMFU7.js.map

package/dist/chunk-WIXUMFU7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.slide.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { CarouselItem, CarouselProps } from './Carousel.types';\n\nexport interface CarouselSlideProps {\n  item: CarouselItem;\n  index: number;\n  isActive: boolean;\n  variant: NonNullable<CarouselProps['variant']>;\n  clickable: boolean;\n  onSelect: (item: CarouselItem, index: number) => void;\n}\n\n/**\n * A slide's caption. Over an image it is white with a shadow so it stays legible\n * against whatever the photograph happens to be; on a bare surface it uses the\n * ordinary text colours.\n */\nconst SlideCaption: React.FC<Pick<CarouselItem, 'title' | 'description' | 'content' | 'image'>> = ({\n  title,\n  description,\n  content,\n  image,\n}) => (\n  <Box sx={{ position: 'relative', zIndex: 1, textAlign: 'center', p: 3 }}>\n    {title && (\n      <Typography\n        variant=\"h5\"\n        sx={{\n          color: image ? 'white' : 'text.primary',\n          textShadow: image ? '0 2px 4px rgba(0,0,0,0.5)' : 'none',\n          mb: 1,\n        }}\n      >\n        {title}\n      </Typography>\n    )}\n\n    {description && (\n      <Typography\n        variant=\"body1\"\n        sx={{\n          color: image ? 'white' : 'text.secondary',\n          textShadow: image ? '0 1px 2px rgba(0,0,0,0.5)' : 'none',\n        }}\n      >\n        {description}\n      </Typography>\n    )}\n\n    {content}\n  </Box>\n);\n\nexport const CarouselSlide: React.FC<CarouselSlideProps> = ({\n  item,\n  index,\n  isActive,\n  variant,\n  clickable,\n  onSelect,\n}) => {\n  const theme = useTheme();\n\n  const content = (\n    <Box\n      sx={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        cursor: clickable ? 'pointer' : 'default',\n        position: 'relative',\n      }}\n      onClick={() => onSelect(item, index)}\n    >\n      {item.image && (\n        <Box\n          component=\"img\"\n          src={item.image}\n          alt={item.alt || item.title}\n          sx={{\n            width: '100%',\n            height: '100%',\n            objectFit: 'cover',\n            position: 'absolute',\n            top: 0,\n            left: 0,\n          }}\n        />\n      )}\n\n      <SlideCaption\n        title={item.title}\n        description={item.description}\n        content={item.content}\n        image={item.image}\n      />\n    </Box>\n  );\n\n  // The cards variant gives each slide its own raised surface, and lifts the\n  // active one further so the stack reads as a deck rather than a strip.\n  if (variant === 'cards') {\n    return (\n      <Paper\n        elevation={isActive ? 8 : 2}\n        sx={{\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n          transform: isActive ? 'scale(1)' : 'scale(0.9)',\n          transition: theme.transitions.create(['transform', 'box-shadow']),\n        }}\n      >\n        {content}\n      </Paper>\n    );\n  }\n\n  return content;\n};\n\nexport interface CarouselTrackProps {\n  items: CarouselItem[];\n  activeIndex: number;\n  variant: NonNullable<CarouselProps['variant']>;\n  animation: NonNullable<CarouselProps['animation']>;\n  transition: React.ElementType;\n  clickable: boolean;\n  onSelect: (item: CarouselItem, index: number) => void;\n}\n\n/**\n * The slides themselves. Every slide stays mounted and absolutely positioned so\n * the transition has both the outgoing and incoming one to work with; `display`\n * is what actually hides the rest.\n */\nexport const CarouselTrack: React.FC<CarouselTrackProps> = ({\n  items,\n  activeIndex,\n  variant,\n  animation,\n  transition: Transition,\n  clickable,\n  onSelect,\n}) => (\n  <Box\n    data-testid=\"carousel-track\"\n    sx={{\n      width: '100%',\n      height: '100%',\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n    }}\n  >\n    {items.map((item, index) => (\n      <Transition\n        key={item.id}\n        in={index === activeIndex}\n        timeout={600}\n        {...(animation === 'flip' && { direction: 'left' as const })}\n      >\n        <Box\n          data-testid={`carousel-slide-${index}`}\n          data-active={index === activeIndex}\n          sx={{\n            position: 'absolute',\n            width: '100%',\n            height: '100%',\n            display: index === activeIndex ? 'block' : 'none',\n          }}\n        >\n          <CarouselSlide\n            item={item}\n            index={index}\n            isActive={index === activeIndex}\n            variant={variant}\n            clickable={clickable}\n            onSelect={onSelect}\n          />\n        </Box>\n      </Transition>\n    ))}\n  </Box>\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-WKUA6P3W.js

@@ -0,0 +1,51 @@
+// src/components/data-display/Chart/chart-spec-registry.ts
+var registry = /* @__PURE__ */ new Map();
+function registerChartSpecRenderer(type, renderer) {
+  registry.set(type, renderer);
+}
+function getChartSpecRenderer(type) {
+  return registry.get(type);
+}
+function getRegisteredChartSpecTypes() {
+  return [...registry.keys()];
+}
+function toChartSeries(spec, ctx) {
+  return spec.series.map((series, index) => ({
+    dataKey: series.key,
+    name: series.label ?? series.key,
+    color: ctx.resolveColor(series.color, index)
+  }));
+}
+function cartesianRenderer(chartType) {
+  return (spec, ctx) => ({
+    type: chartType,
+    series: toChartSeries(spec, ctx),
+    stacked: spec.stacked ?? false,
+    curved: spec.curved ?? true
+  });
+}
+var pieRenderer = (spec, ctx) => ({
+  type: "pie",
+  series: toChartSeries(spec, ctx),
+  // Slice colors cycle the resolved scheme; the pie renderer reads them from
+  // the `colors` prop rather than per-series colors.
+  colors: spec.series.length ? Array.from({ length: 12 }, (_, index) => ctx.resolveColor(void 0, index)) : void 0
+});
+var donutRenderer = (spec, ctx) => ({
+  ...pieRenderer(spec, ctx),
+  // Proportional to the pie's outer radius (height / 3 in the Chart renderer).
+  innerRadius: Math.round((spec.height ?? 400) / 6),
+  centerLabel: spec.centerLabel
+});
+registerChartSpecRenderer("line", cartesianRenderer("line"));
+registerChartSpecRenderer("bar", cartesianRenderer("bar"));
+registerChartSpecRenderer("area", cartesianRenderer("area"));
+registerChartSpecRenderer("pie", pieRenderer);
+registerChartSpecRenderer("donut", donutRenderer);
+
+export {
+  registerChartSpecRenderer,
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes
+};
+//# sourceMappingURL=chunk-WKUA6P3W.js.map

package/dist/chunk-WKUA6P3W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-spec-registry.ts"],"sourcesContent":["import type { ChartProps, ChartSeries } from './Chart.types';\nimport type { ChartSemanticColor, ChartSpec } from './ChartSpec.types';\n\n/**\n * Renderer registry — the seam that lets new chart types be added without\n * touching consumers. A renderer maps a validated spec to the prop fragment\n * specific to its chart type; shared props (data, axes, legend, tooltip,\n * formatting) are derived once in `specToChartProps`.\n */\n\nexport interface ChartSpecRenderContext {\n  /**\n   * Resolve a semantic color token to a concrete theme color. `index` is the\n   * series position, used to cycle the spec's color scheme when the series\n   * has no explicit token.\n   */\n  resolveColor: (token: ChartSemanticColor | undefined, index: number) => string;\n}\n\nexport type ChartSpecRenderer = (spec: ChartSpec, ctx: ChartSpecRenderContext) => Partial<ChartProps>;\n\nconst registry = new Map<string, ChartSpecRenderer>();\n\nexport function registerChartSpecRenderer(type: string, renderer: ChartSpecRenderer): void {\n  registry.set(type, renderer);\n}\n\nexport function getChartSpecRenderer(type: string): ChartSpecRenderer | undefined {\n  return registry.get(type);\n}\n\nexport function getRegisteredChartSpecTypes(): string[] {\n  return [...registry.keys()];\n}\n\nfunction toChartSeries(spec: ChartSpec, ctx: ChartSpecRenderContext): ChartSeries[] {\n  return spec.series.map((series, index) => ({\n    dataKey: series.key,\n    name: series.label ?? series.key,\n    color: ctx.resolveColor(series.color, index),\n  }));\n}\n\nfunction cartesianRenderer(chartType: 'line' | 'bar' | 'area'): ChartSpecRenderer {\n  return (spec, ctx) => ({\n    type: chartType,\n    series: toChartSeries(spec, ctx),\n    stacked: spec.stacked ?? false,\n    curved: spec.curved ?? true,\n  });\n}\n\nconst pieRenderer: ChartSpecRenderer = (spec, ctx) => ({\n  type: 'pie',\n  series: toChartSeries(spec, ctx),\n  // Slice colors cycle the resolved scheme; the pie renderer reads them from\n  // the `colors` prop rather than per-series colors.\n  colors: spec.series.length\n    ? Array.from({ length: 12 }, (_, index) => ctx.resolveColor(undefined, index))\n    : undefined,\n});\n\nconst donutRenderer: ChartSpecRenderer = (spec, ctx) => ({\n  ...pieRenderer(spec, ctx),\n  // Proportional to the pie's outer radius (height / 3 in the Chart renderer).\n  innerRadius: Math.round((spec.height ?? 400) / 6),\n  centerLabel: spec.centerLabel,\n});\n\nregisterChartSpecRenderer('line', cartesianRenderer('line'));\nregisterChartSpecRenderer('bar', cartesianRenderer('bar'));\nregisterChartSpecRenderer('area', cartesianRenderer('area'));\nregisterChartSpecRenderer('pie', pieRenderer);\nregisterChartSpecRenderer('donut', donutRenderer);\n"],"mappings":";AAqBA,IAAM,WAAW,oBAAI,IAA+B;AAE7C,SAAS,0BAA0B,MAAc,UAAmC;AACzF,WAAS,IAAI,MAAM,QAAQ;AAC7B;AAEO,SAAS,qBAAqB,MAA6C;AAChF,SAAO,SAAS,IAAI,IAAI;AAC1B;AAEO,SAAS,8BAAwC;AACtD,SAAO,CAAC,GAAG,SAAS,KAAK,CAAC;AAC5B;AAEA,SAAS,cAAc,MAAiB,KAA4C;AAClF,SAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,WAAW;AAAA,IACzC,SAAS,OAAO;AAAA,IAChB,MAAM,OAAO,SAAS,OAAO;AAAA,IAC7B,OAAO,IAAI,aAAa,OAAO,OAAO,KAAK;AAAA,EAC7C,EAAE;AACJ;AAEA,SAAS,kBAAkB,WAAuD;AAChF,SAAO,CAAC,MAAM,SAAS;AAAA,IACrB,MAAM;AAAA,IACN,QAAQ,cAAc,MAAM,GAAG;AAAA,IAC/B,SAAS,KAAK,WAAW;AAAA,IACzB,QAAQ,KAAK,UAAU;AAAA,EACzB;AACF;AAEA,IAAM,cAAiC,CAAC,MAAM,SAAS;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ,cAAc,MAAM,GAAG;AAAA;AAAA;AAAA,EAG/B,QAAQ,KAAK,OAAO,SAChB,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,UAAU,IAAI,aAAa,QAAW,KAAK,CAAC,IAC3E;AACN;AAEA,IAAM,gBAAmC,CAAC,MAAM,SAAS;AAAA,EACvD,GAAG,YAAY,MAAM,GAAG;AAAA;AAAA,EAExB,aAAa,KAAK,OAAO,KAAK,UAAU,OAAO,CAAC;AAAA,EAChD,aAAa,KAAK;AACpB;AAEA,0BAA0B,QAAQ,kBAAkB,MAAM,CAAC;AAC3D,0BAA0B,OAAO,kBAAkB,KAAK,CAAC;AACzD,0BAA0B,QAAQ,kBAAkB,MAAM,CAAC;AAC3D,0BAA0B,OAAO,WAAW;AAC5C,0BAA0B,SAAS,aAAa;","names":[]}

package/dist/chunk-WLDK74RR.js

@@ -0,0 +1,305 @@
+import {
+  commandPaperStyles,
+  commandSizeStyles
+} from "./chunk-RIAIJTEW.js";
+import {
+  CommandEmpty,
+  CommandLoading
+} from "./chunk-CMK4DJDR.js";
+import {
+  resolveCommandProps,
+  useCommandPalette
+} from "./chunk-6DN4ZULV.js";
+
+// src/components/form/Command/Command.tsx
+import CloseIcon from "@mui/icons-material/Close";
+import SearchIcon from "@mui/icons-material/Search";
+import Box from "@mui/material/Box/index.js";
+import Chip from "@mui/material/Chip/index.js";
+import Dialog from "@mui/material/Dialog/index.js";
+import DialogContent from "@mui/material/DialogContent/index.js";
+import Divider from "@mui/material/Divider/index.js";
+import Fade from "@mui/material/Fade/index.js";
+import Grow from "@mui/material/Grow/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import InputAdornment from "@mui/material/InputAdornment/index.js";
+import List from "@mui/material/List/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 TextField from "@mui/material/TextField/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, useTheme } from "@mui/material/styles/index.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
+var Command = (rawProps) => {
+  const props = resolveCommandProps(rawProps);
+  const { open, onOpenChange, variant, dataTestId } = props;
+  const theme = useTheme();
+  const testId = makeTestId(dataTestId);
+  const { internalValue, filteredItems, highlightedId, handleValueChange, handleSelect, handleKeyDown } = useCommandPalette(props);
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onClose: () => onOpenChange?.(false),
+      maxWidth: false,
+      PaperProps: {
+        sx: {
+          ...commandPaperStyles(theme, props),
+          ...commandSizeStyles(props.size),
+          overflow: "hidden",
+          ...props.style
+        },
+        className: props.className,
+        "data-testid": dataTestId
+      },
+      TransitionComponent: variant === "glass" ? Fade : Grow,
+      onClick: props.onClick,
+      children: /* @__PURE__ */ jsxs(Box, { sx: { p: 0 }, children: [
+        /* @__PURE__ */ jsx(
+          CommandInput,
+          {
+            placeholder: props.placeholder,
+            value: internalValue,
+            onChange: handleValueChange,
+            onFocus: props.onFocus,
+            onBlur: props.onBlur,
+            disabled: props.disabled,
+            autoFocus: props.autoFocus,
+            onKeyDown: handleKeyDown,
+            dataTestId: testId("input")
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 0, maxHeight: props.maxHeight, overflow: "auto" }, children: [
+          /* @__PURE__ */ jsx(
+            CommandBody,
+            {
+              loading: props.loading,
+              items: filteredItems,
+              value: internalValue,
+              emptyMessage: props.emptyMessage,
+              onSelect: handleSelect,
+              selectedId: highlightedId,
+              showCategories: props.showCategories,
+              showShortcuts: props.showShortcuts,
+              showDescriptions: props.showDescriptions,
+              testId
+            }
+          ),
+          props.children
+        ] })
+      ] })
+    }
+  );
+};
+var CommandBody = ({ loading, emptyMessage, testId, ...list }) => {
+  if (loading) {
+    return /* @__PURE__ */ jsx(CommandLoading, { dataTestId: testId("loading") });
+  }
+  if (!list.items?.length) {
+    return /* @__PURE__ */ jsx(CommandEmpty, { message: emptyMessage, dataTestId: testId("empty") });
+  }
+  return /* @__PURE__ */ jsx(CommandList, { ...list, dataTestId: testId("list") });
+};
+var CommandInput = ({
+  placeholder,
+  value,
+  onChange,
+  onFocus,
+  onBlur,
+  disabled,
+  autoFocus,
+  onKeyDown,
+  className,
+  style,
+  dataTestId
+}) => /* @__PURE__ */ jsx(
+  TextField,
+  {
+    fullWidth: true,
+    value,
+    onChange: (e) => onChange?.(e.target.value),
+    onFocus,
+    onBlur,
+    onKeyDown,
+    placeholder,
+    disabled,
+    autoFocus,
+    variant: "standard",
+    className,
+    inputProps: {
+      "data-testid": dataTestId
+    },
+    sx: {
+      p: 2,
+      "& .MuiInput-underline:before": { border: "none" },
+      "& .MuiInput-underline:after": { border: "none" },
+      ...style
+    },
+    InputProps: {
+      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
+      endAdornment: value && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChange?.(""), children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) }) })
+    }
+  }
+);
+var CommandList = ({
+  items = [],
+  onSelect,
+  selectedId,
+  emptyMessage,
+  showCategories,
+  showShortcuts,
+  showDescriptions,
+  loading,
+  className,
+  style,
+  dataTestId
+}) => {
+  const groupedItems = useMemo(() => {
+    if (!showCategories) return { "": items };
+    const groups = {};
+    items.forEach((item) => {
+      const category = item.category || "";
+      if (!groups[category]) groups[category] = [];
+      groups[category].push(item);
+    });
+    return groups;
+  }, [items, showCategories]);
+  if (loading) return /* @__PURE__ */ jsx(CommandLoading, { dataTestId: dataTestId ? `${dataTestId}-loading` : void 0 });
+  if (items.length === 0) return /* @__PURE__ */ jsx(CommandEmpty, { message: emptyMessage, dataTestId: dataTestId ? `${dataTestId}-empty` : void 0 });
+  return /* @__PURE__ */ jsx(List, { className, sx: style, "data-testid": dataTestId, children: Object.entries(groupedItems).map(([category, categoryItems]) => /* @__PURE__ */ jsx(
+    CommandGroup,
+    {
+      heading: category,
+      items: categoryItems,
+      onSelect,
+      selectedId,
+      showShortcuts,
+      showDescriptions
+    },
+    category
+  )) });
+};
+var CommandGroup = ({
+  heading,
+  items = [],
+  onSelect,
+  selectedId,
+  showShortcuts,
+  showDescriptions,
+  className,
+  style,
+  dataTestId
+}) => {
+  const groupTestId = dataTestId || (heading ? `command-group-${heading}` : void 0);
+  return /* @__PURE__ */ jsxs(Box, { className, sx: style, "data-testid": groupTestId, children: [
+    heading && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "caption",
+        sx: {
+          px: 2,
+          py: 1,
+          display: "block",
+          color: "text.secondary",
+          fontWeight: 600,
+          textTransform: "uppercase"
+        },
+        children: heading
+      }
+    ),
+    items.map((item) => /* @__PURE__ */ jsx(
+      CommandItemComponent,
+      {
+        ...item,
+        selected: selectedId === item.id,
+        onSelect: () => onSelect?.(item),
+        showShortcut: showShortcuts,
+        showDescription: showDescriptions,
+        dataTestId: `command-item-${item.id}`
+      },
+      item.id
+    ))
+  ] });
+};
+var CommandItemComponent = ({
+  label,
+  description,
+  icon,
+  shortcut,
+  disabled,
+  selected,
+  onSelect,
+  showShortcut,
+  showDescription,
+  className,
+  style,
+  dataTestId
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    ListItemButton,
+    {
+      onClick: onSelect,
+      disabled,
+      selected,
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        py: 1.5,
+        px: 2,
+        "&:hover": {
+          backgroundColor: alpha(theme.palette.primary.main, 0.08)
+        },
+        "&.Mui-selected": {
+          backgroundColor: alpha(theme.palette.primary.main, 0.12),
+          "&:hover": {
+            backgroundColor: alpha(theme.palette.primary.main, 0.16)
+          }
+        },
+        ...style
+      },
+      children: [
+        icon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 40 }, children: icon }),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: label,
+            secondary: showDescription && description,
+            primaryTypographyProps: {
+              fontSize: "0.875rem",
+              fontWeight: selected ? 600 : 400
+            },
+            secondaryTypographyProps: {
+              fontSize: "0.75rem"
+            }
+          }
+        ),
+        showShortcut && shortcut && /* @__PURE__ */ jsx(
+          Chip,
+          {
+            label: shortcut,
+            size: "small",
+            variant: "outlined",
+            sx: {
+              height: 20,
+              fontSize: "0.7rem",
+              ml: 1
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  Command,
+  CommandInput,
+  CommandList,
+  CommandGroup
+};
+//# sourceMappingURL=chunk-WLDK74RR.js.map