@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-H7SOEZHW.js

@@ -1,321 +0,0 @@
-import {
-  buildChartContext
-} from "./chunk-P3B2LO2E.js";
-import {
-  ChartLegendContent,
-  ChartTooltipContent
-} from "./chunk-RIRTW5EU.js";
-import {
-  uiInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  remPx
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Chart/chart-renderers.tsx
-import {
-  Area,
-  AreaChart,
-  Bar,
-  BarChart,
-  CartesianGrid,
-  Cell,
-  ComposedChart,
-  Legend,
-  Line,
-  LineChart,
-  Pie,
-  PieChart,
-  PolarAngleAxis,
-  PolarGrid,
-  PolarRadiusAxis,
-  Radar,
-  RadarChart,
-  Scatter,
-  ScatterChart,
-  Tooltip,
-  XAxis,
-  YAxis
-} from "recharts";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function chartExtras(ctx) {
-  const { props } = ctx;
-  const nodes = [];
-  if (props.showTooltip !== false) {
-    nodes.push(
-      /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, { valueFormatter: props.valueFormatter }) }, "tooltip")
-    );
-  }
-  if (props.showLegend !== false) {
-    nodes.push(/* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }, "legend"));
-  }
-  return nodes;
-}
-function chartGrid(ctx) {
-  return /* @__PURE__ */ jsx(CartesianGrid, { stroke: ctx.gridStroke, strokeOpacity: ctx.gridOpacity }, "grid");
-}
-function cartesianAxes(ctx) {
-  const { props, axisConfig } = ctx;
-  const nodes = [];
-  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));
-  nodes.push(
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: props.xAxisKey ?? "name",
-        style: ctx.axisStyle,
-        label: props.xAxisLabel,
-        tickMargin: axisConfig.tickMargin,
-        ticks: axisConfig.categoryTicks,
-        tickFormatter: axisConfig.tickFormatter
-      },
-      "x"
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        style: ctx.axisStyle,
-        label: props.yAxisLabel,
-        width: "auto",
-        tickMargin: axisConfig.tickMargin,
-        tickFormatter: props.valueFormatter,
-        allowDecimals: props.allowDecimalTicks !== false
-      },
-      "y"
-    )
-  );
-  return nodes;
-}
-function renderLine(ctx) {
-  return /* @__PURE__ */ jsxs(LineChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Line,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        strokeWidth: s.strokeWidth ?? 2,
-        dot: s.dot !== false,
-        activeDot: s.activeDot !== false ? { r: 8 } : false,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderBar(ctx) {
-  return /* @__PURE__ */ jsxs(BarChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Bar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        stackId: ctx.props.stacked ? "stack" : void 0,
-        radius: ctx.barGeometry.radius,
-        maxBarSize: ctx.barGeometry.maxBarSize,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderArea(ctx) {
-  return /* @__PURE__ */ jsxs(AreaChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Area,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fillOpacity: s.fillOpacity ?? 0.6,
-        stackId: ctx.props.stacked ? "stack" : void 0,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function pieCenterLabel(ctx) {
-  const { centerLabel } = ctx.props;
-  const innerRadius = ctx.props.innerRadius ?? 0;
-  if (!centerLabel || innerRadius <= 0) return null;
-  const fill = ctx.props.variant === "neon" ? uiInk(ctx.theme).dataVizNeon.accent : ctx.theme.palette.text.primary;
-  return /* @__PURE__ */ jsx(
-    "text",
-    {
-      x: "50%",
-      y: "50%",
-      textAnchor: "middle",
-      dominantBaseline: "middle",
-      style: { fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 },
-      children: typeof centerLabel === "string" ? centerLabel : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "tspan",
-          {
-            x: "50%",
-            dy: "-0.6em",
-            style: { fontSize: "0.875em", fontWeight: 500, fill: ctx.theme.palette.text.secondary },
-            children: centerLabel.label
-          }
-        ),
-        /* @__PURE__ */ jsx("tspan", { x: "50%", dy: "1.4em", style: { fontSize: "1.5em", fontWeight: 700 }, children: centerLabel.value })
-      ] })
-    }
-  );
-}
-function renderPie(ctx) {
-  const { props } = ctx;
-  return /* @__PURE__ */ jsxs(PieChart, { children: [
-    chartExtras(ctx),
-    /* @__PURE__ */ jsx(
-      Pie,
-      {
-        data: props.data,
-        dataKey: ctx.chartSeries[0]?.dataKey ?? "value",
-        nameKey: props.xAxisKey ?? "name",
-        cx: "50%",
-        cy: "50%",
-        outerRadius: ctx.sizeStyles.height / 3,
-        innerRadius: remPx(ctx.theme, props.innerRadius ?? 0),
-        fill: ctx.chartColors[0],
-        label: props.showValues ?? false,
-        animationDuration: ctx.animationDuration,
-        children: props.data.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: ctx.chartColors[index % ctx.chartColors.length] }, `cell-${index}`))
-      }
-    ),
-    pieCenterLabel(ctx)
-  ] });
-}
-function renderRadar(ctx) {
-  return /* @__PURE__ */ jsxs(RadarChart, { ...ctx.commonProps, children: [
-    /* @__PURE__ */ jsx(PolarGrid, { stroke: ctx.gridStroke }),
-    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: ctx.props.xAxisKey ?? "name", style: ctx.axisStyle }),
-    /* @__PURE__ */ jsx(PolarRadiusAxis, { style: ctx.axisStyle }),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Radar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fillOpacity: s.fillOpacity ?? 0.6,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderScatter(ctx) {
-  const { props } = ctx;
-  return /* @__PURE__ */ jsxs(ScatterChart, { ...ctx.commonProps, children: [
-    props.showCartesianGrid !== false && chartGrid(ctx),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: props.xAxisKey ?? "name",
-        style: ctx.axisStyle,
-        label: props.xAxisLabel,
-        tickMargin: ctx.axisConfig.tickMargin
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        dataKey: ctx.chartSeries[0]?.dataKey,
-        style: ctx.axisStyle,
-        label: props.yAxisLabel,
-        tickMargin: ctx.axisConfig.tickMargin
-      }
-    ),
-    chartExtras(ctx),
-    /* @__PURE__ */ jsx(
-      Scatter,
-      {
-        name: ctx.chartSeries[0]?.name ?? "Data",
-        data: props.data,
-        fill: ctx.chartColors[0],
-        animationDuration: ctx.animationDuration
-      }
-    )
-  ] });
-}
-function composedSeries(ctx, s, index) {
-  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];
-  if (s.type === "bar") {
-    return /* @__PURE__ */ jsx(
-      Bar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        fill: color,
-        radius: ctx.barGeometry.radius,
-        maxBarSize: ctx.barGeometry.maxBarSize,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    );
-  }
-  if (s.type === "area") {
-    return /* @__PURE__ */ jsx(
-      Area,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: color,
-        fill: color,
-        fillOpacity: 0.6,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Line,
-    {
-      type: ctx.strokeType,
-      dataKey: s.dataKey,
-      name: s.name,
-      stroke: color,
-      animationDuration: ctx.animationDuration
-    },
-    s.dataKey
-  );
-}
-function renderComposed(ctx) {
-  return /* @__PURE__ */ jsxs(ComposedChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))
-  ] });
-}
-var RENDERERS = {
-  line: renderLine,
-  bar: renderBar,
-  area: renderArea,
-  pie: renderPie,
-  radar: renderRadar,
-  scatter: renderScatter,
-  composed: renderComposed
-};
-function renderChartByType(props, theme) {
-  const renderer = RENDERERS[props.type ?? "line"];
-  const ctx = buildChartContext(props, theme);
-  return renderer ? renderer(ctx) : /* @__PURE__ */ jsx(Fragment, {});
-}
-
-export {
-  renderChartByType
-};
-//# sourceMappingURL=chunk-H7SOEZHW.js.map

package/dist/chunk-HCYWRH5N.js

@@ -1,25 +0,0 @@
-import {
-  isUiTheme
-} from "./chunk-XZTRZ3HO.js";
-import {
-  muiThemeOptionsFrom
-} from "./chunk-QMNNADL3.js";
-import {
-  createUiTheme
-} from "./chunk-YFODI4KT.js";
-
-// src/provider/UiProvider.tsx
-import { createTheme, ThemeProvider } from "@mui/material/styles/index.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-function UiProvider({ theme, children }) {
-  const ui = React.useMemo(() => isUiTheme(theme) ? theme : createUiTheme(theme), [theme]);
-  const mui = React.useMemo(() => createTheme(muiThemeOptionsFrom(ui)), [ui]);
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme: mui, children });
-}
-UiProvider.displayName = "UiProvider";
-
-export {
-  UiProvider
-};
-//# sourceMappingURL=chunk-HCYWRH5N.js.map

package/dist/chunk-HGVPPJKE.js

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

package/dist/chunk-HJPPNVCF.js

@@ -1,64 +0,0 @@
-import {
-  useAutoplay,
-  useLightboxKeyboard,
-  useNavigation,
-  usePreloader,
-  useSwipe,
-  useWheelZoom,
-  useZoomState
-} from "./chunk-M6PWPEAV.js";
-
-// src/components/data-display/Lightbox/useLightbox.ts
-import { useCallback, useImperativeHandle, useState } from "react";
-var useLightbox = ({ isOpen, onClose, items, startIndex, showControls, loop, autoplay, zoomable }, ref) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const preloadImage = usePreloader();
-  const zoom = useZoomState();
-  const { currentIndex, goToIndex, next, prev } = useNavigation({
-    items,
-    loop,
-    startIndex,
-    resetZoom: zoom.resetZoom,
-    preloadImage
-  });
-  const currentItem = items[currentIndex];
-  const canZoom = Boolean(zoomable && currentItem && currentItem.type !== "video");
-  const handleWheel = useWheelZoom({ enabled: canZoom, setZoomLevel: zoom.setZoomLevel });
-  const { isAutoPlaying, setIsAutoPlaying, stopAutoplay } = useAutoplay({
-    isOpen,
-    autoplay,
-    itemCount: items.length,
-    currentIndex,
-    next
-  });
-  const close = useCallback(() => {
-    stopAutoplay();
-    onClose();
-  }, [stopAutoplay, onClose]);
-  const open = useCallback((index = 0) => goToIndex(index), [goToIndex]);
-  useImperativeHandle(ref, () => ({ open, close, next, prev, goTo: goToIndex }));
-  useLightboxKeyboard({ isOpen, showControls, autoplay, close, prev, next, setIsAutoPlaying });
-  const { handleTouchStart, handleTouchEnd } = useSwipe({ prev, next, close });
-  return {
-    currentIndex,
-    currentItem,
-    canZoom,
-    isLoading,
-    setIsLoading,
-    isAutoPlaying,
-    setIsAutoPlaying,
-    zoom,
-    handleWheel,
-    goToIndex,
-    next,
-    prev,
-    close,
-    handleTouchStart,
-    handleTouchEnd
-  };
-};
-
-export {
-  useLightbox
-};
-//# sourceMappingURL=chunk-HJPPNVCF.js.map

package/dist/chunk-HKD4TDZP.js

@@ -1,124 +0,0 @@
-import {
-  SaveViewModal
-} from "./chunk-4E4MSUY5.js";
-import {
-  ManageViewsDialog
-} from "./chunk-GCH7CLM4.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  SavedViewsMenu
-} from "./chunk-6H73SHHN.js";
-import {
-  Alert
-} from "./chunk-AUHYR7ID.js";
-
-// src/components/data-display/DataViews/data-views-table-parts.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ViewMutationErrorAlert({
-  error,
-  onClose,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (!error) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Alert,
-    {
-      variant: "danger",
-      title: copy.nav.updateFailed,
-      description: error,
-      closable: true,
-      closeLabel: copy.nav.dismissError,
-      onClose,
-      "data-testid": `${testIdPrefix}-views-mutation-error`
-    }
-  );
-}
-function ViewsMenuSlot({
-  views,
-  activeViewName,
-  applyView,
-  selectMain,
-  openCreate,
-  openEdit,
-  handleDelete,
-  patchView,
-  onManageAll,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    SavedViewsMenu,
-    {
-      labels: copy.savedViewsMenu,
-      views,
-      activeViewName,
-      onApply: applyView,
-      onSelectMain: selectMain,
-      onSaveCurrent: openCreate,
-      onEdit: openEdit,
-      onDelete: (view) => void handleDelete(view),
-      onSetDefault: (view) => void patchView(view, { isDefault: true }),
-      onTogglePin: (view) => void patchView(view, { pinned: !view.pinned }),
-      onToggleShare: (view) => void patchView(view, { shared: !view.shared }),
-      onManageAll,
-      testIdPrefix: `${testIdPrefix}-views`
-    }
-  );
-}
-function ViewDialogs({
-  saveOpen,
-  onCloseSave,
-  currentState,
-  fields,
-  columns,
-  editing,
-  onSave,
-  manageOpen,
-  onCloseManage,
-  views,
-  onEditFromManage,
-  onDelete,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      SaveViewModal,
-      {
-        open: saveOpen,
-        onClose: onCloseSave,
-        currentState,
-        fields,
-        columns,
-        editing,
-        onSave,
-        testIdPrefix: `${testIdPrefix}-views`
-      },
-      editing ? `edit-${editing.id}` : "create"
-    ),
-    /* @__PURE__ */ jsx(
-      ManageViewsDialog,
-      {
-        confirmCopy: copy.confirmAction,
-        open: manageOpen,
-        onClose: onCloseManage,
-        views,
-        onEdit: onEditFromManage,
-        onDelete,
-        testIdPrefix: `${testIdPrefix}-views`
-      }
-    )
-  ] });
-}
-
-export {
-  ViewMutationErrorAlert,
-  ViewsMenuSlot,
-  ViewDialogs
-};
-//# sourceMappingURL=chunk-HKD4TDZP.js.map