@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-OLZTGVBT.js

@@ -1,216 +0,0 @@
-import {
-  useDragGestures
-} from "./chunk-CRN4KKNI.js";
-import {
-  SPRING_CONFIG
-} from "./chunk-F52N6ACD.js";
-
-// src/components/data-display/Sheet/Sheet.hooks.ts
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-var closestSnapPoint = (points, position, from, velocity, velocityThreshold) => {
-  if (Math.abs(velocity) > velocityThreshold) {
-    const index = points.findIndex((point) => Math.abs(point - from) < 0.01);
-    if (velocity > 0 && index < points.length - 1) return points[index + 1];
-    if (velocity < 0 && index > 0) return points[index - 1];
-  }
-  return points.reduce(
-    (closest, point) => Math.abs(position - point) < Math.abs(position - closest) ? point : closest,
-    points[0] ?? from
-  );
-};
-var useSheetHeight = (input) => {
-  const { isVerticalSheet, isBottomSheet, isTopSheet } = input;
-  const [currentHeight, setCurrentHeight] = useState(null);
-  const sheetRef = useRef(null);
-  const updateSheetHeight = useCallback(
-    (snapPoint) => {
-      if (!sheetRef.current || !isVerticalSheet) return;
-      const height = Math.round(window.innerHeight * snapPoint);
-      if (isBottomSheet) {
-        sheetRef.current.style.height = `${height}px`;
-        sheetRef.current.style.transform = "translateY(0)";
-      } else if (isTopSheet) {
-        sheetRef.current.style.height = `${height}px`;
-      }
-      setCurrentHeight(height);
-    },
-    [isBottomSheet, isTopSheet, isVerticalSheet]
-  );
-  return { sheetRef, currentHeight, updateSheetHeight };
-};
-var useSnapAnimation = ({
-  isVerticalSheet,
-  animationConfig,
-  updateSheetHeight,
-  onSettled,
-  enabled
-}) => {
-  const [isAnimating, setIsAnimating] = useState(false);
-  const animationFrameRef = useRef(void 0);
-  const animateToSnapPoint = useCallback(
-    (from, to, velocity = 0) => {
-      if (!enabled() || !isVerticalSheet) return;
-      setIsAnimating(true);
-      const distance = to - from;
-      const startTime = globalThis.performance.now();
-      const { tension, friction } = { ...SPRING_CONFIG, ...animationConfig };
-      let currentVelocity = velocity * 1e3;
-      const animate = () => {
-        const elapsed = (globalThis.performance.now() - startTime) / 1e3;
-        const springForce = -tension * (from - to);
-        const dampingForce = -friction * currentVelocity;
-        currentVelocity += (springForce + dampingForce) * 0.016;
-        const progress = Math.min(1, elapsed * 4);
-        updateSheetHeight(from + distance * progress);
-        if (progress < 1) {
-          animationFrameRef.current = window.requestAnimationFrame(animate);
-          return;
-        }
-        setIsAnimating(false);
-        onSettled(to);
-        updateSheetHeight(to);
-      };
-      animate();
-    },
-    [isVerticalSheet, animationConfig, updateSheetHeight, onSettled, enabled]
-  );
-  const cancelAnimation = useCallback(() => {
-    if (animationFrameRef.current) {
-      window.cancelAnimationFrame(animationFrameRef.current);
-    }
-  }, []);
-  return { isAnimating, animateToSnapPoint, cancelAnimation };
-};
-var useSnapGeometry = (input) => {
-  const {
-    isVerticalSheet,
-    snapPoints,
-    defaultSnapPoint,
-    minSnapPoint,
-    maxSnapPoint,
-    velocityThreshold,
-    animationConfig,
-    onSnapPointChange
-  } = input;
-  const [currentSnapPoint, setCurrentSnapPoint] = useState(defaultSnapPoint);
-  const { sheetRef, currentHeight, updateSheetHeight } = useSheetHeight(input);
-  const sortedSnapPoints = useMemo(
-    () => [...snapPoints].sort((a, b) => a - b).filter((point) => point >= minSnapPoint && point <= maxSnapPoint),
-    [snapPoints, minSnapPoint, maxSnapPoint]
-  );
-  const onSettled = useCallback(
-    (snapPoint) => {
-      setCurrentSnapPoint(snapPoint);
-      onSnapPointChange?.(snapPoint);
-    },
-    [onSnapPointChange]
-  );
-  const hasPanel = useCallback(() => Boolean(sheetRef.current), [sheetRef]);
-  const { isAnimating, animateToSnapPoint, cancelAnimation } = useSnapAnimation({
-    isVerticalSheet,
-    animationConfig,
-    updateSheetHeight,
-    onSettled,
-    enabled: hasPanel
-  });
-  const settleAt = useCallback(
-    (position, velocity) => {
-      const target = closestSnapPoint(
-        sortedSnapPoints,
-        position,
-        currentSnapPoint,
-        velocity,
-        velocityThreshold
-      );
-      if (target === void 0) return void 0;
-      animateToSnapPoint(currentSnapPoint, target, velocity);
-      return target;
-    },
-    [sortedSnapPoints, currentSnapPoint, velocityThreshold, animateToSnapPoint]
-  );
-  const resetToDefaultSnapPoint = useCallback(() => {
-    setCurrentSnapPoint(defaultSnapPoint);
-    updateSheetHeight(defaultSnapPoint);
-  }, [defaultSnapPoint, updateSheetHeight]);
-  return {
-    sheetRef,
-    currentSnapPoint,
-    currentHeight,
-    isAnimating,
-    updateSheetHeight,
-    settleAt,
-    resetToDefaultSnapPoint,
-    cancelAnimation
-  };
-};
-var useSheetDrag = (input) => {
-  const geometry = useSnapGeometry(input);
-  const { isDragging, handleDragStart } = useDragGestures(input, geometry);
-  return {
-    sheetRef: geometry.sheetRef,
-    currentHeight: geometry.currentHeight,
-    isAnimating: geometry.isAnimating,
-    resetToDefaultSnapPoint: geometry.resetToDefaultSnapPoint,
-    isDragging,
-    handleDragStart
-  };
-};
-var useSheetOpen = (input) => {
-  const {
-    open,
-    persistent,
-    disabled,
-    closeOnEscape,
-    closeOnOverlayClick,
-    isDraggableVariant,
-    isVerticalSheet,
-    resetToDefaultSnapPoint,
-    onOpenChange,
-    onClose,
-    onOpen
-  } = input;
-  const [isOpen, setIsOpen] = useState(open);
-  const handleClose = useCallback(() => {
-    if (!persistent && !disabled) {
-      setIsOpen(false);
-      onOpenChange?.(false);
-      onClose?.();
-    }
-  }, [persistent, disabled, onOpenChange, onClose]);
-  const handleOverlayClick = useCallback(() => {
-    if (closeOnOverlayClick && !persistent) {
-      handleClose();
-    }
-  }, [closeOnOverlayClick, persistent, handleClose]);
-  const handleSwipeOpen = useCallback(() => {
-    setIsOpen(true);
-    onOpenChange?.(true);
-    onOpen?.();
-  }, [onOpenChange, onOpen]);
-  useEffect(() => {
-    setIsOpen(open);
-    if (open) {
-      onOpen?.();
-      if (isDraggableVariant && isVerticalSheet) {
-        resetToDefaultSnapPoint();
-      }
-    }
-  }, [open, onOpen, isDraggableVariant, isVerticalSheet, resetToDefaultSnapPoint]);
-  useEffect(() => {
-    if (!isOpen) return;
-    const handleEscape = (e) => {
-      if (closeOnEscape && e.key === "Escape") {
-        handleClose();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [isOpen, closeOnEscape, handleClose]);
-  return { isOpen, handleClose, handleOverlayClick, handleSwipeOpen };
-};
-
-export {
-  useSheetDrag,
-  useSheetOpen
-};
-//# sourceMappingURL=chunk-OLZTGVBT.js.map

package/dist/chunk-OSSFOPB7.js

@@ -1,91 +0,0 @@
-import {
-  CaretGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  triggerChevronSx,
-  triggerClearSx,
-  triggerCountSx,
-  triggerSx
-} from "./chunk-ZSRLRDTP.js";
-
-// src/components/form/CategorySelect/CategoryTrigger.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryTrigger({
-  placeholder,
-  selectionLabel,
-  count,
-  open,
-  disabled,
-  fullWidth,
-  onOpen,
-  onClear,
-  triggerRef,
-  dataTestId,
-  copy
-}) {
-  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      ref: triggerRef,
-      disabled,
-      "aria-haspopup": "dialog",
-      "aria-expanded": open,
-      "data-testid": `${dataTestId}-trigger`,
-      onClick: onOpen,
-      sx: (theme) => ({
-        ...triggerSx(theme, hasSelection, open),
-        width: fullWidth ? "100%" : "auto"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            sx: {
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              maxWidth: 190,
-              flex: fullWidth ? 1 : "0 1 auto",
-              textAlign: "left"
-            },
-            children: selectionLabel ?? placeholder
-          }
-        ),
-        count !== void 0 && count > 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: triggerCountSx, "data-testid": `${dataTestId}-count`, children: count }),
-        hasSelection && onClear && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            role: "button",
-            tabIndex: 0,
-            "aria-label": copy.clearSelection,
-            "data-testid": `${dataTestId}-clear-trigger`,
-            sx: triggerClearSx,
-            onClick: (event) => {
-              event.stopPropagation();
-              onClear();
-            },
-            onKeyDown: (event) => {
-              if (event.key !== "Enter" && event.key !== " ") return;
-              event.preventDefault();
-              event.stopPropagation();
-              onClear();
-            },
-            children: "\xD7"
-          }
-        ),
-        /* @__PURE__ */ jsx(CaretGlyph, { style: triggerChevronSx(open) })
-      ]
-    }
-  );
-}
-
-export {
-  CategoryTrigger
-};
-//# sourceMappingURL=chunk-OSSFOPB7.js.map

package/dist/chunk-OT5DVKXP.js

@@ -1,72 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-L4UP5VYS.js";
-import {
-  default as default2
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-3EDZU2H7.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/DeleteViewDialog.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function DeleteViewDialog({
-  view,
-  onClose,
-  onConfirm,
-  /** What this table holds, for the "your records are safe" line. */
-  entityLabel = "Os registros",
-  testIdPrefix = "view"
-}) {
-  const copy = useDataViewsCopy();
-  if (!view) return null;
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open: true,
-      onClose,
-      title: copy.deleteView.title,
-      size: "sm",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-delete-modal`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default2, { spacing: 1.5, children: [
-        /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", "data-testid": `${testIdPrefix}-delete-target`, children: copy.deleteView.target(view.name) }),
-        view.shared && /* @__PURE__ */ jsx(Text, { variant: "body", color: "warning", as: "p", "data-testid": `${testIdPrefix}-delete-shared`, children: copy.deleteView.sharedWarning }),
-        /* @__PURE__ */ jsx(Text, { variant: "body", color: "secondary", as: "p", children: copy.deleteView.rowsUnaffected(entityLabel) }),
-        /* @__PURE__ */ jsxs(default2, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end", pt: 0.5 }, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              color: "neutral",
-              onClick: onClose,
-              dataTestId: `${testIdPrefix}-delete-cancel`,
-              children: copy.deleteView.cancel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              color: "danger",
-              onClick: () => onConfirm(view),
-              dataTestId: `${testIdPrefix}-delete-confirm`,
-              children: copy.deleteView.confirm
-            }
-          )
-        ] })
-      ] }) })
-    }
-  );
-}
-
-export {
-  DeleteViewDialog
-};
-//# sourceMappingURL=chunk-OT5DVKXP.js.map

package/dist/chunk-OYYCANKB.js

@@ -1,247 +0,0 @@
-import {
-  buttonRadioSx,
-  formLabelSx,
-  radioCardSx,
-  segmentButtonSx,
-  segmentContainerSx
-} from "./chunk-RPBA4WH7.js";
-
-// src/components/form/RadioGroup/RadioGroup.variants.tsx
-import Box from "@mui/material/Box/index.js";
-import ButtonBase from "@mui/material/ButtonBase/index.js";
-import Card from "@mui/material/Card/index.js";
-import CardContent from "@mui/material/CardContent/index.js";
-import FormControlLabel from "@mui/material/FormControlLabel/index.js";
-import FormLabel from "@mui/material/FormLabel/index.js";
-import Radio from "@mui/material/Radio/index.js";
-import MuiRadioGroup from "@mui/material/RadioGroup/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledFormLabel = styled(FormLabel, {
-  shouldForwardProp: (prop) => !["glass", "error"].includes(prop)
-})(({ theme, glass, error }) => ({
-  ...formLabelSx(theme, glass, error)
-}));
-var StyledRadioCard = styled(Card, {
-  shouldForwardProp: (prop) => !["selected", "customColor", "glass", "gradient", "glow", "customSize", "animated"].includes(
-    prop
-  )
-})(({ theme, ...flags }) => ({ ...radioCardSx(theme, flags) }));
-var StyledButtonRadio = styled(ButtonBase, {
-  shouldForwardProp: (prop) => !["selected", "customColor", "glass", "gradient", "customSize", "animated"].includes(
-    prop
-  )
-})(({ theme, ...flags }) => ({ ...buttonRadioSx(theme, flags) }));
-var StyledSegmentContainer = styled(Box, {
-  shouldForwardProp: (prop) => !["glass", "customColor"].includes(prop)
-})(({ theme, glass, customColor }) => ({
-  ...segmentContainerSx(theme, glass, customColor)
-}));
-var StyledSegmentButton = styled(ButtonBase, {
-  shouldForwardProp: (prop) => !["selected", "customColor", "customSize", "animated"].includes(prop)
-})(({ theme, ...flags }) => ({ ...segmentButtonSx(theme, flags) }));
-var testId = (base, suffix) => base ? `${base}-${suffix}` : void 0;
-var muiRadioColor = (color) => color === "danger" ? "error" : color;
-var OptionLabel = ({
-  option,
-  testIdValue
-}) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, "data-testid": testIdValue, children: [
-  option.icon,
-  option.label
-] });
-var DefaultRadios = ({
-  options,
-  value,
-  color,
-  direction,
-  showDescriptions,
-  dataTestId,
-  groupRef,
-  onChange,
-  rest
-}) => /* @__PURE__ */ jsx(
-  MuiRadioGroup,
-  {
-    ref: groupRef,
-    value,
-    onChange,
-    ...rest,
-    sx: { flexDirection: direction, gap: 1 },
-    "data-testid": testId(dataTestId, "group"),
-    children: options.map((option, index) => /* @__PURE__ */ jsx(
-      FormControlLabel,
-      {
-        value: option.value,
-        disabled: option.disabled,
-        "data-testid": testId(dataTestId, `option-${index}`),
-        control: /* @__PURE__ */ jsx(
-          Radio,
-          {
-            color: muiRadioColor(color),
-            "data-testid": testId(dataTestId, `radio-${index}`)
-          }
-        ),
-        label: /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: { display: "flex", alignItems: "center", gap: 1 },
-            "data-testid": testId(dataTestId, `label-${index}`),
-            children: [
-              option.icon,
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { children: option.label }),
-                option.description && showDescriptions && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: option.description })
-              ] })
-            ]
-          }
-        )
-      },
-      option.value
-    ))
-  }
-);
-var CardBody = ({
-  option,
-  index,
-  isSelected,
-  color,
-  showDescriptions,
-  dataTestId
-}) => /* @__PURE__ */ jsx(CardContent, { sx: { p: 2, "&:last-child": { pb: 2 } }, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", gap: 2 }, children: [
-  option.icon && /* @__PURE__ */ jsx(Box, { sx: { mt: 0.5, color: isSelected ? `${color}.main` : "text.secondary" }, children: option.icon }),
-  /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "subtitle1",
-        fontWeight: 600,
-        color: isSelected ? `${color}.main` : "text.primary",
-        "data-testid": testId(dataTestId, `label-${index}`),
-        children: option.label
-      }
-    ),
-    option.description && showDescriptions && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: option.description })
-  ] })
-] }) });
-var CardRadios = ({
-  options,
-  value,
-  color,
-  size,
-  direction,
-  showDescriptions,
-  glass,
-  gradient,
-  glow,
-  dataTestId,
-  onSelect
-}) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: { display: "flex", flexDirection: direction, gap: 2 },
-    "data-testid": testId(dataTestId, "container"),
-    children: options.map((option, index) => /* @__PURE__ */ jsx(
-      StyledRadioCard,
-      {
-        selected: value === option.value,
-        customColor: color,
-        glass,
-        gradient,
-        glow,
-        customSize: size,
-        animated: true,
-        "data-testid": testId(dataTestId, `card-${index}`),
-        onClick: () => onSelect(option),
-        children: /* @__PURE__ */ jsx(
-          CardBody,
-          {
-            option,
-            index,
-            isSelected: value === option.value,
-            color,
-            showDescriptions,
-            dataTestId
-          }
-        )
-      },
-      option.value
-    ))
-  }
-);
-var ButtonRadios = ({
-  options,
-  value,
-  color,
-  size,
-  direction,
-  glass,
-  gradient,
-  dataTestId,
-  onSelect
-}) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: { display: "flex", flexDirection: direction, gap: 1, flexWrap: "wrap" },
-    "data-testid": testId(dataTestId, "container"),
-    children: options.map((option, index) => /* @__PURE__ */ jsx(
-      StyledButtonRadio,
-      {
-        selected: value === option.value,
-        customColor: color,
-        glass,
-        gradient,
-        customSize: size,
-        animated: true,
-        disabled: option.disabled,
-        "data-testid": testId(dataTestId, `button-${index}`),
-        onClick: () => onSelect(option),
-        children: /* @__PURE__ */ jsx(OptionLabel, { option, testIdValue: testId(dataTestId, `label-${index}`) })
-      },
-      option.value
-    ))
-  }
-);
-var SegmentRadios = ({
-  options,
-  value,
-  color,
-  size,
-  glass,
-  dataTestId,
-  onSelect
-}) => /* @__PURE__ */ jsx(
-  StyledSegmentContainer,
-  {
-    glass,
-    customColor: color,
-    "data-testid": testId(dataTestId, "container"),
-    children: options.map((option, index) => /* @__PURE__ */ jsx(
-      StyledSegmentButton,
-      {
-        selected: value === option.value,
-        customColor: color,
-        customSize: size,
-        animated: true,
-        disabled: option.disabled,
-        "data-testid": testId(dataTestId, `segment-${index}`),
-        onClick: () => onSelect(option),
-        children: /* @__PURE__ */ jsx(OptionLabel, { option, testIdValue: testId(dataTestId, `label-${index}`) })
-      },
-      option.value
-    ))
-  }
-);
-var GroupLabel = ({ glass, error, dataTestId, children }) => /* @__PURE__ */ jsx(StyledFormLabel, { glass, error, "data-testid": testId(dataTestId, "label"), children });
-
-export {
-  testId,
-  OptionLabel,
-  DefaultRadios,
-  CardBody,
-  CardRadios,
-  ButtonRadios,
-  SegmentRadios,
-  GroupLabel
-};
-//# sourceMappingURL=chunk-OYYCANKB.js.map