@12-apps/ui 6.54.0 → 6.55.0

package/dist/chunk-4D4LLSQC.js

@@ -1,231 +0,0 @@
-import {
-  SonnerToast
-} from "./chunk-6P2OFMBX.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/feedback/Sonner/Sonner.tsx
-import Box from "@mui/material/Box/index.js";
-import Portal from "@mui/material/Portal/index.js";
-import React, { createContext, useCallback, useContext, useRef, useState, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SonnerContext = createContext(null);
-var DEFAULT_DURATION_MS = 4e3;
-var buildToastItem = (toast2, id, type) => ({
-  ...toast2,
-  id,
-  type: type || toast2.type || "default",
-  createdAt: Date.now(),
-  visible: true
-});
-var scheduleAutoDismiss = (toast2, id, dismiss) => {
-  if (toast2.persistent || toast2.duration === 0) return;
-  window.setTimeout(() => dismiss(id), toast2.duration ?? DEFAULT_DURATION_MS);
-};
-var EXIT_TRANSITION_MS = 300;
-var resolveMessage = (message, value) => typeof message === "function" ? message(value) : message;
-var trackPromiseWithToasts = async (promiseToResolve, options, toasts) => {
-  const toastId = toasts.loading(options.loading);
-  try {
-    const data = await promiseToResolve;
-    toasts.dismiss(toastId);
-    toasts.success(resolveMessage(options.success, data));
-    return data;
-  } catch (err) {
-    toasts.dismiss(toastId);
-    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));
-    throw err;
-  }
-};
-var SonnerProvider = ({ children, dismissLabel }) => {
-  const [toasts, setToasts] = useState([]);
-  const toastCounter = useRef(0);
-  const dismiss = useCallback((id) => {
-    const matches = (toast3) => id === void 0 || toast3.id === id;
-    setToasts(
-      (prev) => prev.map((toast3) => matches(toast3) ? { ...toast3, visible: false } : toast3)
-    );
-    window.setTimeout(() => {
-      setToasts((prev) => prev.filter((toast3) => !matches(toast3)));
-    }, EXIT_TRANSITION_MS);
-  }, []);
-  const addToast = useCallback(
-    (toast3, type) => {
-      const id = `sonner-${++toastCounter.current}`;
-      setToasts((prev) => [...prev, buildToastItem(toast3, id, type)]);
-      scheduleAutoDismiss(toast3, id, dismiss);
-      return id;
-    },
-    [dismiss]
-  );
-  const makeShortcut = useCallback(
-    (type, extra) => (message, options) => addToast({ dismissLabel, ...options, ...extra, title: message }, type),
-    [addToast]
-  );
-  const toast2 = useMemo(() => makeShortcut("default"), [makeShortcut]);
-  const success = useMemo(() => makeShortcut("success"), [makeShortcut]);
-  const error = useMemo(() => makeShortcut("error"), [makeShortcut]);
-  const warning = useMemo(() => makeShortcut("warning"), [makeShortcut]);
-  const info = useMemo(() => makeShortcut("info"), [makeShortcut]);
-  const loading = useMemo(
-    () => makeShortcut("loading", { persistent: true }),
-    [makeShortcut]
-  );
-  const promise = useCallback(
-    (promiseToResolve, options) => trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),
-    [loading, success, error, dismiss]
-  );
-  const contextValue = {
-    toast: toast2,
-    success,
-    error,
-    warning,
-    info,
-    loading,
-    dismiss,
-    promise
-  };
-  useRegisterGlobalToast(contextValue);
-  return /* @__PURE__ */ jsxs(SonnerContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx(SonnerToaster, { toasts, onDismiss: dismiss })
-  ] });
-};
-var useSonner = () => {
-  const context = useContext(SonnerContext);
-  if (!context) {
-    throw new Error("useSonner must be used within a SonnerProvider");
-  }
-  return context;
-};
-var SonnerToaster = ({ toasts, onDismiss }) => {
-  const MAX_VISIBLE_TOASTS = 5;
-  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);
-  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        position: "fixed",
-        top: sxRem(16),
-        right: sxRem(16),
-        zIndex: 9999,
-        display: "flex",
-        flexDirection: "column",
-        pointerEvents: "none",
-        maxHeight: (theme) => `calc(100vh - ${rem(theme, 32)})`,
-        overflowY: "auto",
-        overflowX: "hidden"
-      },
-      children: [
-        hiddenCount > 0 && /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: {
-              p: 1,
-              mb: 0.5,
-              textAlign: "center",
-              fontSize: sxRem(12),
-              color: "text.secondary",
-              pointerEvents: "none"
-            },
-            children: [
-              "+",
-              hiddenCount,
-              " more"
-            ]
-          }
-        ),
-        visibleToasts.map((toast2) => /* @__PURE__ */ jsx(Box, { sx: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx(SonnerToast, { ...toast2, onDismiss }) }, toast2.id))
-      ]
-    }
-  ) });
-};
-var globalToastContext = null;
-var useRegisterGlobalToast = (context) => {
-  React.useEffect(() => {
-    globalToastContext = context;
-    return () => {
-      globalToastContext = null;
-    };
-  }, [context]);
-};
-var createToastInstance = () => {
-  const warnNoProvider = () => {
-    if (typeof window !== "undefined" && window.console && window.console.warn) {
-      window.console.warn("Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.");
-    }
-  };
-  const methods = {
-    toast: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.toast(message, options);
-    },
-    success: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.success(message, options);
-    },
-    error: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.error(message, options);
-    },
-    warning: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.warning(message, options);
-    },
-    info: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.info(message, options);
-    },
-    loading: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.loading(message, options);
-    },
-    dismiss: (id) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return;
-      }
-      globalToastContext.dismiss(id);
-    },
-    promise: async (promiseToResolve, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        throw new Error("No SonnerProvider found");
-      }
-      return globalToastContext.promise(promiseToResolve, options);
-    }
-  };
-  return methods;
-};
-var toast = createToastInstance();
-var Toaster = ({ children, dismissLabel }) => /* @__PURE__ */ jsx(SonnerProvider, { dismissLabel, children });
-
-export {
-  SonnerProvider,
-  useSonner,
-  useRegisterGlobalToast,
-  toast,
-  Toaster
-};
-//# sourceMappingURL=chunk-4D4LLSQC.js.map

package/dist/chunk-4E4MSUY5.js

@@ -1,271 +0,0 @@
-import {
-  describeViewState
-} from "./chunk-5M4TYFR3.js";
-import {
-  PreviewBox
-} from "./chunk-WV62BSWA.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Switch
-} from "./chunk-ZGCPDA3F.js";
-import {
-  Input
-} from "./chunk-UPCH5QOX.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-MQ277OLB.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-RIZRF5XR.js";
-import {
-  Text
-} from "./chunk-MKLIMY3D.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/SaveViewModal.tsx
-import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
-import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
-import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlineRounded";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FlagRow({
-  icon,
-  title,
-  description,
-  checked,
-  onChange,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "label",
-      sx: {
-        display: "flex",
-        alignItems: "flex-start",
-        gap: 1.5,
-        px: 1,
-        py: 1,
-        borderRadius: 1,
-        cursor: "pointer",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(default2, { sx: { mt: 0.25, color: "text.disabled", display: "flex" }, children: icon }),
-        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0, flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", fontSize: sxRem(14) }, children: title }) }),
-          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", color: "text.secondary", lineHeight: 1.5 }, children: description }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            size: "sm",
-            checked,
-            onChange: (_event, value) => onChange(value),
-            dataTestId: testId
-          }
-        )
-      ]
-    }
-  );
-}
-function FlagsSwitches({
-  pinned,
-  shared,
-  isDefault,
-  setPinned,
-  setShared,
-  setIsDefault,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default3, { spacing: 0, children: [
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small" }),
-        title: copy.saveView.pinnedTitle,
-        description: copy.saveView.pinnedDescription,
-        checked: pinned,
-        onChange: setPinned,
-        testId: `${testIdPrefix}-save-pinned`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small" }),
-        title: copy.saveView.sharedTitle,
-        description: copy.saveView.sharedDescription,
-        checked: shared,
-        onChange: setShared,
-        testId: `${testIdPrefix}-save-shared`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small" }),
-        title: copy.saveView.setDefaultTitle,
-        description: copy.saveView.setDefaultDescription,
-        checked: isDefault,
-        onChange: setIsDefault,
-        testId: `${testIdPrefix}-save-default`
-      }
-    )
-  ] });
-}
-function seedForm(editing) {
-  if (!editing) {
-    return { name: "", description: "", pinned: false, shared: false, isDefault: false };
-  }
-  return {
-    name: editing.name,
-    description: editing.description ?? "",
-    pinned: editing.pinned,
-    shared: editing.shared,
-    isDefault: editing.isDefault
-  };
-}
-function useSaveViewForm(editing, onSave) {
-  const copy = useDataViewsCopy();
-  const initial = seedForm(editing);
-  const [name, setName] = useState(initial.name);
-  const [description, setDescription] = useState(initial.description);
-  const [pinned, setPinned] = useState(initial.pinned);
-  const [shared, setShared] = useState(initial.shared);
-  const [isDefault, setIsDefault] = useState(initial.isDefault);
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState(null);
-  const canSave = name.trim().length > 0 && !saving;
-  async function submit() {
-    setSaving(true);
-    setError(null);
-    try {
-      await onSave({ name: name.trim(), description: description.trim(), shared, pinned, isDefault });
-    } catch (cause) {
-      setError(cause instanceof Error ? cause.message : copy.saveView.saveFailed);
-    } finally {
-      setSaving(false);
-    }
-  }
-  return {
-    name,
-    description,
-    pinned,
-    shared,
-    isDefault,
-    canSave,
-    error,
-    setName,
-    setDescription,
-    setPinned,
-    setShared,
-    setIsDefault,
-    submit
-  };
-}
-function FormFooter({
-  editing,
-  canSave,
-  onSubmit,
-  onClose,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default3, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end" }, children: [
-    /* @__PURE__ */ jsx(Button, { variant: "text", color: "neutral", onClick: onClose, dataTestId: `${testIdPrefix}-save-cancel`, children: copy.saveView.cancel }),
-    /* @__PURE__ */ jsx(Button, { onClick: onSubmit, disabled: !canSave, dataTestId: `${testIdPrefix}-save-submit`, children: editing ? copy.saveView.submitEditing : copy.saveView.submitCreating })
-  ] });
-}
-function SaveViewModal({
-  open,
-  onClose,
-  currentState,
-  fields,
-  columns,
-  editing,
-  onSave,
-  testIdPrefix = "view"
-}) {
-  const copy = useDataViewsCopy();
-  const form = useSaveViewForm(editing, onSave);
-  const preview = describeViewState(currentState, fields, columns);
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose,
-      title: editing ? copy.saveView.titleEditing : copy.saveView.titleCreating,
-      size: "sm",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-save-modal`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default3, { spacing: 2, "data-testid": `${testIdPrefix}-save-form`, children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            size: "sm",
-            fullWidth: true,
-            label: copy.saveView.nameLabel,
-            placeholder: copy.saveView.namePlaceholder,
-            value: form.name,
-            onChange: (event) => form.setName(event.target.value),
-            "data-testid": `${testIdPrefix}-save-name`
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            size: "sm",
-            fullWidth: true,
-            label: copy.saveView.descriptionLabel,
-            placeholder: copy.saveView.descriptionPlaceholder,
-            value: form.description,
-            onChange: (event) => form.setDescription(event.target.value),
-            "data-testid": `${testIdPrefix}-save-description`
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FlagsSwitches,
-          {
-            pinned: form.pinned,
-            shared: form.shared,
-            isDefault: form.isDefault,
-            setPinned: form.setPinned,
-            setShared: form.setShared,
-            setIsDefault: form.setIsDefault,
-            testIdPrefix
-          }
-        ),
-        /* @__PURE__ */ jsx(PreviewBox, { preview, testIdPrefix }),
-        form.error && /* @__PURE__ */ jsx(Text, { variant: "caption", color: "danger", as: "p", "data-testid": `${testIdPrefix}-save-error`, children: form.error }),
-        /* @__PURE__ */ jsx(
-          FormFooter,
-          {
-            editing,
-            canSave: form.canSave,
-            onSubmit: () => void form.submit(),
-            onClose,
-            testIdPrefix
-          }
-        )
-      ] }) })
-    }
-  );
-}
-
-export {
-  SaveViewModal
-};
-//# sourceMappingURL=chunk-4E4MSUY5.js.map

package/dist/chunk-4G47KBTP.js

@@ -1,153 +0,0 @@
-import {
-  absoluteInk,
-  controlNeutral,
-  neutralTones
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/typography/Blockquote/Blockquote.tsx
-import FormatQuote from "@mui/icons-material/FormatQuote";
-import Box from "@mui/material/Box/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    const { main, light, dark } = controlNeutral(theme);
-    return { main, light, dark };
-  }
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var StyledBlockquote = styled("blockquote", {
-  shouldForwardProp: (prop) => !["customVariant", "customColor"].includes(prop)
-})(({ theme, customVariant = "default", customColor = "neutral" }) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  const baseStyles = {
-    margin: "1.5em 0",
-    padding: 0,
-    position: "relative",
-    fontFamily: theme.typography.body1.fontFamily,
-    fontSize: rem(theme, 18),
-    lineHeight: 1.6,
-    fontStyle: "italic",
-    color: theme.palette.text.primary
-  };
-  if (customVariant === "bordered") {
-    return {
-      ...baseStyles,
-      padding: theme.spacing(3),
-      border: `${rem(theme, 2)} solid ${alpha(colorPalette.main, 0.2)}`,
-      borderRadius: theme.shape.borderRadius * 2,
-      backgroundColor: alpha(colorPalette.main, 0.03),
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        top: rem(theme, -1),
-        left: rem(theme, -1),
-        right: rem(theme, -1),
-        bottom: rem(theme, -1),
-        background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light})`,
-        borderRadius: theme.shape.borderRadius * 2,
-        padding: rem(theme, 2),
-        WebkitMask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,
-        WebkitMaskComposite: "exclude",
-        mask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,
-        maskComposite: "exclude"
-      }
-    };
-  }
-  if (customVariant === "citation") {
-    return {
-      ...baseStyles,
-      padding: theme.spacing(2, 3),
-      backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : alpha(neutralTones(theme).canvas, 0.95),
-      backdropFilter: theme.palette.mode === "dark" ? `blur(${rem(theme, 10)})` : "none",
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      borderRadius: theme.shape.borderRadius * 2,
-      boxShadow: theme.palette.mode === "dark" ? theme.shadows[4] : "none",
-      textAlign: "center"
-    };
-  }
-  return {
-    ...baseStyles,
-    paddingLeft: theme.spacing(3),
-    borderLeft: `${rem(theme, 4)} solid ${colorPalette.main}`,
-    backgroundColor: alpha(colorPalette.main, 0.05),
-    padding: theme.spacing(2, 3),
-    borderRadius: theme.shape.borderRadius
-  };
-});
-var QuoteIcon = styled(FormatQuote)(({ theme, customColor }) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  return {
-    position: "absolute",
-    top: theme.spacing(1),
-    left: theme.spacing(1),
-    fontSize: rem(theme, 32),
-    opacity: 0.3,
-    transform: "rotate(180deg)",
-    color: colorPalette.main
-  };
-});
-var CitationContainer = styled(Box)(({ theme }) => ({
-  marginTop: theme.spacing(2),
-  textAlign: "right",
-  fontStyle: "normal",
-  opacity: 0.8
-}));
-var AuthorName = styled(Typography)(({ theme }) => ({
-  fontWeight: 600,
-  fontSize: rem(theme, 14),
-  marginBottom: theme.spacing(0.5)
-}));
-var SourceName = styled(Typography)(({ theme }) => ({
-  fontSize: rem(theme, 12),
-  opacity: 0.7
-}));
-var Blockquote = React.forwardRef(
-  ({ variant = "default", author, source, color = "neutral", children, ...props }, ref) => {
-    const showCitation = author || source;
-    const showIcon = variant === "bordered" || variant === "citation";
-    return /* @__PURE__ */ jsxs(StyledBlockquote, { ref, customVariant: variant, customColor: color, ...props, children: [
-      showIcon && /* @__PURE__ */ jsx(QuoteIcon, { customColor: color }),
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          component: "div",
-          sx: {
-            fontSize: "inherit",
-            lineHeight: "inherit",
-            fontStyle: "inherit",
-            color: "inherit",
-            margin: 0
-          },
-          children
-        }
-      ),
-      showCitation && /* @__PURE__ */ jsxs(CitationContainer, { children: [
-        author && /* @__PURE__ */ jsxs(AuthorName, { children: [
-          "\u2014 ",
-          author
-        ] }),
-        source && /* @__PURE__ */ jsx(SourceName, { children: source })
-      ] })
-    ] });
-  }
-);
-Blockquote.displayName = "Blockquote";
-
-export {
-  Blockquote
-};
-//# sourceMappingURL=chunk-4G47KBTP.js.map