@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-ILEJ3DVD.js

@@ -0,0 +1,116 @@
+import {
+  sliderSx
+} from "./chunk-XXOQWYYG.js";
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
+// src/components/form/Slider/Slider.tsx
+import { Box, Slider as MuiSlider, Typography } from "@mui/material";
+import { styled } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledSlider = styled(MuiSlider, {
+  shouldForwardProp: (prop) => !["customColor", "customSize", "glow", "glass", "gradient", "customVariant"].includes(
+    prop
+  )
+})(({ theme, ...flags }) => ({ ...sliderSx(theme, flags) }));
+var DEFAULTS = {
+  variant: "default",
+  color: "primary",
+  size: "md",
+  showValue: false,
+  glow: false,
+  glass: false,
+  gradient: false,
+  showMarks: false,
+  unit: ""
+};
+var formatOne = (n, unit, formatValue) => `${formatValue ? formatValue(n) : n}${unit}`;
+var displayValueOf = (value, unit, formatValue) => {
+  if (Array.isArray(value)) {
+    const low = formatOne(value[0] ?? 0, unit, formatValue);
+    const high = formatOne(value[1] ?? 0, unit, formatValue);
+    return `${low} - ${high}`;
+  }
+  return formatOne(value ?? 0, unit, formatValue);
+};
+var marksFor = (variant, showMarks, customMarks) => {
+  if (variant !== "marks" && !showMarks) return void 0;
+  return customMarks || (variant === "marks" ? true : void 0);
+};
+var Slider = forwardRef((props, ref) => {
+  const {
+    variant,
+    color,
+    size,
+    label,
+    showValue,
+    glow,
+    glass,
+    gradient,
+    showMarks,
+    customMarks,
+    unit,
+    formatValue,
+    value,
+    onChange,
+    dataTestId,
+    ...rest
+  } = withDefaults(props, DEFAULTS);
+  const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
+  return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, "data-testid": dataTestId, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          mb: 2
+        },
+        children: [
+          label && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              fontWeight: 500,
+              color: "text.primary",
+              "data-testid": testId("label"),
+              children: label
+            }
+          ),
+          showValue && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", "data-testid": testId("value-label"), children: displayValueOf(value, unit, formatValue) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { sx: { px: 1 }, children: /* @__PURE__ */ jsx(
+      StyledSlider,
+      {
+        ref,
+        customColor: color,
+        customSize: size,
+        glow,
+        glass,
+        gradient,
+        customVariant: variant,
+        value,
+        onChange,
+        marks: marksFor(variant, showMarks, customMarks),
+        valueLabelDisplay: showValue ? "auto" : "off",
+        "data-testid": testId("slider"),
+        slotProps: {
+          track: { "data-testid": testId("track") },
+          thumb: { "data-testid": testId("thumb") }
+        },
+        ...rest
+      }
+    ) })
+  ] });
+});
+Slider.displayName = "Slider";
+
+export {
+  Slider
+};
+//# sourceMappingURL=chunk-ILEJ3DVD.js.map

package/dist/chunk-ILEJ3DVD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Slider/Slider.tsx"],"sourcesContent":["import { Box, Slider as MuiSlider, Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { sliderSx } from './Slider.styles';\nimport type { SliderFlags } from './Slider.styles';\nimport type { SliderProps } from './Slider.types';\n\nconst StyledSlider = styled(MuiSlider, {\n  shouldForwardProp: (prop) =>\n    !['customColor', 'customSize', 'glow', 'glass', 'gradient', 'customVariant'].includes(\n      prop as string,\n    ),\n})<SliderFlags>(({ theme, ...flags }) => ({ ...sliderSx(theme, flags) }));\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  showValue: false,\n  glow: false,\n  glass: false,\n  gradient: false,\n  showMarks: false,\n  unit: '',\n} satisfies Partial<SliderProps>;\n\ntype ResolvedProps = SliderProps & Required<Pick<SliderProps, keyof typeof DEFAULTS>>;\n\n/** One end of the value, formatted by the caller's formatter if it supplied one. */\nconst formatOne = (n: number, unit: string, formatValue?: (v: number) => string) =>\n  `${formatValue ? formatValue(n) : n}${unit}`;\n\n/** A range renders as `low - high`; a single value on its own. */\nconst displayValueOf = (\n  value: SliderProps['value'],\n  unit: string,\n  formatValue?: (v: number) => string,\n) => {\n  if (Array.isArray(value)) {\n    const low = formatOne(value[0] ?? 0, unit, formatValue);\n    const high = formatOne(value[1] ?? 0, unit, formatValue);\n    return `${low} - ${high}`;\n  }\n\n  return formatOne((value as number) ?? 0, unit, formatValue);\n};\n\n/**\n * Marks come from `customMarks` when given. Otherwise the `marks` variant asks\n * MUI to derive them from the step, and anything else shows none.\n */\nconst marksFor = (variant: string, showMarks: boolean, customMarks: SliderProps['customMarks']) => {\n  if (variant !== 'marks' && !showMarks) return undefined;\n  return customMarks || (variant === 'marks' ? true : undefined);\n};\n\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>((props, ref) => {\n  const {\n    variant, color, size, label, showValue, glow, glass, gradient,\n    showMarks, customMarks, unit, formatValue, value, onChange, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const testId = (suffix: string) => (dataTestId ? `${dataTestId}-${suffix}` : undefined);\n\n  return (\n    <Box sx={{ width: '100%' }} data-testid={dataTestId}>\n      {(label || showValue) && (\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            mb: 2,\n          }}\n        >\n          {label && (\n            <Typography\n              variant=\"body2\"\n              fontWeight={500}\n              color=\"text.primary\"\n              data-testid={testId('label')}\n            >\n              {label}\n            </Typography>\n          )}\n          {showValue && (\n            <Typography variant=\"body2\" color=\"text.secondary\" data-testid={testId('value-label')}>\n              {displayValueOf(value, unit, formatValue)}\n            </Typography>\n          )}\n        </Box>\n      )}\n\n      <Box sx={{ px: 1 }}>\n        <StyledSlider\n          ref={ref}\n          customColor={color}\n          customSize={size}\n          glow={glow}\n          glass={glass}\n          gradient={gradient}\n          customVariant={variant}\n          value={value}\n          onChange={onChange}\n          marks={marksFor(variant, showMarks, customMarks)}\n          valueLabelDisplay={showValue ? 'auto' : 'off'}\n          data-testid={testId('slider')}\n          slotProps={{\n            track: { 'data-testid': testId('track') } as React.HTMLAttributes<HTMLSpanElement>,\n            thumb: { 'data-testid': testId('thumb') } as React.HTMLAttributes<HTMLSpanElement>,\n          }}\n          {...rest}\n        />\n      </Box>\n    </Box>\n  );\n});\n\nSlider.displayName = 'Slider';\n"],"mappings":"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","names":[]}

package/dist/chunk-IM7YDS43.js

@@ -0,0 +1,93 @@
+// src/components/layout/ContentToolbar/ColumnsMenu.tsx
+import ColumnsIcon from "@mui/icons-material/ViewColumnRounded";
+import { Box, Checkbox, IconButton, ListSubheader, Menu, MenuItem } from "@mui/material";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ColumnRow({
+  option,
+  onToggle,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenuItem,
+    {
+      "data-testid": testId,
+      onClick: () => onToggle(option.id, !option.visible),
+      disabled: option.locked,
+      sx: { gap: 1 },
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: option.visible,
+            size: "small",
+            disableRipple: true,
+            sx: { p: 0, pointerEvents: "none" },
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { component: "span", sx: { flex: 1, minWidth: 0, textAlign: "left" }, children: option.label })
+      ]
+    }
+  );
+}
+function ColumnsMenu({
+  columns,
+  onToggle,
+  title = "Columns",
+  ariaLabel = "Toggle columns",
+  "data-testid": testId
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const close = () => setAnchorEl(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        "data-testid": testId,
+        "aria-label": ariaLabel,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        sx: {
+          width: 32,
+          height: 32,
+          borderRadius: 1,
+          color: "text.secondary",
+          bgcolor: open ? "action.selected" : "transparent"
+        },
+        children: /* @__PURE__ */ jsx(ColumnsIcon, { sx: { fontSize: 16 } })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        anchorEl,
+        open,
+        onClose: close,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        slotProps: { paper: { sx: { minWidth: 200 } } },
+        children: [
+          /* @__PURE__ */ jsx(ListSubheader, { sx: { px: 1.5, py: 0.75, fontSize: "0.75rem", fontWeight: 600, color: "text.primary", lineHeight: 1.5 }, children: title }),
+          columns.map((option) => /* @__PURE__ */ jsx(
+            ColumnRow,
+            {
+              option,
+              onToggle,
+              testId: testId ? `${testId}-${option.id}` : void 0
+            },
+            option.id
+          ))
+        ]
+      }
+    )
+  ] });
+}
+
+export {
+  ColumnsMenu
+};
+//# sourceMappingURL=chunk-IM7YDS43.js.map

package/dist/chunk-IM7YDS43.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ContentToolbar/ColumnsMenu.tsx"],"sourcesContent":["'use client';\n\nimport ColumnsIcon from '@mui/icons-material/ViewColumnRounded';\nimport { Box, Checkbox, IconButton, ListSubheader, Menu, MenuItem } from '@mui/material';\nimport React, { useState } from 'react';\n\nimport type { ColumnVisibilityOption, ColumnsMenuProps } from './ContentToolbar.types';\n\n/** One column checkbox row; toggling never closes the menu. */\nfunction ColumnRow({\n  option,\n  onToggle,\n  testId,\n}: {\n  option: ColumnVisibilityOption;\n  onToggle: (id: string, visible: boolean) => void;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <MenuItem\n      data-testid={testId}\n      onClick={() => onToggle(option.id, !option.visible)}\n      disabled={option.locked}\n      sx={{ gap: 1 }}\n    >\n      <Checkbox\n        checked={option.visible}\n        size=\"small\"\n        disableRipple\n        sx={{ p: 0, pointerEvents: 'none' }}\n        tabIndex={-1}\n      />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, textAlign: 'left' }}>\n        {option.label}\n      </Box>\n    </MenuItem>\n  );\n}\n\n/**\n * Stateless column-visibility selector: a neutral icon button (matching\n * {@link FilterTrigger}/{@link SortByDropdown}) opening a checkbox list of the\n * hideable columns. Purely presentational — the caller owns the visibility state\n * and is notified via `onToggle`. The menu stays open while toggling so several\n * columns can be flipped at once.\n */\nexport function ColumnsMenu({\n  columns,\n  onToggle,\n  title = 'Columns',\n  ariaLabel = 'Toggle columns',\n  'data-testid': testId,\n}: ColumnsMenuProps): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  const close = (): void => setAnchorEl(null);\n\n  return (\n    <>\n      <IconButton\n        size=\"small\"\n        data-testid={testId}\n        aria-label={ariaLabel}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={(event) => setAnchorEl(event.currentTarget)}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: 1,\n          color: 'text.secondary',\n          bgcolor: open ? 'action.selected' : 'transparent',\n        }}\n      >\n        <ColumnsIcon sx={{ fontSize: 16 }} />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={close}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n        slotProps={{ paper: { sx: { minWidth: 200 } } }}\n      >\n        <ListSubheader sx={{ px: 1.5, py: 0.75, fontSize: '0.75rem', fontWeight: 600, color: 'text.primary', lineHeight: 1.5 }}>\n          {title}\n        </ListSubheader>\n        {columns.map((option) => (\n          <ColumnRow\n            key={option.id}\n            option={option}\n            onToggle={onToggle}\n            testId={testId ? `${testId}-${option.id}` : undefined}\n          />\n        ))}\n      </Menu>\n    </>\n  );\n}\n"],"mappings":";AAEA,OAAO,iBAAiB;AACxB,SAAS,KAAK,UAAU,YAAY,eAAe,MAAM,gBAAgB;AACzE,SAAgB,gBAAgB;AAe5B,SAuCA,UAjCE,KANF;AAVJ,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,SAAS,MAAM,SAAS,OAAO,IAAI,CAAC,OAAO,OAAO;AAAA,MAClD,UAAU,OAAO;AAAA,MACjB,IAAI,EAAE,KAAK,EAAE;AAAA,MAEb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,OAAO;AAAA,YAChB,MAAK;AAAA,YACL,eAAa;AAAA,YACb,IAAI,EAAE,GAAG,GAAG,eAAe,OAAO;AAAA,YAClC,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,OAAO,GACjE,iBAAO,OACV;AAAA;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB,GAAwC;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,QAAQ,MAAY,YAAY,IAAI;AAE1C,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,CAAC,UAAU,YAAY,MAAM,aAAa;AAAA,QACnD,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,OAAO;AAAA,UACP,SAAS,OAAO,oBAAoB;AAAA,QACtC;AAAA,QAEA,8BAAC,eAAY,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,IACrC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACxD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,IAAI,EAAE,EAAE;AAAA,QAE9C;AAAA,8BAAC,iBAAc,IAAI,EAAE,IAAI,KAAK,IAAI,MAAM,UAAU,WAAW,YAAY,KAAK,OAAO,gBAAgB,YAAY,IAAI,GAClH,iBACH;AAAA,UACC,QAAQ,IAAI,CAAC,WACZ;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA,QAAQ,SAAS,GAAG,MAAM,IAAI,OAAO,EAAE,KAAK;AAAA;AAAA,YAHvC,OAAO;AAAA,UAId,CACD;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-IMLIIW77.js

@@ -0,0 +1,55 @@
+// src/components/data-display/DataViews/data-views-server-query.ts
+import { useEffect, useRef } from "react";
+function useServerQuery(server, state, scope) {
+  const emit = (page) => {
+    if (!server) return;
+    server.onQueryChange({
+      search: state.search,
+      pills: state.pills,
+      ranges: state.ranges ?? {},
+      sortBy: state.sortBy,
+      // Spread rather than `scope: scope`: a table declaring no scopes must emit
+      // a query with NO `scope` key at all, not one present-and-undefined that
+      // every host would then have to know to ignore.
+      ...scope !== void 0 ? { scope } : {},
+      page,
+      pageSize: server.pageSize
+    });
+  };
+  const queryKey = server ? JSON.stringify({
+    q: state.search,
+    pills: state.pills,
+    ranges: state.ranges ?? {},
+    sort: state.sortBy,
+    // The RESOLVED scope, so a deep link naming a removed scope re-fetches
+    // once for the fallback rather than looping on the stored id.
+    scope
+  }) : "";
+  const firstQuery = useRef(true);
+  useEffect(() => {
+    if (!server) return;
+    if (firstQuery.current) {
+      firstQuery.current = false;
+      return;
+    }
+    emit(1);
+  }, [queryKey]);
+  return { changePage: (page) => emit(page) };
+}
+function serverDerived(server, fallbackCount) {
+  if (!server) {
+    return { serverMode: false, serverPage: 1, serverPageCount: 1, serverTotalCount: fallbackCount };
+  }
+  return {
+    serverMode: true,
+    serverPage: server.page,
+    serverPageCount: Math.max(1, Math.ceil(server.totalCount / server.pageSize)),
+    serverTotalCount: server.totalCount
+  };
+}
+
+export {
+  useServerQuery,
+  serverDerived
+};
+//# sourceMappingURL=chunk-IMLIIW77.js.map

package/dist/chunk-IMLIIW77.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-server-query.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nimport type { DataViewServer, DataViewState } from \"./data-views-types\";\n\n/**\n * Server-mode wiring extracted from {@link useDataViewsState} (keeps it within\n * the size/complexity budget): re-fetch on every effective-query change (page\n * resets to 1) and expose `changePage` for the pagination control. Read the\n * latest `state`/`server` at fire time so an inline `server` object per render\n * doesn't loop the effect.\n */\nexport function useServerQuery(\n  server: DataViewServer | undefined,\n  state: DataViewState,\n  scope: string | undefined,\n): {\n  changePage: (page: number) => void;\n} {\n  const emit = (page: number): void => {\n    if (!server) return;\n    server.onQueryChange({\n      search: state.search,\n      pills: state.pills,\n      ranges: state.ranges ?? {},\n      sortBy: state.sortBy,\n      // Spread rather than `scope: scope`: a table declaring no scopes must emit\n      // a query with NO `scope` key at all, not one present-and-undefined that\n      // every host would then have to know to ignore.\n      ...(scope !== undefined ? { scope } : {}),\n      page,\n      pageSize: server.pageSize,\n    });\n  };\n  const queryKey = server\n    ? JSON.stringify({\n        q: state.search,\n        pills: state.pills,\n        ranges: state.ranges ?? {},\n        sort: state.sortBy,\n        // The RESOLVED scope, so a deep link naming a removed scope re-fetches\n        // once for the fallback rather than looping on the stored id.\n        scope,\n      })\n    : \"\";\n  const firstQuery = useRef(true);\n  useEffect(() => {\n    if (!server) return;\n    if (firstQuery.current) {\n      firstQuery.current = false;\n      return;\n    }\n    emit(1);\n    // Emit only when the query key changes; `emit` reads fresh state at fire time.\n  }, [queryKey]);\n  return { changePage: (page: number) => emit(page) };\n}\n\n/** The controller's server-mode derived fields (or client-mode defaults). */\nexport function serverDerived(\n  server: DataViewServer | undefined,\n  fallbackCount: number,\n): { serverMode: boolean; serverPage: number; serverPageCount: number; serverTotalCount: number } {\n  if (!server) {\n    return { serverMode: false, serverPage: 1, serverPageCount: 1, serverTotalCount: fallbackCount };\n  }\n  return {\n    serverMode: true,\n    serverPage: server.page,\n    serverPageCount: Math.max(1, Math.ceil(server.totalCount / server.pageSize)),\n    serverTotalCount: server.totalCount,\n  };\n}\n\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAW3B,SAAS,eACd,QACA,OACA,OAGA;AACA,QAAM,OAAO,CAAC,SAAuB;AACnC,QAAI,CAAC,OAAQ;AACb,WAAO,cAAc;AAAA,MACnB,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM,UAAU,CAAC;AAAA,MACzB,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA,MAId,GAAI,UAAU,SAAY,EAAE,MAAM,IAAI,CAAC;AAAA,MACvC;AAAA,MACA,UAAU,OAAO;AAAA,IACnB,CAAC;AAAA,EACH;AACA,QAAM,WAAW,SACb,KAAK,UAAU;AAAA,IACb,GAAG,MAAM;AAAA,IACT,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM,UAAU,CAAC;AAAA,IACzB,MAAM,MAAM;AAAA;AAAA;AAAA,IAGZ;AAAA,EACF,CAAC,IACD;AACJ,QAAM,aAAa,OAAO,IAAI;AAC9B,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,QAAI,WAAW,SAAS;AACtB,iBAAW,UAAU;AACrB;AAAA,IACF;AACA,SAAK,CAAC;AAAA,EAER,GAAG,CAAC,QAAQ,CAAC;AACb,SAAO,EAAE,YAAY,CAAC,SAAiB,KAAK,IAAI,EAAE;AACpD;AAGO,SAAS,cACd,QACA,eACgG;AAChG,MAAI,CAAC,QAAQ;AACX,WAAO,EAAE,YAAY,OAAO,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,cAAc;AAAA,EACjG;AACA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,YAAY,OAAO;AAAA,IACnB,iBAAiB,KAAK,IAAI,GAAG,KAAK,KAAK,OAAO,aAAa,OAAO,QAAQ,CAAC;AAAA,IAC3E,kBAAkB,OAAO;AAAA,EAC3B;AACF;","names":[]}

package/dist/chunk-IO36MEBD.js

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

package/dist/chunk-IO36MEBD.js.map

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

package/dist/chunk-IQ6WX2GS.js

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

package/dist/chunk-IQ6WX2GS.js.map

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

package/dist/chunk-IR4FEROD.js

@@ -0,0 +1,34 @@
+// src/components/data-display/MapPreview/mapSurface.ts
+import { alpha } from "@mui/material";
+var greyGradient = (theme, from, to, opacity = 1) => {
+  const shade = (key) => alpha(theme.palette.grey[key], opacity);
+  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;
+};
+var surfaceBackground = (mapType, theme) => {
+  if (mapType === "satellite") return greyGradient(theme, 900, 800);
+  if (mapType === "terrain") {
+    return `linear-gradient(135deg, ${alpha("#8BC34A", 0.2)} 0%, ${alpha("#4CAF50", 0.3)} 100%)`;
+  }
+  if (theme.palette.mode === "dark") return greyGradient(theme, 900, 800);
+  return greyGradient(theme, 100, 200);
+};
+var tileBackground = (mapType, theme) => {
+  if (mapType === "satellite") {
+    return `linear-gradient(135deg, ${alpha("#1a1a1a", 0.9)} 0%, ${alpha("#2a2a2a", 0.9)} 100%)`;
+  }
+  if (mapType === "terrain") {
+    return `linear-gradient(135deg, ${alpha("#7cb342", 0.1)} 0%, ${alpha("#558b2f", 0.1)} 100%)`;
+  }
+  return greyGradient(theme, 100, 200, 0.5);
+};
+var BOUNCE_KEYFRAMES = {
+  "0%, 100%": { transform: "translateY(0)" },
+  "50%": { transform: "translateY(-10px)" }
+};
+
+export {
+  surfaceBackground,
+  tileBackground,
+  BOUNCE_KEYFRAMES
+};
+//# sourceMappingURL=chunk-IR4FEROD.js.map

package/dist/chunk-IR4FEROD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/mapSurface.ts"],"sourcesContent":["import type { Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nimport type { MapType } from './MapPreview.types';\n\ntype GreyShade = keyof Theme['palette']['grey'];\n\nconst greyGradient = (theme: Theme, from: GreyShade, to: GreyShade, opacity = 1): string => {\n  const shade = (key: GreyShade) => alpha(theme.palette.grey[key], opacity);\n  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;\n};\n\n// The backdrop behind the tiles: dark for satellite, green for terrain, and\n// grey for road maps, following the theme's own light/dark choice.\nexport const surfaceBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') return greyGradient(theme, 900, 800);\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#8BC34A', 0.2)} 0%, ${alpha('#4CAF50', 0.3)} 100%)`;\n  }\n  if (theme.palette.mode === 'dark') return greyGradient(theme, 900, 800);\n  return greyGradient(theme, 100, 200);\n};\n\nexport const tileBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') {\n    return `linear-gradient(135deg, ${alpha('#1a1a1a', 0.9)} 0%, ${alpha('#2a2a2a', 0.9)} 100%)`;\n  }\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#7cb342', 0.1)} 0%, ${alpha('#558b2f', 0.1)} 100%)`;\n  }\n  return greyGradient(theme, 100, 200, 0.5);\n};\n\nexport const BOUNCE_KEYFRAMES = {\n  '0%, 100%': { transform: 'translateY(0)' },\n  '50%': { transform: 'translateY(-10px)' },\n} as const;\n"],"mappings":";AACA,SAAS,aAAa;AAMtB,IAAM,eAAe,CAAC,OAAc,MAAiB,IAAe,UAAU,MAAc;AAC1F,QAAM,QAAQ,CAAC,QAAmB,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAO;AACxE,SAAO,2BAA2B,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE,CAAC;AAChE;AAIO,IAAM,oBAAoB,CAAC,SAAkB,UAAyB;AAC3E,MAAI,YAAY,YAAa,QAAO,aAAa,OAAO,KAAK,GAAG;AAChE,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,MAAM,QAAQ,SAAS,OAAQ,QAAO,aAAa,OAAO,KAAK,GAAG;AACtE,SAAO,aAAa,OAAO,KAAK,GAAG;AACrC;AAEO,IAAM,iBAAiB,CAAC,SAAkB,UAAyB;AACxE,MAAI,YAAY,aAAa;AAC3B,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,SAAO,aAAa,OAAO,KAAK,KAAK,GAAG;AAC1C;AAEO,IAAM,mBAAmB;AAAA,EAC9B,YAAY,EAAE,WAAW,gBAAgB;AAAA,EACzC,OAAO,EAAE,WAAW,oBAAoB;AAC1C;","names":[]}

package/dist/chunk-ISW5K72V.js

@@ -0,0 +1,230 @@
+import {
+  ACTIVATION_KEYS,
+  navigateFocus
+} from "./chunk-FFQ4NOJT.js";
+import {
+  isDateDisabledBy,
+  nextRangeStep
+} from "./chunk-E2Y7G4MP.js";
+import {
+  addMonths,
+  generateMonthMatrix,
+  getWeekdayNames,
+  normalizeDate
+} from "./chunk-TERT6TIS.js";
+
+// src/components/form/Calendar/Calendar.hooks.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+var startOfMonth = (date) => new Date(date.getFullYear(), date.getMonth(), 1);
+var initialFocus = (props, today) => {
+  if (props.selectionMode === "single" && props.value) return normalizeDate(props.value);
+  if (props.selectionMode === "range" && props.range.start) return normalizeDate(props.range.start);
+  return today;
+};
+var useCalendarState = (props, today) => {
+  const [focusedDate, setFocusedDate] = useState(() => initialFocus(props, today));
+  const [hoveredDate, setHoveredDate] = useState(null);
+  const [currentMonth, setCurrentMonth] = useState(() => startOfMonth(focusedDate));
+  return {
+    focusedDate,
+    setFocusedDate,
+    hoveredDate,
+    setHoveredDate,
+    currentMonth,
+    setCurrentMonth
+  };
+};
+var useAutoFocusGrid = (autoFocus) => {
+  const gridRef = useRef(null);
+  useEffect(() => {
+    if (autoFocus && gridRef.current) gridRef.current.focus();
+  }, [autoFocus]);
+  return gridRef;
+};
+var useVisibleMonths = ({
+  currentMonth,
+  monthsToShow,
+  firstDayOfWeek
+}) => useMemo(() => {
+  const matrices = [];
+  let cursor = currentMonth;
+  for (let i = 0; i < monthsToShow; i++) {
+    matrices.push(generateMonthMatrix(cursor.getMonth(), cursor.getFullYear(), firstDayOfWeek));
+    cursor = addMonths(cursor, 1);
+  }
+  return matrices;
+}, [currentMonth, monthsToShow, firstDayOfWeek]);
+var useDateClick = ({
+  props,
+  isDisabled,
+  setFocusedDate
+}) => {
+  const {
+    selectionMode,
+    range,
+    onChange,
+    onRangeChange,
+    onIntermediateRangeChange,
+    allowSameDayRange,
+    minRangeLength,
+    maxRangeLength
+  } = props;
+  return useCallback(
+    (date) => {
+      if (isDisabled(date)) return;
+      const candidate = normalizeDate(date);
+      setFocusedDate(candidate);
+      if (selectionMode === "single") {
+        onChange?.(candidate);
+        return;
+      }
+      const step = nextRangeStep({
+        start: range.start,
+        end: range.end,
+        candidate,
+        allowSameDayRange,
+        minRangeLength,
+        maxRangeLength
+      });
+      if (step.kind === "rejected") return;
+      if (step.kind === "complete") onRangeChange?.(step.range);
+      onIntermediateRangeChange?.(step.range);
+    },
+    [
+      selectionMode,
+      range,
+      onChange,
+      onRangeChange,
+      onIntermediateRangeChange,
+      isDisabled,
+      allowSameDayRange,
+      minRangeLength,
+      maxRangeLength,
+      setFocusedDate
+    ]
+  );
+};
+var useHoverHandlers = ({
+  selectionMode,
+  range,
+  isDisabled,
+  setHoveredDate
+}) => {
+  const handleDateMouseEnter = useCallback(
+    (date) => {
+      if (selectionMode === "range" && range.start && !range.end && !isDisabled(date)) {
+        setHoveredDate(normalizeDate(date));
+      }
+    },
+    [selectionMode, range, isDisabled, setHoveredDate]
+  );
+  const handleDateMouseLeave = useCallback(() => setHoveredDate(null), [setHoveredDate]);
+  return { handleDateMouseEnter, handleDateMouseLeave };
+};
+var useKeyboardHandler = ({
+  focusedDate,
+  firstDayOfWeek,
+  currentMonth,
+  handleDateClick,
+  setFocusedDate,
+  setCurrentMonth,
+  setHoveredDate
+}) => useCallback(
+  (event) => {
+    const { key } = event;
+    const moved = navigateFocus(key, focusedDate, { firstDayOfWeek, shiftKey: event.shiftKey });
+    if (moved) {
+      event.preventDefault();
+      setFocusedDate(normalizeDate(moved));
+      const month = startOfMonth(moved);
+      if (month.getTime() !== currentMonth.getTime()) setCurrentMonth(month);
+      return;
+    }
+    if (ACTIVATION_KEYS.includes(key)) {
+      event.preventDefault();
+      handleDateClick(focusedDate);
+      return;
+    }
+    if (key === "Escape") {
+      event.preventDefault();
+      setHoveredDate(null);
+    }
+  },
+  [
+    focusedDate,
+    firstDayOfWeek,
+    currentMonth,
+    handleDateClick,
+    setFocusedDate,
+    setCurrentMonth,
+    setHoveredDate
+  ]
+);
+var useCalendar = (props) => {
+  const { monthsToShow, firstDayOfWeek, locale, minDate, maxDate, isDateDisabled } = props;
+  const today = useMemo(() => normalizeDate(/* @__PURE__ */ new Date()), []);
+  const state = useCalendarState(props, today);
+  const gridRef = useAutoFocusGrid(props.autoFocus);
+  const monthMatrices = useVisibleMonths({
+    currentMonth: state.currentMonth,
+    monthsToShow,
+    firstDayOfWeek
+  });
+  const weekdayNames = useMemo(
+    () => getWeekdayNames(locale, firstDayOfWeek),
+    [locale, firstDayOfWeek]
+  );
+  const isDisabled = useCallback(
+    (date) => isDateDisabledBy({ date, minDate, maxDate, isDateDisabled }),
+    [minDate, maxDate, isDateDisabled]
+  );
+  const { setCurrentMonth } = state;
+  const goToPreviousMonth = useCallback(
+    () => setCurrentMonth((prev) => addMonths(prev, -1)),
+    [setCurrentMonth]
+  );
+  const goToNextMonth = useCallback(
+    () => setCurrentMonth((prev) => addMonths(prev, 1)),
+    [setCurrentMonth]
+  );
+  const handleDateClick = useDateClick({
+    props,
+    isDisabled,
+    setFocusedDate: state.setFocusedDate
+  });
+  const { handleDateMouseEnter, handleDateMouseLeave } = useHoverHandlers({
+    selectionMode: props.selectionMode,
+    range: props.range,
+    isDisabled,
+    setHoveredDate: state.setHoveredDate
+  });
+  const handleKeyDown = useKeyboardHandler({
+    focusedDate: state.focusedDate,
+    firstDayOfWeek,
+    currentMonth: state.currentMonth,
+    handleDateClick,
+    setFocusedDate: state.setFocusedDate,
+    setCurrentMonth: state.setCurrentMonth,
+    setHoveredDate: state.setHoveredDate
+  });
+  return {
+    gridRef,
+    today,
+    focusedDate: state.focusedDate,
+    hoveredDate: state.hoveredDate,
+    monthMatrices,
+    weekdayNames,
+    isDisabled,
+    goToPreviousMonth,
+    goToNextMonth,
+    handleDateClick,
+    handleDateMouseEnter,
+    handleDateMouseLeave,
+    handleKeyDown
+  };
+};
+
+export {
+  useCalendar
+};
+//# sourceMappingURL=chunk-ISW5K72V.js.map

package/dist/chunk-ISW5K72V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/Calendar.hooks.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { addMonths, generateMonthMatrix, getWeekdayNames, normalizeDate } from './Calendar.dates';\nimport { ACTIVATION_KEYS, navigateFocus } from './Calendar.keyboard';\nimport { isDateDisabledBy, nextRangeStep } from './Calendar.selection';\nimport type { MonthMatrix, ResolvedCalendarProps } from './Calendar.types';\n\nconst startOfMonth = (date: Date): Date => new Date(date.getFullYear(), date.getMonth(), 1);\n\n// Which day the calendar opens on: whatever is already chosen, else today.\nconst initialFocus = (props: ResolvedCalendarProps, today: Date): Date => {\n  if (props.selectionMode === 'single' && props.value) return normalizeDate(props.value);\n  if (props.selectionMode === 'range' && props.range.start) return normalizeDate(props.range.start);\n  return today;\n};\n\nconst useCalendarState = (props: ResolvedCalendarProps, today: Date) => {\n  const [focusedDate, setFocusedDate] = useState<Date>(() => initialFocus(props, today));\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n  const [currentMonth, setCurrentMonth] = useState<Date>(() => startOfMonth(focusedDate));\n\n  return {\n    focusedDate,\n    setFocusedDate,\n    hoveredDate,\n    setHoveredDate,\n    currentMonth,\n    setCurrentMonth,\n  };\n};\n\nconst useAutoFocusGrid = (autoFocus: boolean) => {\n  const gridRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (autoFocus && gridRef.current) gridRef.current.focus();\n  }, [autoFocus]);\n\n  return gridRef;\n};\n\nconst useVisibleMonths = ({\n  currentMonth,\n  monthsToShow,\n  firstDayOfWeek,\n}: {\n  currentMonth: Date;\n  monthsToShow: number;\n  firstDayOfWeek: number;\n}): MonthMatrix[] =>\n  useMemo(() => {\n    const matrices: MonthMatrix[] = [];\n    let cursor = currentMonth;\n\n    for (let i = 0; i < monthsToShow; i++) {\n      matrices.push(generateMonthMatrix(cursor.getMonth(), cursor.getFullYear(), firstDayOfWeek));\n      cursor = addMonths(cursor, 1);\n    }\n\n    return matrices;\n  }, [currentMonth, monthsToShow, firstDayOfWeek]);\n\n// A click either sets a single date or advances the range by one step; the range\n// rules themselves live in nextRangeStep.\nconst useDateClick = ({\n  props,\n  isDisabled,\n  setFocusedDate,\n}: {\n  props: ResolvedCalendarProps;\n  isDisabled: (date: Date) => boolean;\n  setFocusedDate: (date: Date) => void;\n}) => {\n  const {\n    selectionMode,\n    range,\n    onChange,\n    onRangeChange,\n    onIntermediateRangeChange,\n    allowSameDayRange,\n    minRangeLength,\n    maxRangeLength,\n  } = props;\n\n  return useCallback(\n    (date: Date) => {\n      if (isDisabled(date)) return;\n\n      const candidate = normalizeDate(date);\n      setFocusedDate(candidate);\n\n      if (selectionMode === 'single') {\n        onChange?.(candidate);\n        return;\n      }\n\n      const step = nextRangeStep({\n        start: range.start,\n        end: range.end,\n        candidate,\n        allowSameDayRange,\n        minRangeLength,\n        maxRangeLength,\n      });\n\n      if (step.kind === 'rejected') return;\n\n      if (step.kind === 'complete') onRangeChange?.(step.range);\n      onIntermediateRangeChange?.(step.range);\n    },\n    [\n      selectionMode,\n      range,\n      onChange,\n      onRangeChange,\n      onIntermediateRangeChange,\n      isDisabled,\n      allowSameDayRange,\n      minRangeLength,\n      maxRangeLength,\n      setFocusedDate,\n    ],\n  );\n};\n\n// Hovering only means something while a range is half-chosen.\nconst useHoverHandlers = ({\n  selectionMode,\n  range,\n  isDisabled,\n  setHoveredDate,\n}: {\n  selectionMode: ResolvedCalendarProps['selectionMode'];\n  range: ResolvedCalendarProps['range'];\n  isDisabled: (date: Date) => boolean;\n  setHoveredDate: (date: Date | null) => void;\n}) => {\n  const handleDateMouseEnter = useCallback(\n    (date: Date) => {\n      if (selectionMode === 'range' && range.start && !range.end && !isDisabled(date)) {\n        setHoveredDate(normalizeDate(date));\n      }\n    },\n    [selectionMode, range, isDisabled, setHoveredDate],\n  );\n\n  const handleDateMouseLeave = useCallback(() => setHoveredDate(null), [setHoveredDate]);\n\n  return { handleDateMouseEnter, handleDateMouseLeave };\n};\n\nconst useKeyboardHandler = ({\n  focusedDate,\n  firstDayOfWeek,\n  currentMonth,\n  handleDateClick,\n  setFocusedDate,\n  setCurrentMonth,\n  setHoveredDate,\n}: {\n  focusedDate: Date;\n  firstDayOfWeek: number;\n  currentMonth: Date;\n  handleDateClick: (date: Date) => void;\n  setFocusedDate: (date: Date) => void;\n  setCurrentMonth: (date: Date) => void;\n  setHoveredDate: (date: Date | null) => void;\n}) =>\n  useCallback(\n    (event: React.KeyboardEvent) => {\n      const { key } = event;\n      const moved = navigateFocus(key, focusedDate, { firstDayOfWeek, shiftKey: event.shiftKey });\n\n      if (moved) {\n        event.preventDefault();\n        setFocusedDate(normalizeDate(moved));\n\n        // Follow focus into a month that is not on screen.\n        const month = startOfMonth(moved);\n        if (month.getTime() !== currentMonth.getTime()) setCurrentMonth(month);\n        return;\n      }\n\n      if (ACTIVATION_KEYS.includes(key)) {\n        event.preventDefault();\n        handleDateClick(focusedDate);\n        return;\n      }\n\n      if (key === 'Escape') {\n        event.preventDefault();\n        setHoveredDate(null);\n      }\n    },\n    [\n      focusedDate,\n      firstDayOfWeek,\n      currentMonth,\n      handleDateClick,\n      setFocusedDate,\n      setCurrentMonth,\n      setHoveredDate,\n    ],\n  );\n\nexport const useCalendar = (props: ResolvedCalendarProps) => {\n  const { monthsToShow, firstDayOfWeek, locale, minDate, maxDate, isDateDisabled } = props;\n\n  const today = useMemo(() => normalizeDate(new Date()), []);\n  const state = useCalendarState(props, today);\n  const gridRef = useAutoFocusGrid(props.autoFocus);\n\n  const monthMatrices = useVisibleMonths({\n    currentMonth: state.currentMonth,\n    monthsToShow,\n    firstDayOfWeek,\n  });\n\n  const weekdayNames = useMemo(\n    () => getWeekdayNames(locale, firstDayOfWeek),\n    [locale, firstDayOfWeek],\n  );\n\n  const isDisabled = useCallback(\n    (date: Date) => isDateDisabledBy({ date, minDate, maxDate, isDateDisabled }),\n    [minDate, maxDate, isDateDisabled],\n  );\n\n  const { setCurrentMonth } = state;\n  const goToPreviousMonth = useCallback(\n    () => setCurrentMonth((prev) => addMonths(prev, -1)),\n    [setCurrentMonth],\n  );\n  const goToNextMonth = useCallback(\n    () => setCurrentMonth((prev) => addMonths(prev, 1)),\n    [setCurrentMonth],\n  );\n\n  const handleDateClick = useDateClick({\n    props,\n    isDisabled,\n    setFocusedDate: state.setFocusedDate,\n  });\n\n  const { handleDateMouseEnter, handleDateMouseLeave } = useHoverHandlers({\n    selectionMode: props.selectionMode,\n    range: props.range,\n    isDisabled,\n    setHoveredDate: state.setHoveredDate,\n  });\n\n  const handleKeyDown = useKeyboardHandler({\n    focusedDate: state.focusedDate,\n    firstDayOfWeek,\n    currentMonth: state.currentMonth,\n    handleDateClick,\n    setFocusedDate: state.setFocusedDate,\n    setCurrentMonth: state.setCurrentMonth,\n    setHoveredDate: state.setHoveredDate,\n  });\n\n  return {\n    gridRef,\n    today,\n    focusedDate: state.focusedDate,\n    hoveredDate: state.hoveredDate,\n    monthMatrices,\n    weekdayNames,\n    isDisabled,\n    goToPreviousMonth,\n    goToNextMonth,\n    handleDateClick,\n    handleDateMouseEnter,\n    handleDateMouseLeave,\n    handleKeyDown,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-ITACE45O.js

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

package/dist/chunk-ITACE45O.js.map

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