@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-IRLUM7XB.js

@@ -1,81 +0,0 @@
-import {
-  StepConnectorComponent,
-  StepContentComponent,
-  StepIndicatorComponent,
-  StepItemRow
-} from "./chunk-Y3ER5CJ2.js";
-
-// src/components/utility/WorkflowStep/WorkflowStepRow.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var StepRow = ({
-  step,
-  index,
-  isLast,
-  orientation,
-  variant,
-  color,
-  size,
-  showNumbers,
-  showIcons,
-  showProgress,
-  completedIcon,
-  errorIcon,
-  interactive,
-  animated,
-  disabled,
-  onClick,
-  dataTestId
-}) => {
-  const isCompleted = step.status === "completed";
-  return /* @__PURE__ */ jsxs(StepItemRow, { orientation, isLast, children: [
-    /* @__PURE__ */ jsx(
-      StepIndicatorComponent,
-      {
-        step,
-        index,
-        isActive: step.status === "current",
-        isCompleted,
-        isError: step.status === "error",
-        variant,
-        color,
-        size,
-        showNumbers,
-        showIcons,
-        completedIcon,
-        errorIcon,
-        interactive,
-        animated,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-indicator-${index}`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      StepContentComponent,
-      {
-        step,
-        index,
-        orientation,
-        interactive,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-content-${index}`
-      }
-    ),
-    showProgress && !isLast && /* @__PURE__ */ jsx(
-      StepConnectorComponent,
-      {
-        isCompleted,
-        orientation,
-        variant,
-        color,
-        "data-testid": `${dataTestId}-connector-${index}`
-      }
-    )
-  ] });
-};
-
-export {
-  StepRow
-};
-//# sourceMappingURL=chunk-IRLUM7XB.js.map

package/dist/chunk-ISW5K72V.js

@@ -1,230 +0,0 @@
-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-IZBDSPTW.js

@@ -1,49 +0,0 @@
-import {
-  ICON_PATHS
-} from "./chunk-KEVPUBOE.js";
-import {
-  iconFill
-} from "./chunk-QWBQVQRG.js";
-import {
-  iconSize
-} from "./chunk-RTSK5OZT.js";
-import {
-  useUiTheme
-} from "./chunk-TK36COCP.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/icons/Icon.tsx
-import SvgIcon from "@mui/material/SvgIcon/index.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Icon = React.forwardRef(
-  ({ name, size, color, label, className, style, ...rest }, ref) => {
-    const theme = useUiTheme();
-    const px = iconSize(size);
-    const fill = iconFill(theme, color, "currentColor");
-    const testId = resolveTestId(rest, `icon-${name}`);
-    return /* @__PURE__ */ jsx(
-      SvgIcon,
-      {
-        ref,
-        viewBox: "0 0 24 24",
-        className,
-        style,
-        sx: { fontSize: px, color: fill },
-        titleAccess: label,
-        "aria-hidden": label ? void 0 : true,
-        "data-testid": testId,
-        "data-icon": name,
-        children: ICON_PATHS[name].map((d) => /* @__PURE__ */ jsx("path", { d }, d))
-      }
-    );
-  }
-);
-Icon.displayName = "Icon";
-
-export {
-  Icon
-};
-//# sourceMappingURL=chunk-IZBDSPTW.js.map

package/dist/chunk-J6CSPDC7.js

@@ -1,75 +0,0 @@
-import {
-  BOUNCE,
-  FADE_IN_SCALE,
-  GLOW_PULSE,
-  PULSE
-} from "./chunk-XV2TDULR.js";
-
-// src/components/data-display/Badge/Badge.animations.ts
-import { keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  70% {
-    transform: scale(${PULSE.scale});
-    opacity: ${PULSE.opacity};
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`;
-var bounceAnimation = keyframes`
-  0%, 20%, 50%, 80%, 100% {
-    transform: translateY(0) scale(1);
-  }
-  40% {
-    transform: translateY(-${BOUNCE.lift}px) scale(${BOUNCE.scale});
-  }
-  60% {
-    transform: translateY(-${BOUNCE.secondLift}px) scale(${BOUNCE.secondScale});
-  }
-`;
-var shimmerAnimation = keyframes`
-  0% {
-    background-position: -1000px 0;
-  }
-  100% {
-    background-position: 1000px 0;
-  }
-`;
-var fadeInScaleAnimation = keyframes`
-  0% {
-    opacity: 0;
-    transform: scale(${FADE_IN_SCALE.from});
-  }
-  50% {
-    transform: scale(${FADE_IN_SCALE.overshoot});
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-`;
-var glowPulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 ${GLOW_PULSE.fromBlur}px ${GLOW_PULSE.fromSpread}px rgba(var(--glow-color), ${GLOW_PULSE.fromAlpha});
-  }
-  50% {
-    box-shadow: 0 0 ${GLOW_PULSE.toBlur}px ${GLOW_PULSE.toSpread}px rgba(var(--glow-color), ${GLOW_PULSE.toAlpha});
-  }
-  100% {
-    box-shadow: 0 0 ${GLOW_PULSE.fromBlur}px ${GLOW_PULSE.fromSpread}px rgba(var(--glow-color), ${GLOW_PULSE.fromAlpha});
-  }
-`;
-
-export {
-  pulseAnimation,
-  bounceAnimation,
-  shimmerAnimation,
-  fadeInScaleAnimation,
-  glowPulseAnimation
-};
-//# sourceMappingURL=chunk-J6CSPDC7.js.map

package/dist/chunk-JB67KPGM.js

@@ -1,64 +0,0 @@
-import {
-  tileBackground
-} from "./chunk-DRADVLHZ.js";
-import {
-  TILE_SIZE
-} from "./chunk-TUBCN4DJ.js";
-
-// src/components/data-display/MapPreview/MapTiles.tsx
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var VISIBLE_TILES = Math.ceil(800 / TILE_SIZE) + 2;
-var LABEL_MIN_ZOOM = 10;
-var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
-  const theme = useTheme();
-  const borderOpacity = theme.palette.mode === "dark" ? 0.15 : 0.1;
-  const background = tileBackground(mapType, theme);
-  const half = Math.floor(VISIBLE_TILES / 2);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: `translate(calc(-50% + ${panOffset.x}px), calc(-50% + ${panOffset.y}px))`,
-        width: TILE_SIZE * VISIBLE_TILES,
-        height: TILE_SIZE * VISIBLE_TILES,
-        display: "grid",
-        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
-        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
-        transition: "transform 0.1s ease-out"
-      },
-      children: Array.from({ length: VISIBLE_TILES * VISIBLE_TILES }).map((_, index) => {
-        const tileX = (origin?.x || 0) + index % VISIBLE_TILES - half;
-        const tileY = (origin?.y || 0) + Math.floor(index / VISIBLE_TILES) - half;
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              width: TILE_SIZE,
-              height: TILE_SIZE,
-              border: `1px solid ${alpha(theme.palette.divider, borderOpacity)}`,
-              background,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              fontSize: "10px",
-              color: alpha(theme.palette.text.secondary, 0.3),
-              fontFamily: "monospace",
-              userSelect: "none"
-            },
-            children: zoom > LABEL_MIN_ZOOM && `${tileX},${tileY}`
-          },
-          `tile-${tileX}-${tileY}`
-        );
-      })
-    }
-  );
-};
-
-export {
-  MapTiles
-};
-//# sourceMappingURL=chunk-JB67KPGM.js.map

package/dist/chunk-JBMBFYFA.js

@@ -1,94 +0,0 @@
-import {
-  SheetContent,
-  SheetFooter,
-  SheetHeader
-} from "./chunk-U437KFDI.js";
-import {
-  muiColor
-} from "./chunk-7ZPUN7TV.js";
-
-// src/components/data-display/Sheet/Sheet.body.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var needsHeader = (props) => Boolean(
-  props.showHandle || props.title || props.description || props.showCloseButton || props.header
-);
-var SheetLoading = ({ color }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      minHeight: 200
-    },
-    children: /* @__PURE__ */ jsx(CircularProgress, { color: color === void 0 ? void 0 : muiColor(color, "inherit") })
-  }
-);
-var SheetBody = (props) => {
-  const {
-    title,
-    description,
-    showCloseButton,
-    showHandle,
-    header,
-    footer,
-    loading,
-    color,
-    children,
-    onClick,
-    onFocus,
-    onBlur,
-    testId,
-    isDragging,
-    isVerticalSheet,
-    isDraggableVariant,
-    onClose,
-    onDragStart
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      onClick,
-      onFocus,
-      onBlur,
-      "data-testid": testId,
-      sx: {
-        // A vertical sheet's panel is a column whose height is its CONTENT, up
-        // to the `size` ceiling — so this fills what the panel has rather than
-        // asking for a percentage of it, and `minHeight: 0` is what lets it
-        // shrink past its content so `SheetContent` scrolls instead of the
-        // panel overflowing. A side sheet's panel is full-height already.
-        ...isVerticalSheet ? { flex: "1 1 auto", minHeight: 0 } : { height: "100%" },
-        display: "flex",
-        flexDirection: "column",
-        position: "relative",
-        userSelect: isDragging ? "none" : "auto"
-      },
-      children: [
-        needsHeader(props) && /* @__PURE__ */ jsx(
-          SheetHeader,
-          {
-            title,
-            description,
-            showCloseButton,
-            onClose,
-            showHandle: showHandle && isVerticalSheet,
-            isDraggable: isDraggableVariant && isVerticalSheet,
-            onDragStart,
-            dataTestId: `${testId}-header`,
-            children: header
-          }
-        ),
-        /* @__PURE__ */ jsx(SheetContent, { padded: true, dataTestId: `${testId}-content`, children: loading ? /* @__PURE__ */ jsx(SheetLoading, { color }) : children }),
-        footer && /* @__PURE__ */ jsx(SheetFooter, { sticky: true, divider: true, dataTestId: `${testId}-footer`, children: footer })
-      ]
-    }
-  );
-};
-
-export {
-  SheetBody
-};
-//# sourceMappingURL=chunk-JBMBFYFA.js.map