@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-UETHX57J.js

@@ -0,0 +1,67 @@
+// src/components/form/InputOTP/InputOTP.hooks.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+var PATTERNS = {
+  numeric: /^\d*$/,
+  alphanumeric: /^[a-zA-Z0-9]*$/
+};
+var isAllowed = (variant, text) => (PATTERNS[variant] ?? /.*/).test(text);
+var padTo = (digits, length) => Array.from({ length }, (_, i) => digits[i] ?? "");
+var useOtpDigits = ({ variant, length, value, onChange, onComplete }) => {
+  const [digits, setDigits] = useState(() => padTo([], length));
+  const inputRefs = useRef([]);
+  useEffect(() => {
+    setDigits(padTo(value.split("").slice(0, length), length));
+  }, [value, length]);
+  const focusSlot = useCallback((index) => {
+    inputRefs.current[index]?.focus();
+  }, []);
+  const publish = useCallback(
+    (next) => {
+      onChange?.(next);
+      if (next.length === length) {
+        onComplete?.(next);
+      }
+    },
+    [length, onChange, onComplete]
+  );
+  const handleInputChange = useCallback(
+    (index, inputValue) => {
+      if (!isAllowed(variant, inputValue)) return;
+      const next = [...digits];
+      next[index] = inputValue.slice(-1);
+      setDigits(next);
+      publish(next.join(""));
+      if (inputValue && index < length - 1) {
+        focusSlot(index + 1);
+      }
+    },
+    [variant, digits, length, publish, focusSlot]
+  );
+  const handleKeyDown = useCallback(
+    (index, e) => {
+      const back = e.key === "Backspace" && !digits[index] || e.key === "ArrowLeft";
+      if (back && index > 0) {
+        focusSlot(index - 1);
+      } else if (e.key === "ArrowRight" && index < length - 1) {
+        focusSlot(index + 1);
+      }
+    },
+    [digits, length, focusSlot]
+  );
+  const handlePaste = useCallback(
+    (e) => {
+      e.preventDefault();
+      const pasted = e.clipboardData.getData("text").slice(0, length);
+      if (!pasted || !isAllowed(variant, pasted)) return;
+      setDigits(padTo(pasted.split(""), length));
+      publish(pasted);
+    },
+    [variant, length, publish]
+  );
+  return { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste };
+};
+
+export {
+  useOtpDigits
+};
+//# sourceMappingURL=chunk-UETHX57J.js.map

package/dist/chunk-UETHX57J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n\n/**\n * What each variant accepts. `masked` constrains nothing — it only changes what\n * is drawn — so it has no pattern here.\n */\nconst PATTERNS: Record<string, RegExp> = {\n  numeric: /^\\d*$/,\n  alphanumeric: /^[a-zA-Z0-9]*$/,\n};\n\n/** Whether `text` is something this variant will take. */\nconst isAllowed = (variant: string, text: string) => (PATTERNS[variant] ?? /.*/).test(text);\n\n/** The digit array is always `length` long, blank-padded on the right. */\nconst padTo = (digits: string[], length: number) =>\n  Array.from({ length }, (_, i) => digits[i] ?? '');\n\ninterface OtpInput {\n  variant: string;\n  length: number;\n  value: string;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n}\n\n/**\n * The digits, and the three ways they change: typing, the keys that move\n * between slots, and a paste into the first one.\n *\n * Focus moves as a consequence of entry, so the input refs live here with the\n * state that drives them.\n */\nexport const useOtpDigits = ({ variant, length, value, onChange, onComplete }: OtpInput) => {\n  const [digits, setDigits] = useState<string[]>(() => padTo([], length));\n  const inputRefs = useRef<(globalThis.HTMLInputElement | null)[]>([]);\n\n  useEffect(() => {\n    setDigits(padTo(value.split('').slice(0, length), length));\n  }, [value, length]);\n\n  const focusSlot = useCallback((index: number) => {\n    inputRefs.current[index]?.focus();\n  }, []);\n\n  /** Publishes the joined value, and reports completion when every slot is full. */\n  const publish = useCallback(\n    (next: string) => {\n      onChange?.(next);\n      if (next.length === length) {\n        onComplete?.(next);\n      }\n    },\n    [length, onChange, onComplete],\n  );\n\n  const handleInputChange = useCallback(\n    (index: number, inputValue: string) => {\n      if (!isAllowed(variant, inputValue)) return;\n\n      const next = [...digits];\n      next[index] = inputValue.slice(-1); // one character per slot\n      setDigits(next);\n      publish(next.join(''));\n\n      if (inputValue && index < length - 1) {\n        focusSlot(index + 1);\n      }\n    },\n    [variant, digits, length, publish, focusSlot],\n  );\n\n  const handleKeyDown = useCallback(\n    (index: number, e: React.KeyboardEvent) => {\n      // Backspace in an already-empty slot steps back rather than deleting.\n      const back =\n        (e.key === 'Backspace' && !digits[index]) || e.key === 'ArrowLeft';\n\n      if (back && index > 0) {\n        focusSlot(index - 1);\n      } else if (e.key === 'ArrowRight' && index < length - 1) {\n        focusSlot(index + 1);\n      }\n    },\n    [digits, length, focusSlot],\n  );\n\n  const handlePaste = useCallback(\n    (e: React.ClipboardEvent) => {\n      e.preventDefault();\n      const pasted = e.clipboardData.getData('text').slice(0, length);\n\n      // An empty paste is not a rejection, but it is nothing to apply either.\n      if (!pasted || !isAllowed(variant, pasted)) return;\n\n      setDigits(padTo(pasted.split(''), length));\n      publish(pasted);\n    },\n    [variant, length, publish],\n  );\n\n  return { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste };\n};\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAOzD,IAAM,WAAmC;AAAA,EACvC,SAAS;AAAA,EACT,cAAc;AAChB;AAGA,IAAM,YAAY,CAAC,SAAiB,UAAkB,SAAS,OAAO,KAAK,MAAM,KAAK,IAAI;AAG1F,IAAM,QAAQ,CAAC,QAAkB,WAC/B,MAAM,KAAK,EAAE,OAAO,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,KAAK,EAAE;AAiB3C,IAAM,eAAe,CAAC,EAAE,SAAS,QAAQ,OAAO,UAAU,WAAW,MAAgB;AAC1F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAmB,MAAM,MAAM,CAAC,GAAG,MAAM,CAAC;AACtE,QAAM,YAAY,OAA+C,CAAC,CAAC;AAEnE,YAAU,MAAM;AACd,cAAU,MAAM,MAAM,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAAA,EAC3D,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,YAAY,YAAY,CAAC,UAAkB;AAC/C,cAAU,QAAQ,KAAK,GAAG,MAAM;AAAA,EAClC,GAAG,CAAC,CAAC;AAGL,QAAM,UAAU;AAAA,IACd,CAAC,SAAiB;AAChB,iBAAW,IAAI;AACf,UAAI,KAAK,WAAW,QAAQ;AAC1B,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,UAAU,UAAU;AAAA,EAC/B;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,OAAe,eAAuB;AACrC,UAAI,CAAC,UAAU,SAAS,UAAU,EAAG;AAErC,YAAM,OAAO,CAAC,GAAG,MAAM;AACvB,WAAK,KAAK,IAAI,WAAW,MAAM,EAAE;AACjC,gBAAU,IAAI;AACd,cAAQ,KAAK,KAAK,EAAE,CAAC;AAErB,UAAI,cAAc,QAAQ,SAAS,GAAG;AACpC,kBAAU,QAAQ,CAAC;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,SAAS,QAAQ,QAAQ,SAAS,SAAS;AAAA,EAC9C;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,OAAe,MAA2B;AAEzC,YAAM,OACH,EAAE,QAAQ,eAAe,CAAC,OAAO,KAAK,KAAM,EAAE,QAAQ;AAEzD,UAAI,QAAQ,QAAQ,GAAG;AACrB,kBAAU,QAAQ,CAAC;AAAA,MACrB,WAAW,EAAE,QAAQ,gBAAgB,QAAQ,SAAS,GAAG;AACvD,kBAAU,QAAQ,CAAC;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,QAAQ,SAAS;AAAA,EAC5B;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,MAA4B;AAC3B,QAAE,eAAe;AACjB,YAAM,SAAS,EAAE,cAAc,QAAQ,MAAM,EAAE,MAAM,GAAG,MAAM;AAG9D,UAAI,CAAC,UAAU,CAAC,UAAU,SAAS,MAAM,EAAG;AAE5C,gBAAU,MAAM,OAAO,MAAM,EAAE,GAAG,MAAM,CAAC;AACzC,cAAQ,MAAM;AAAA,IAChB;AAAA,IACA,CAAC,SAAS,QAAQ,OAAO;AAAA,EAC3B;AAEA,SAAO,EAAE,QAAQ,WAAW,mBAAmB,eAAe,YAAY;AAC5E;","names":[]}

package/dist/chunk-UF2WLQ6K.js

@@ -0,0 +1,76 @@
+import {
+  MARKER_PIXELS_PER_DEGREE
+} from "./chunk-H2J2MTRE.js";
+import {
+  BOUNCE_KEYFRAMES
+} from "./chunk-IR4FEROD.js";
+
+// src/components/data-display/MapPreview/MapMarkers.tsx
+import LocationIcon from "@mui/icons-material/LocationOn";
+import { alpha, Box, styled, Tooltip, Typography, useTheme } from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CoordinatesDisplay = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  bottom: theme.spacing(2),
+  left: theme.spacing(2),
+  padding: theme.spacing(1, 1.5),
+  background: alpha(theme.palette.background.paper, 0.95),
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  borderRadius: theme.shape.borderRadius,
+  zIndex: 1
+}));
+var MapMarkers = ({ markers, centre, animated }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Fragment, { children: markers.map((markerItem, index) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-testid": `map-marker-${index}`,
+      sx: {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: `translate(
+              ${(markerItem.position.lng - centre.lng) * MARKER_PIXELS_PER_DEGREE}px,
+              ${-(markerItem.position.lat - centre.lat) * MARKER_PIXELS_PER_DEGREE}px
+            )`,
+        zIndex: 3,
+        cursor: markerItem.onClick ? "pointer" : "default"
+      },
+      onClick: markerItem.onClick,
+      title: markerItem.title,
+      children: /* @__PURE__ */ jsx(Tooltip, { title: markerItem.description || markerItem.title || "", children: /* @__PURE__ */ jsx(
+        LocationIcon,
+        {
+          sx: {
+            fontSize: 32,
+            color: theme.palette.error.main,
+            filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.3))",
+            animation: animated ? "bounce 2s infinite" : "none",
+            "@keyframes bounce": BOUNCE_KEYFRAMES
+          }
+        }
+      ) })
+    },
+    `${markerItem.position.lat}-${markerItem.position.lng}-${index}`
+  )) });
+};
+var MapCoordinates = ({ position, zoom }) => /* @__PURE__ */ jsxs(CoordinatesDisplay, { "data-testid": "coordinates-display", children: [
+  /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: { fontFamily: "monospace" }, children: [
+    "Lat: ",
+    position.lat.toFixed(6),
+    ", Lng: ",
+    position.lng.toFixed(6)
+  ] }),
+  zoom > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: { fontFamily: "monospace", display: "block" }, children: [
+    "Zoom: ",
+    zoom
+  ] })
+] });
+
+export {
+  MapMarkers,
+  MapCoordinates
+};
+//# sourceMappingURL=chunk-UF2WLQ6K.js.map

package/dist/chunk-UF2WLQ6K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapMarkers.tsx"],"sourcesContent":["import LocationIcon from '@mui/icons-material/LocationOn';\nimport { alpha, Box, styled, Tooltip, Typography, useTheme } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { MARKER_PIXELS_PER_DEGREE } from './MapPreview.constants';\nimport type { LatLng, MapMarker } from './MapPreview.types';\nimport { BOUNCE_KEYFRAMES } from './mapSurface';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst CoordinatesDisplay = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  bottom: theme.spacing(2),\n  left: theme.spacing(2),\n  padding: theme.spacing(1, 1.5),\n  background: alpha(theme.palette.background.paper, 0.95),\n  backdropFilter: 'blur(10px)',\n  WebkitBackdropFilter: 'blur(10px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  borderRadius: theme.shape.borderRadius,\n  zIndex: 1,\n}));\n\nexport interface MapMarkersProps {\n  markers: MapMarker[];\n  centre: LatLng;\n  animated: boolean;\n}\n\n// Markers are placed relative to the current centre, so panning moves them with\n// the surface.\nexport const MapMarkers: FC<MapMarkersProps> = ({ markers, centre, animated }) => {\n  const theme = useTheme();\n\n  return (\n    <>\n      {markers.map((markerItem, index) => (\n        <Box\n          key={`${markerItem.position.lat}-${markerItem.position.lng}-${index}`}\n          data-testid={`map-marker-${index}`}\n          sx={{\n            position: 'absolute',\n            top: '50%',\n            left: '50%',\n            transform: `translate(\n              ${(markerItem.position.lng - centre.lng) * MARKER_PIXELS_PER_DEGREE}px,\n              ${-(markerItem.position.lat - centre.lat) * MARKER_PIXELS_PER_DEGREE}px\n            )`,\n            zIndex: 3,\n            cursor: markerItem.onClick ? 'pointer' : 'default',\n          }}\n          onClick={markerItem.onClick}\n          title={markerItem.title}\n        >\n          <Tooltip title={markerItem.description || markerItem.title || ''}>\n            <LocationIcon\n              sx={{\n                fontSize: 32,\n                color: theme.palette.error.main,\n                filter: 'drop-shadow(0 2px 4px rgba(0,0,0,0.3))',\n                animation: animated ? 'bounce 2s infinite' : 'none',\n                '@keyframes bounce': BOUNCE_KEYFRAMES,\n              }}\n            />\n          </Tooltip>\n        </Box>\n      ))}\n    </>\n  );\n};\n\nexport const MapCoordinates: FC<{ position: LatLng; zoom: number }> = ({ position, zoom }) => (\n  <CoordinatesDisplay data-testid=\"coordinates-display\">\n    <Typography variant=\"caption\" sx={{ fontFamily: 'monospace' }}>\n      Lat: {position.lat.toFixed(6)}, Lng: {position.lng.toFixed(6)}\n    </Typography>\n    {zoom > 0 && (\n      <Typography variant=\"caption\" sx={{ fontFamily: 'monospace', display: 'block' }}>\n        Zoom: {zoom}\n      </Typography>\n    )}\n  </CoordinatesDisplay>\n);\n"],"mappings":";;;;;;;;AAAA,OAAO,kBAAkB;AACzB,SAAS,OAAO,KAAK,QAAQ,SAAS,YAAY,gBAAgB;AAmC9D,mBAoBQ,KAkBR,YAtCA;AAzBJ,IAAM,qBAAqB,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACrD,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,MAAM,MAAM,QAAQ,CAAC;AAAA,EACrB,SAAS,MAAM,QAAQ,GAAG,GAAG;AAAA,EAC7B,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,EACtD,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACtD,cAAc,MAAM,MAAM;AAAA,EAC1B,QAAQ;AACV,EAAE;AAUK,IAAM,aAAkC,CAAC,EAAE,SAAS,QAAQ,SAAS,MAAM;AAChF,QAAM,QAAQ,SAAS;AAEvB,SACE,gCACG,kBAAQ,IAAI,CAAC,YAAY,UACxB;AAAA,IAAC;AAAA;AAAA,MAEC,eAAa,cAAc,KAAK;AAAA,MAChC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,iBACN,WAAW,SAAS,MAAM,OAAO,OAAO,wBAAwB;AAAA,gBACjE,EAAE,WAAW,SAAS,MAAM,OAAO,OAAO,wBAAwB;AAAA;AAAA,QAEtE,QAAQ;AAAA,QACR,QAAQ,WAAW,UAAU,YAAY;AAAA,MAC3C;AAAA,MACA,SAAS,WAAW;AAAA,MACpB,OAAO,WAAW;AAAA,MAElB,8BAAC,WAAQ,OAAO,WAAW,eAAe,WAAW,SAAS,IAC5D;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,OAAO,MAAM,QAAQ,MAAM;AAAA,YAC3B,QAAQ;AAAA,YACR,WAAW,WAAW,uBAAuB;AAAA,YAC7C,qBAAqB;AAAA,UACvB;AAAA;AAAA,MACF,GACF;AAAA;AAAA,IA1BK,GAAG,WAAW,SAAS,GAAG,IAAI,WAAW,SAAS,GAAG,IAAI,KAAK;AAAA,EA2BrE,CACD,GACH;AAEJ;AAEO,IAAM,iBAAyD,CAAC,EAAE,UAAU,KAAK,MACtF,qBAAC,sBAAmB,eAAY,uBAC9B;AAAA,uBAAC,cAAW,SAAQ,WAAU,IAAI,EAAE,YAAY,YAAY,GAAG;AAAA;AAAA,IACvD,SAAS,IAAI,QAAQ,CAAC;AAAA,IAAE;AAAA,IAAQ,SAAS,IAAI,QAAQ,CAAC;AAAA,KAC9D;AAAA,EACC,OAAO,KACN,qBAAC,cAAW,SAAQ,WAAU,IAAI,EAAE,YAAY,aAAa,SAAS,QAAQ,GAAG;AAAA;AAAA,IACxE;AAAA,KACT;AAAA,GAEJ;","names":[]}

package/dist/chunk-UFJ7DSIL.js

@@ -0,0 +1,157 @@
+import {
+  ModalPanelContents,
+  modalAriaIds,
+  resolveModalContent
+} from "./chunk-SWELYVW5.js";
+import {
+  STYLE_ONLY_PROPS,
+  dialogRootStyles
+} from "./chunk-WJOQM3AJ.js";
+import {
+  usePanelChrome
+} from "./chunk-FO7RI5P7.js";
+
+// src/components/feedback/StackedModal/StackedModal.tsx
+import { Dialog, Slide, styled } from "@mui/material";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledDialog = styled(Dialog, {
+  shouldForwardProp: (prop) => !STYLE_ONLY_PROPS.includes(prop)
+})(({ theme, ...props }) => dialogRootStyles(theme, props));
+var SlideTransition = forwardRef(
+  function SlideTransition2(props, ref) {
+    return /* @__PURE__ */ jsx(Slide, { direction: "left", ref, ...props, children: props.children });
+  }
+);
+var DEFAULTS = {
+  open: false,
+  glass: false,
+  navigationTitle: "",
+  closeOnClickOutside: true,
+  closeOnEsc: true,
+  loading: false,
+  loadingText: "Loading...",
+  maxWidth: false,
+  disableBackdrop: false,
+  disableFocusTrap: false,
+  keepMounted: false,
+  rtl: false
+};
+var withDefaults = (props) => {
+  const resolved = { ...props };
+  for (const [key, value] of Object.entries(DEFAULTS)) {
+    const prop = key;
+    if (resolved[prop] === void 0) {
+      Object.assign(resolved, { [prop]: value });
+    }
+  }
+  return resolved;
+};
+var StackedModalPanel = (props) => {
+  const {
+    open,
+    onClose,
+    glass,
+    navigationTitle,
+    backLabel,
+    hideClose,
+    children,
+    actions,
+    modalId,
+    closeOnClickOutside,
+    closeOnEsc,
+    loading,
+    loadingText,
+    fullScreen,
+    maxWidth,
+    disableBackdrop,
+    disableFocusTrap,
+    keepMounted,
+    rtl,
+    dataTestId,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...otherProps
+  } = props;
+  const {
+    dialogRef,
+    modalRole,
+    isAnimating,
+    showSkeleton,
+    zIndex,
+    isMobile,
+    canGoBack,
+    handleBack,
+    handleClose
+  } = usePanelChrome({
+    open,
+    modalId,
+    loading,
+    closeOnEsc,
+    closeOnClickOutside,
+    disableFocusTrap,
+    onClose
+  });
+  if (modalRole === "background" && !keepMounted) return null;
+  const { content, modalActions, headerActions, hasMobileActions } = resolveModalContent(
+    children,
+    actions,
+    isMobile
+  );
+  const { titleId, descId } = modalAriaIds(modalId, ariaLabelledBy, ariaDescribedBy);
+  return /* @__PURE__ */ jsx(
+    StyledDialog,
+    {
+      ref: dialogRef,
+      open: Boolean(open),
+      onClose: handleClose,
+      fullScreen: fullScreen ?? isMobile,
+      modalRole,
+      isAnimating,
+      glass,
+      rtl,
+      customMaxWidth: maxWidth,
+      TransitionComponent: SlideTransition,
+      maxWidth,
+      disableEscapeKeyDown: !closeOnEsc,
+      hideBackdrop: disableBackdrop,
+      keepMounted,
+      "aria-labelledby": titleId,
+      "aria-describedby": descId,
+      "data-testid": dataTestId,
+      sx: { zIndex },
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        ModalPanelContents,
+        {
+          backLabel,
+          showSkeleton,
+          loadingText,
+          titleId,
+          descId,
+          navigationTitle,
+          hideClose,
+          canGoBack,
+          onBack: handleBack,
+          onClose,
+          headerActions,
+          content,
+          modalActions,
+          hasMobileActions,
+          rtl,
+          dataTestId
+        }
+      )
+    }
+  );
+};
+var StackedModal = (props) => {
+  const fallbackId = useId();
+  const resolved = withDefaults(props);
+  return /* @__PURE__ */ jsx(StackedModalPanel, { ...resolved, modalId: resolved.modalId ?? fallbackId });
+};
+
+export {
+  StackedModal
+};
+//# sourceMappingURL=chunk-UFJ7DSIL.js.map

package/dist/chunk-UFJ7DSIL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.tsx"],"sourcesContent":["import { Dialog, Slide, styled } from '@mui/material';\nimport type { TransitionProps } from '@mui/material/transitions';\nimport type { FC } from 'react';\nimport React, { forwardRef, useId } from 'react';\nimport { usePanelChrome } from './StackedModal.hooks';\nimport { modalAriaIds, ModalPanelContents, resolveModalContent } from './StackedModal.parts';\nimport type { PanelStyleProps } from './StackedModal.styles';\nimport { dialogRootStyles, STYLE_ONLY_PROPS } from './StackedModal.styles';\nimport type { StackedModalProps } from './StackedModal.types';\n\nconst StyledDialog = styled(Dialog, {\n  shouldForwardProp: (prop) => !STYLE_ONLY_PROPS.includes(prop as string),\n})<PanelStyleProps>(({ theme, ...props }) => dialogRootStyles(theme, props));\n\n/** Panels slide in from the right on every device. */\nconst SlideTransition = forwardRef<HTMLDivElement, TransitionProps>(\n  function SlideTransition(props, ref) {\n    return (\n      <Slide direction=\"left\" ref={ref} {...props}>\n        {props.children as React.ReactElement}\n      </Slide>\n    );\n  },\n);\n\nconst DEFAULTS: Partial<StackedModalProps> = {\n  open: false,\n  glass: false,\n  navigationTitle: '',\n  closeOnClickOutside: true,\n  closeOnEsc: true,\n  loading: false,\n  loadingText: 'Loading...',\n  maxWidth: false,\n  disableBackdrop: false,\n  disableFocusTrap: false,\n  keepMounted: false,\n  rtl: false,\n};\n\n/**\n * Fills in the defaults for props the caller left `undefined`. A table plus one\n * loop, rather than a default per destructured prop — each of those is a branch,\n * and fifteen of them put the component over the complexity bar on their own.\n */\nconst withDefaults = (props: StackedModalProps): StackedModalProps => {\n  const resolved = { ...props };\n  for (const [key, value] of Object.entries(DEFAULTS)) {\n    const prop = key as keyof StackedModalProps;\n    if (resolved[prop] === undefined) {\n      Object.assign(resolved, { [prop]: value });\n    }\n  }\n  return resolved;\n};\n\n/** The modal's props once defaults are applied and its stack identity is settled. */\ntype ResolvedProps = StackedModalProps & { modalId: string };\n\nconst StackedModalPanel: FC<ResolvedProps> = (props) => {\n  const {\n    open, onClose, glass, navigationTitle, backLabel, hideClose, children, actions, modalId,\n    closeOnClickOutside, closeOnEsc, loading, loadingText, fullScreen, maxWidth, disableBackdrop,\n    disableFocusTrap, keepMounted, rtl, dataTestId,\n    'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...otherProps\n  } = props;\n\n  const {\n    dialogRef, modalRole, isAnimating, showSkeleton, zIndex, isMobile, canGoBack,\n    handleBack, handleClose,\n  } = usePanelChrome({\n    open, modalId, loading, closeOnEsc, closeOnClickOutside, disableFocusTrap, onClose,\n  });\n\n  // Don't render if in background (performance optimization)\n  if (modalRole === 'background' && !keepMounted) return null;\n\n  const { content, modalActions, headerActions, hasMobileActions } = resolveModalContent(\n    children,\n    actions,\n    isMobile,\n  );\n  const { titleId, descId } = modalAriaIds(modalId, ariaLabelledBy, ariaDescribedBy);\n\n  return (\n    <StyledDialog\n      ref={dialogRef}\n      open={Boolean(open)}\n      onClose={handleClose}\n      fullScreen={fullScreen ?? isMobile}\n      modalRole={modalRole}\n      isAnimating={isAnimating}\n      glass={glass}\n      rtl={rtl}\n      customMaxWidth={maxWidth}\n      TransitionComponent={SlideTransition}\n      maxWidth={maxWidth}\n      disableEscapeKeyDown={!closeOnEsc}\n      hideBackdrop={disableBackdrop}\n      keepMounted={keepMounted}\n      aria-labelledby={titleId}\n      aria-describedby={descId}\n      data-testid={dataTestId}\n      sx={{ zIndex }}\n      {...otherProps}\n    >\n      <ModalPanelContents\n        backLabel={backLabel}\n        showSkeleton={showSkeleton}\n        loadingText={loadingText}\n        titleId={titleId}\n        descId={descId}\n        navigationTitle={navigationTitle}\n        hideClose={hideClose}\n        canGoBack={canGoBack}\n        onBack={handleBack}\n        onClose={onClose}\n        headerActions={headerActions}\n        content={content}\n        modalActions={modalActions}\n        hasMobileActions={hasMobileActions}\n        rtl={rtl}\n        dataTestId={dataTestId}\n      />\n    </StyledDialog>\n  );\n};\n\nexport const StackedModal: FC<StackedModalProps> = (props) => {\n  // A modal with no caller-supplied id still needs a STABLE one — it keys this\n  // panel's entry in the stack, so a value that changed per render (as a\n  // `Math.random()` default does) would re-register it on every pass.\n  const fallbackId = useId();\n  const resolved = withDefaults(props);\n  return <StackedModalPanel {...resolved} modalId={resolved.modalId ?? fallbackId} />;\n};\n\n// Re-exported so `./StackedModal` stays the single public entry point for the\n// component and its stack primitives, as the barrel and existing imports expect.\nexport {\n  ModalStackProvider,\n  ModalStackProvider as StackedModalProvider,\n  useModalStack,\n  useModalStack as useStackedModal,\n} from './modal-stack';\nexport { StackedModalActions, StackedModalContent } from './StackedModal.parts';\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,QAAQ,OAAO,cAAc;AAGtC,SAAgB,YAAY,aAAa;AAenC;AARN,IAAM,eAAe,OAAO,QAAQ;AAAA,EAClC,mBAAmB,CAAC,SAAS,CAAC,iBAAiB,SAAS,IAAc;AACxE,CAAC,EAAmB,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM,iBAAiB,OAAO,KAAK,CAAC;AAG3E,IAAM,kBAAkB;AAAA,EACtB,SAASA,iBAAgB,OAAO,KAAK;AACnC,WACE,oBAAC,SAAM,WAAU,QAAO,KAAW,GAAG,OACnC,gBAAM,UACT;AAAA,EAEJ;AACF;AAEA,IAAM,WAAuC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,KAAK;AACP;AAOA,IAAM,eAAe,CAAC,UAAgD;AACpE,QAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,GAAG;AACnD,UAAM,OAAO;AACb,QAAI,SAAS,IAAI,MAAM,QAAW;AAChC,aAAO,OAAO,UAAU,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC;AAAA,IAC3C;AAAA,EACF;AACA,SAAO;AACT;AAKA,IAAM,oBAAuC,CAAC,UAAU;AACtD,QAAM;AAAA,IACJ;AAAA,IAAM;AAAA,IAAS;AAAA,IAAO;AAAA,IAAiB;AAAA,IAAW;AAAA,IAAW;AAAA,IAAU;AAAA,IAAS;AAAA,IAChF;AAAA,IAAqB;AAAA,IAAY;AAAA,IAAS;AAAA,IAAa;AAAA,IAAY;AAAA,IAAU;AAAA,IAC7E;AAAA,IAAkB;AAAA,IAAa;AAAA,IAAK;AAAA,IACpC,mBAAmB;AAAA,IAAgB,oBAAoB;AAAA,IAAiB,GAAG;AAAA,EAC7E,IAAI;AAEJ,QAAM;AAAA,IACJ;AAAA,IAAW;AAAA,IAAW;AAAA,IAAa;AAAA,IAAc;AAAA,IAAQ;AAAA,IAAU;AAAA,IACnE;AAAA,IAAY;AAAA,EACd,IAAI,eAAe;AAAA,IACjB;AAAA,IAAM;AAAA,IAAS;AAAA,IAAS;AAAA,IAAY;AAAA,IAAqB;AAAA,IAAkB;AAAA,EAC7E,CAAC;AAGD,MAAI,cAAc,gBAAgB,CAAC,YAAa,QAAO;AAEvD,QAAM,EAAE,SAAS,cAAc,eAAe,iBAAiB,IAAI;AAAA,IACjE;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,SAAS,OAAO,IAAI,aAAa,SAAS,gBAAgB,eAAe;AAEjF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,QAAQ,IAAI;AAAA,MAClB,SAAS;AAAA,MACT,YAAY,cAAc;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,qBAAqB;AAAA,MACrB;AAAA,MACA,sBAAsB,CAAC;AAAA,MACvB,cAAc;AAAA,MACd;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,IAAI,EAAE,OAAO;AAAA,MACZ,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,eAAsC,CAAC,UAAU;AAI5D,QAAM,aAAa,MAAM;AACzB,QAAM,WAAW,aAAa,KAAK;AACnC,SAAO,oBAAC,qBAAmB,GAAG,UAAU,SAAS,SAAS,WAAW,YAAY;AACnF;","names":["SlideTransition"]}

package/dist/chunk-UGVWIIZO.js

@@ -0,0 +1,159 @@
+// src/components/layout/ContentToolbar/MultiSelectTriggers.tsx
+import CloseIcon from "@mui/icons-material/Close";
+import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import { Box, Button, Typography } from "@mui/material";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function buildTriggerLabel(selected, options, allLabel) {
+  const size = selected.size;
+  if (size === 0 || size === options.length) return allLabel;
+  const labelMap = new Map(options.map((option) => [option.value, option.label]));
+  const firstValue = selected.values().next().value;
+  const firstLabel = labelMap.get(firstValue) ?? allLabel;
+  if (size === 1) return firstLabel;
+  return `${firstLabel} (+${size - 1})`;
+}
+function InlineTrigger({ label, triggerLabel, open, onOpen, testId }) {
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, fontSize: "0.875rem" }, children: [
+    /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { color: "text.secondary", fontSize: "0.875rem" }, children: [
+      label,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "text",
+        size: "small",
+        color: "inherit",
+        "data-testid": testId,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        onClick: onOpen,
+        sx: { minWidth: 0, height: 32, px: 1, gap: 0.5, color: "text.primary", textTransform: "none", fontWeight: 600 },
+        children: [
+          triggerLabel,
+          /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 14 } })
+        ]
+      }
+    )
+  ] });
+}
+function StackedTrigger({ label, triggerLabel, open, onOpen, testId }) {
+  const baseId = useId();
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+    /* @__PURE__ */ jsx(Typography, { id: `${baseId}-label`, component: "label", sx: { fontSize: "0.75rem", fontWeight: 500, color: "text.secondary" }, children: label }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        color: "inherit",
+        fullWidth: true,
+        "data-testid": testId,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-labelledby": `${baseId}-label ${baseId}-value`,
+        onClick: onOpen,
+        endIcon: /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 18, color: "text.secondary" } }),
+        sx: {
+          justifyContent: "space-between",
+          height: 40,
+          px: 1.5,
+          color: "text.primary",
+          textTransform: "none",
+          fontWeight: 400,
+          fontSize: "0.875rem",
+          borderColor: "divider",
+          bgcolor: "background.paper",
+          "&:hover": { borderColor: "text.primary", bgcolor: "background.paper" }
+        },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            id: `${baseId}-value`,
+            sx: { flex: 1, minWidth: 0, textAlign: "left", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+            children: triggerLabel
+          }
+        )
+      }
+    )
+  ] });
+}
+function PillTrigger({
+  label,
+  open,
+  onOpen,
+  testId,
+  selectedCount,
+  onClear,
+  clearLabel
+}) {
+  const active = selectedCount > 0;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outlined",
+      color: "inherit",
+      size: "small",
+      "data-testid": testId,
+      "aria-haspopup": "menu",
+      "aria-expanded": open,
+      onClick: onOpen,
+      startIcon: active && onClear ? /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          role: "button",
+          tabIndex: 0,
+          "aria-label": clearLabel,
+          "data-testid": testId ? `${testId}-clear` : void 0,
+          onClick: (event) => {
+            event.stopPropagation();
+            onClear();
+          },
+          onKeyDown: (event) => {
+            if (event.key !== "Enter" && event.key !== " ") return;
+            event.preventDefault();
+            event.stopPropagation();
+            onClear();
+          },
+          sx: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "50%",
+            cursor: "pointer",
+            color: "primary.main",
+            "&:hover": { bgcolor: "primary.main", color: "primary.contrastText" }
+          },
+          children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 14 } })
+        }
+      ) : void 0,
+      endIcon: /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 16 } }),
+      sx: {
+        borderRadius: 999,
+        height: 34,
+        px: 1.5,
+        color: "text.primary",
+        fontWeight: 600,
+        fontSize: "0.8125rem",
+        textTransform: "none",
+        borderColor: active ? "primary.main" : "divider",
+        bgcolor: active ? "action.selected" : "background.paper",
+        "&:hover": { borderColor: active ? "primary.main" : "text.primary", bgcolor: active ? "action.selected" : "action.hover" }
+      },
+      children: [
+        label,
+        active ? ` (${selectedCount})` : ""
+      ]
+    }
+  );
+}
+
+export {
+  buildTriggerLabel,
+  InlineTrigger,
+  StackedTrigger,
+  PillTrigger
+};
+//# sourceMappingURL=chunk-UGVWIIZO.js.map

package/dist/chunk-UGVWIIZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ContentToolbar/MultiSelectTriggers.tsx"],"sourcesContent":["'use client';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport ChevronDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport { Box, Button, Typography } from '@mui/material';\nimport React, { useId } from 'react';\n\nimport type { MultiSelectOption } from './ContentToolbar.types';\n\n/**\n * Trigger label from the current selection: `allLabel` when none/all are\n * selected, the single label when one, else \"first (+N)\". Uses Set iteration\n * order so the label reflects the first-clicked option.\n */\nexport function buildTriggerLabel<TValue extends string>(\n  selected: ReadonlySet<TValue>,\n  options: MultiSelectOption<TValue>[],\n  allLabel: string,\n): string {\n  const size = selected.size;\n  if (size === 0 || size === options.length) return allLabel;\n  const labelMap = new Map(options.map((option) => [option.value, option.label]));\n  const firstValue = selected.values().next().value as TValue;\n  const firstLabel = labelMap.get(firstValue) ?? allLabel;\n  if (size === 1) return firstLabel;\n  return `${firstLabel} (+${size - 1})`;\n}\n\nexport interface TriggerProps {\n  label: string;\n  triggerLabel: string;\n  open: boolean;\n  onOpen: (event: React.MouseEvent<HTMLElement>) => void;\n  testId?: string;\n}\n\n/** Compact `Label:` text button for a horizontal toolbar (the default layout). */\nexport function InlineTrigger({ label, triggerLabel, open, onOpen, testId }: TriggerProps): React.JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, fontSize: '0.875rem' }}>\n      <Typography component=\"span\" sx={{ color: 'text.secondary', fontSize: '0.875rem' }}>\n        {label}:\n      </Typography>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        data-testid={testId}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={onOpen}\n        sx={{ minWidth: 0, height: 32, px: 1, gap: 0.5, color: 'text.primary', textTransform: 'none', fontWeight: 600 }}\n      >\n        {triggerLabel}\n        <ChevronDownIcon sx={{ fontSize: 14 }} />\n      </Button>\n    </Box>\n  );\n}\n\n/** Full-width, outlined select-style control with the label above (stacked layout). */\nexport function StackedTrigger({ label, triggerLabel, open, onOpen, testId }: TriggerProps): React.JSX.Element {\n  // Name the button by label + value (aria-labelledby): a <button> isn't labelable.\n  const baseId = useId();\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n      <Typography id={`${baseId}-label`} component=\"label\" sx={{ fontSize: '0.75rem', fontWeight: 500, color: 'text.secondary' }}>\n        {label}\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        color=\"inherit\"\n        fullWidth\n        data-testid={testId}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-labelledby={`${baseId}-label ${baseId}-value`}\n        onClick={onOpen}\n        endIcon={<ChevronDownIcon sx={{ fontSize: 18, color: 'text.secondary' }} />}\n        sx={{\n          justifyContent: 'space-between',\n          height: 40,\n          px: 1.5,\n          color: 'text.primary',\n          textTransform: 'none',\n          fontWeight: 400,\n          fontSize: '0.875rem',\n          borderColor: 'divider',\n          bgcolor: 'background.paper',\n          '&:hover': { borderColor: 'text.primary', bgcolor: 'background.paper' },\n        }}\n      >\n        <Box\n          component=\"span\" id={`${baseId}-value`}\n          sx={{ flex: 1, minWidth: 0, textAlign: 'left', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n        >\n          {triggerLabel}\n        </Box>\n      </Button>\n    </Box>\n  );\n}\n\n/** Rounded outlined chip (`Label ▾`, `Label (N) ▾` when selected) for a filter row. */\n/** The pill's own props, above the component so the signature stays short. */\nexport type PillTriggerProps = TriggerProps & {\n  selectedCount: number;\n  onClear?: () => void;\n  /**\n   * The clear affordance's accessible name — the pill's own label is already\n   * on screen, so this is the only thing a screen reader gets for the little\n   * cross. REQUIRED: this package ships no default copy.\n   */\n  clearLabel: string;\n};\n\nexport function PillTrigger({\n  label,\n  open,\n  onOpen,\n  testId,\n  selectedCount,\n  onClear,\n  clearLabel,\n}: PillTriggerProps): React.JSX.Element {\n  const active = selectedCount > 0;\n  return (\n    <Button\n      variant=\"outlined\"\n      color=\"inherit\"\n      size=\"small\"\n      data-testid={testId}\n      aria-haspopup=\"menu\"\n      aria-expanded={open}\n      onClick={onOpen}\n      // Clearing lives ON the pill: the filter and the way to remove it are one\n      // control, so removing one does not mean finding it again in a second\n      // list somewhere else on the page.\n      startIcon={\n        active && onClear ? (\n          <Box\n            component=\"span\"\n            role=\"button\"\n            tabIndex={0}\n            aria-label={clearLabel}\n            data-testid={testId ? `${testId}-clear` : undefined}\n            onClick={(event: React.MouseEvent) => {\n              // The pill's own click opens the menu; clearing must not.\n              event.stopPropagation();\n              onClear();\n            }}\n            onKeyDown={(event: React.KeyboardEvent) => {\n              if (event.key !== 'Enter' && event.key !== ' ') return;\n              event.preventDefault();\n              event.stopPropagation();\n              onClear();\n            }}\n            sx={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              borderRadius: '50%',\n              cursor: 'pointer',\n              color: 'primary.main',\n              '&:hover': { bgcolor: 'primary.main', color: 'primary.contrastText' },\n            }}\n          >\n            <CloseIcon sx={{ fontSize: 14 }} />\n          </Box>\n        ) : undefined\n      }\n      endIcon={<ChevronDownIcon sx={{ fontSize: 16 }} />}\n      sx={{\n        borderRadius: 999,\n        height: 34,\n        px: 1.5,\n        color: 'text.primary',\n        fontWeight: 600,\n        fontSize: '0.8125rem',\n        textTransform: 'none',\n        borderColor: active ? 'primary.main' : 'divider',\n        bgcolor: active ? 'action.selected' : 'background.paper',\n        '&:hover': { borderColor: active ? 'primary.main' : 'text.primary', bgcolor: active ? 'action.selected' : 'action.hover' },\n      }}\n    >\n      {label}\n      {active ? ` (${selectedCount})` : ''}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-UJP2VS2H.js

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

package/dist/chunk-UJP2VS2H.js.map

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

package/dist/chunk-ULJ4C6JW.js

@@ -0,0 +1,65 @@
+// src/components/data-display/DateTimeDisplay/DateTimeDisplay.hooks.ts
+import { useMemo } from "react";
+function formatDatePart(date, format) {
+  const options = {
+    year: "numeric",
+    month: format === "numeric" ? "2-digit" : format === "short" ? "short" : "long",
+    day: format === "numeric" ? "2-digit" : "numeric"
+  };
+  return date.toLocaleDateString(void 0, options);
+}
+function formatTimePart(date, timeFormat, showTimezone) {
+  const options = {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: timeFormat === "12h",
+    ...showTimezone && { timeZoneName: "short" }
+  };
+  return date.toLocaleTimeString(void 0, options);
+}
+var isValidDate = (date) => date !== null && !isNaN(date.getTime());
+var hasTimeOfDay = (date) => !(date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0);
+var longForm = (date, withTime) => {
+  const dateParts = {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  };
+  if (!withTime) return date.toLocaleDateString(void 0, dateParts);
+  return date.toLocaleString(void 0, {
+    ...dateParts,
+    hour: "numeric",
+    minute: "2-digit",
+    second: "2-digit",
+    timeZoneName: "short"
+  });
+};
+var useDateTimeParts = ({
+  date,
+  dateFormat,
+  timeFormat,
+  showTimezone
+}) => {
+  const dateObj = useMemo(() => {
+    if (!date) return null;
+    return date instanceof Date ? date : new Date(date);
+  }, [date]);
+  return useMemo(() => {
+    if (!isValidDate(dateObj)) {
+      return { dateObj: null, formattedDate: null, formattedTime: null, fullDateTime: null };
+    }
+    const withTime = hasTimeOfDay(dateObj);
+    return {
+      dateObj,
+      formattedDate: formatDatePart(dateObj, dateFormat),
+      formattedTime: withTime ? formatTimePart(dateObj, timeFormat, showTimezone) : null,
+      fullDateTime: longForm(dateObj, withTime)
+    };
+  }, [dateObj, dateFormat, timeFormat, showTimezone]);
+};
+
+export {
+  useDateTimeParts
+};
+//# sourceMappingURL=chunk-ULJ4C6JW.js.map

package/dist/chunk-ULJ4C6JW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DateTimeDisplay/DateTimeDisplay.hooks.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { DateTimeDisplayProps } from './DateTimeDisplay.types';\n\ntype DateFormat = NonNullable<DateTimeDisplayProps['dateFormat']>;\ntype TimeFormat = NonNullable<DateTimeDisplayProps['timeFormat']>;\n\n/**\n * Format a date for display\n */\nfunction formatDatePart(date: Date, format: DateFormat): string {\n  const options: Intl.DateTimeFormatOptions = {\n    year: 'numeric',\n    month: format === 'numeric' ? '2-digit' : format === 'short' ? 'short' : 'long',\n    day: format === 'numeric' ? '2-digit' : 'numeric',\n  };\n  return date.toLocaleDateString(undefined, options);\n}\n\n/**\n * Format time for display\n */\nfunction formatTimePart(date: Date, timeFormat: TimeFormat, showTimezone: boolean): string {\n  const options: Intl.DateTimeFormatOptions = {\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: timeFormat === '12h',\n    ...(showTimezone && { timeZoneName: 'short' }),\n  };\n  return date.toLocaleTimeString(undefined, options);\n}\n\ninterface DateTimeParts {\n  /** null when no date was given or the given one does not parse. */\n  dateObj: Date | null;\n  formattedDate: string | null;\n  formattedTime: string | null;\n  /** The long form shown in the tooltip. */\n  fullDateTime: string | null;\n}\n\ninterface DateTimePartsArgs {\n  date: DateTimeDisplayProps['date'];\n  dateFormat: DateFormat;\n  timeFormat: TimeFormat;\n  showTimezone: boolean;\n}\n\nconst isValidDate = (date: Date | null): date is Date =>\n  date !== null && !isNaN(date.getTime());\n\n/**\n * A date landing exactly on midnight is taken to carry no time of day — callers\n * pass date-only values as `new Date('2026-08-05')`, which parses to 00:00:00.\n * The cost is that a genuine midnight timestamp renders without its time.\n */\nconst hasTimeOfDay = (date: Date): boolean =>\n  !(date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0);\n\nconst longForm = (date: Date, withTime: boolean): string => {\n  const dateParts: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  };\n\n  if (!withTime) return date.toLocaleDateString(undefined, dateParts);\n\n  return date.toLocaleString(undefined, {\n    ...dateParts,\n    hour: 'numeric',\n    minute: '2-digit',\n    second: '2-digit',\n    timeZoneName: 'short',\n  });\n};\n\nexport const useDateTimeParts = ({\n  date,\n  dateFormat,\n  timeFormat,\n  showTimezone,\n}: DateTimePartsArgs): DateTimeParts => {\n  const dateObj = useMemo(() => {\n    if (!date) return null;\n    return date instanceof Date ? date : new Date(date);\n  }, [date]);\n\n  return useMemo(() => {\n    if (!isValidDate(dateObj)) {\n      return { dateObj: null, formattedDate: null, formattedTime: null, fullDateTime: null };\n    }\n\n    const withTime = hasTimeOfDay(dateObj);\n\n    return {\n      dateObj,\n      formattedDate: formatDatePart(dateObj, dateFormat),\n      formattedTime: withTime ? formatTimePart(dateObj, timeFormat, showTimezone) : null,\n      fullDateTime: longForm(dateObj, withTime),\n    };\n  }, [dateObj, dateFormat, timeFormat, showTimezone]);\n};\n"],"mappings":";AAAA,SAAS,eAAe;AAUxB,SAAS,eAAe,MAAY,QAA4B;AAC9D,QAAM,UAAsC;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO,WAAW,YAAY,YAAY,WAAW,UAAU,UAAU;AAAA,IACzE,KAAK,WAAW,YAAY,YAAY;AAAA,EAC1C;AACA,SAAO,KAAK,mBAAmB,QAAW,OAAO;AACnD;AAKA,SAAS,eAAe,MAAY,YAAwB,cAA+B;AACzF,QAAM,UAAsC;AAAA,IAC1C,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,eAAe;AAAA,IACvB,GAAI,gBAAgB,EAAE,cAAc,QAAQ;AAAA,EAC9C;AACA,SAAO,KAAK,mBAAmB,QAAW,OAAO;AACnD;AAkBA,IAAM,cAAc,CAAC,SACnB,SAAS,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC;AAOxC,IAAM,eAAe,CAAC,SACpB,EAAE,KAAK,SAAS,MAAM,KAAK,KAAK,WAAW,MAAM,KAAK,KAAK,WAAW,MAAM;AAE9E,IAAM,WAAW,CAAC,MAAY,aAA8B;AAC1D,QAAM,YAAwC;AAAA,IAC5C,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAEA,MAAI,CAAC,SAAU,QAAO,KAAK,mBAAmB,QAAW,SAAS;AAElE,SAAO,KAAK,eAAe,QAAW;AAAA,IACpC,GAAG;AAAA,IACH,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB,CAAC;AACH;AAEO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwC;AACtC,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO,gBAAgB,OAAO,OAAO,IAAI,KAAK,IAAI;AAAA,EACpD,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,YAAY,OAAO,GAAG;AACzB,aAAO,EAAE,SAAS,MAAM,eAAe,MAAM,eAAe,MAAM,cAAc,KAAK;AAAA,IACvF;AAEA,UAAM,WAAW,aAAa,OAAO;AAErC,WAAO;AAAA,MACL;AAAA,MACA,eAAe,eAAe,SAAS,UAAU;AAAA,MACjD,eAAe,WAAW,eAAe,SAAS,YAAY,YAAY,IAAI;AAAA,MAC9E,cAAc,SAAS,SAAS,QAAQ;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,SAAS,YAAY,YAAY,YAAY,CAAC;AACpD;","names":[]}

package/dist/chunk-UM35GGCS.js

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

package/dist/chunk-UM35GGCS.js.map

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

package/dist/chunk-UOS7DEQZ.js

@@ -0,0 +1,21 @@
+// src/components/data-display/Lightbox/Lightbox.helpers.ts
+var LIGHTBOX_DEFAULTS = {
+  isOpen: false,
+  items: [],
+  startIndex: 0,
+  showControls: true,
+  showCaptions: true,
+  loop: false,
+  autoplay: false,
+  thumbnails: false,
+  zoomable: true
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveLightboxProps = (props) => ({ ...LIGHTBOX_DEFAULTS, ...definedProps(props) });
+
+export {
+  resolveLightboxProps
+};
+//# sourceMappingURL=chunk-UOS7DEQZ.js.map

package/dist/chunk-UOS7DEQZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.helpers.ts"],"sourcesContent":["import type { LightboxProps } from './Lightbox.types';\n\ntype LightboxDefaultedKeys =\n  | 'isOpen'\n  | 'items'\n  | 'startIndex'\n  | 'showControls'\n  | 'showCaptions'\n  | 'loop'\n  | 'autoplay'\n  | 'thumbnails'\n  | 'zoomable';\n\nexport type ResolvedLightboxProps = LightboxProps &\n  Required<Pick<LightboxProps, LightboxDefaultedKeys>>;\n\nconst LIGHTBOX_DEFAULTS: Pick<LightboxProps, LightboxDefaultedKeys> = {\n  isOpen: false,\n  items: [],\n  startIndex: 0,\n  showControls: true,\n  showCaptions: true,\n  loop: false,\n  autoplay: false,\n  thumbnails: false,\n  zoomable: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: LightboxProps): Partial<LightboxProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<LightboxProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put nine branches into the component's own complexity budget.\nexport const resolveLightboxProps = (props: LightboxProps): ResolvedLightboxProps =>\n  ({ ...LIGHTBOX_DEFAULTS, ...definedProps(props) }) as ResolvedLightboxProps;\n"],"mappings":";AAgBA,IAAM,oBAAgE;AAAA,EACpE,QAAQ;AAAA,EACR,OAAO,CAAC;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AACZ;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,uBAAuB,CAAC,WAClC,EAAE,GAAG,mBAAmB,GAAG,aAAa,KAAK,EAAE;","names":[]}