@omnitron-dev/prism 0.3.0 → 0.3.2

package/dist/chunk-36C5H56C.js

@@ -0,0 +1,208 @@
+import { createClasses } from './chunk-LH4ZZZYB.js';
+import { useRef, useState, useEffect } from 'react';
+import { LazyMotion, domMax, useMotionValue, useAnimationFrame, useTransform, useMotionTemplate, m } from 'framer-motion';
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var animateBorderClasses = {
+  root: createClasses("animate__border__root"),
+  primaryBorder: createClasses("animate__border__primary"),
+  secondaryBorder: createClasses("animate__border__secondary"),
+  svgWrapper: createClasses("animate__border__svg__wrapper"),
+  movingShape: createClasses("animate__border__moving__shape")
+};
+function borderGradient(props) {
+  const { color, padding = "2px" } = props ?? {};
+  return {
+    padding,
+    inset: 0,
+    width: "100%",
+    content: '""',
+    height: "100%",
+    margin: "auto",
+    position: "absolute",
+    borderRadius: "inherit",
+    mask: "linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)",
+    WebkitMask: "linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)",
+    maskComposite: "exclude",
+    WebkitMaskComposite: "xor",
+    ...color && { background: color }
+  };
+}
+function AnimateBorder({ sx, children, duration, slotProps, className, ...other }) {
+  const theme = useTheme();
+  const rootRef = useRef(null);
+  const primaryBorderRef = useRef(null);
+  const [isHidden, setIsHidden] = useState(false);
+  const secondaryBorderStyles = useComputedElementStyles(theme, primaryBorderRef);
+  useEffect(() => {
+    const handleVisibility = () => {
+      if (rootRef.current) {
+        const displayStyle = getComputedStyle(rootRef.current).display;
+        setIsHidden(displayStyle === "none");
+      }
+    };
+    handleVisibility();
+    window.addEventListener("resize", handleVisibility);
+    return () => {
+      window.removeEventListener("resize", handleVisibility);
+    };
+  }, []);
+  const outlineColor = typeof slotProps?.outlineColor === "function" ? slotProps?.outlineColor(theme) : slotProps?.outlineColor;
+  const borderProps = {
+    duration,
+    isHidden,
+    rx: slotProps?.svgSettings?.rx,
+    ry: slotProps?.svgSettings?.ry
+  };
+  const renderPrimaryBorder = () => /* @__PURE__ */ jsx(
+    MovingBorder,
+    {
+      ...borderProps,
+      ref: primaryBorderRef,
+      size: slotProps?.primaryBorder?.size,
+      sx: [
+        {
+          ...borderGradient({ padding: slotProps?.primaryBorder?.width })
+        },
+        ...Array.isArray(slotProps?.primaryBorder?.sx) ? slotProps.primaryBorder.sx : [slotProps?.primaryBorder?.sx]
+      ]
+    }
+  );
+  const renderSecondaryBorder = () => slotProps?.secondaryBorder && /* @__PURE__ */ jsx(
+    MovingBorder,
+    {
+      ...borderProps,
+      size: slotProps?.secondaryBorder?.size ?? slotProps?.primaryBorder?.size,
+      sx: [
+        {
+          ...borderGradient({
+            padding: slotProps?.secondaryBorder?.width ?? secondaryBorderStyles.padding
+          }),
+          borderRadius: secondaryBorderStyles.borderRadius,
+          transform: "scale(-1, -1)"
+        },
+        ...Array.isArray(slotProps?.secondaryBorder?.sx) ? slotProps.secondaryBorder.sx : [slotProps?.secondaryBorder?.sx]
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      dir: "ltr",
+      ref: rootRef,
+      className: [animateBorderClasses.root, className].filter(Boolean).join(" "),
+      sx: [
+        {
+          minWidth: 40,
+          minHeight: 40,
+          overflow: "hidden",
+          position: "relative",
+          width: "fit-content",
+          "&::before": borderGradient({
+            color: outlineColor,
+            padding: slotProps?.primaryBorder?.width
+          }),
+          ...!!children && {
+            minWidth: "unset",
+            minHeight: "unset"
+          }
+        },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      ...other,
+      children: [
+        renderPrimaryBorder(),
+        renderSecondaryBorder(),
+        children
+      ]
+    }
+  );
+}
+function MovingBorder({ sx, size, isHidden, rx = "30%", ry = "30%", duration = 8, ...other }) {
+  const svgRectRef = useRef(null);
+  const progress = useMotionValue(0);
+  const updateAnimationFrame = (time) => {
+    if (!svgRectRef.current) return;
+    try {
+      const pathLength = svgRectRef.current.getTotalLength();
+      const pixelsPerMs = pathLength / (duration * 1e3);
+      progress.set(time * pixelsPerMs % pathLength);
+    } catch {
+      return;
+    }
+  };
+  const calculateTransform = (val) => {
+    if (!svgRectRef.current) return { x: 0, y: 0 };
+    try {
+      const point = svgRectRef.current.getPointAtLength(val);
+      return point ? { x: point.x, y: point.y } : { x: 0, y: 0 };
+    } catch {
+      return { x: 0, y: 0 };
+    }
+  };
+  useAnimationFrame((time) => !isHidden ? updateAnimationFrame(time) : void 0);
+  const x = useTransform(progress, (val) => calculateTransform(val).x);
+  const y = useTransform(progress, (val) => calculateTransform(val).y);
+  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
+  return /* @__PURE__ */ jsxs(Box, { component: "span", sx: [{ textAlign: "initial" }, ...Array.isArray(sx) ? sx : [sx]], ...other, children: [
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        preserveAspectRatio: "none",
+        width: "100%",
+        height: "100%",
+        className: animateBorderClasses.svgWrapper,
+        style: { position: "absolute" },
+        children: /* @__PURE__ */ jsx("rect", { ref: svgRectRef, fill: "none", width: "100%", height: "100%", rx, ry })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: m.span,
+        style: { transform },
+        className: animateBorderClasses.movingShape,
+        sx: {
+          width: size,
+          height: size,
+          filter: "blur(8px)",
+          position: "absolute",
+          background: "radial-gradient(currentColor 40%, transparent 80%)"
+        }
+      }
+    )
+  ] });
+}
+function useComputedElementStyles(theme, ref) {
+  const [computedStyles, setComputedStyles] = useState(null);
+  const isRtl = theme.direction === "rtl";
+  useEffect(() => {
+    if (ref.current) {
+      const style = getComputedStyle(ref.current);
+      setComputedStyles({
+        paddingTop: style.paddingBottom,
+        paddingBottom: style.paddingTop,
+        paddingLeft: isRtl ? style.paddingLeft : style.paddingRight,
+        paddingRight: isRtl ? style.paddingRight : style.paddingLeft,
+        borderTopLeftRadius: isRtl ? style.borderBottomLeftRadius : style.borderBottomRightRadius,
+        borderTopRightRadius: isRtl ? style.borderBottomRightRadius : style.borderBottomLeftRadius,
+        borderBottomLeftRadius: isRtl ? style.borderTopLeftRadius : style.borderTopRightRadius,
+        borderBottomRightRadius: isRtl ? style.borderTopRightRadius : style.borderTopLeftRadius
+      });
+    }
+  }, [ref, isRtl]);
+  return {
+    padding: `${computedStyles?.paddingTop} ${computedStyles?.paddingRight} ${computedStyles?.paddingBottom} ${computedStyles?.paddingLeft}`,
+    borderRadius: `${computedStyles?.borderTopLeftRadius} ${computedStyles?.borderTopRightRadius} ${computedStyles?.borderBottomRightRadius} ${computedStyles?.borderBottomLeftRadius}`
+  };
+}
+function MotionLazy({ children }) {
+  return /* @__PURE__ */ jsx(LazyMotion, { strict: true, features: domMax, children });
+}
+
+export { AnimateBorder, MotionLazy, animateBorderClasses };
+//# sourceMappingURL=chunk-36C5H56C.js.map
+//# sourceMappingURL=chunk-36C5H56C.js.map

package/dist/chunk-36C5H56C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/animate/animate-border.tsx","../src/components/animate/motion-lazy.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-36C5H56C.js","sourcesContent":["import type { BoxProps } from '@mui/material/Box';\nimport type { Theme, SxProps, CSSObject } from '@mui/material/styles';\n\nimport { useRef, useState, useEffect } from 'react';\nimport { m, useTransform, useMotionValue, useAnimationFrame, useMotionTemplate } from 'framer-motion';\n\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\n\nimport { createClasses } from '../../utils/create-classes.js';\n\n// ----------------------------------------------------------------------\n\nexport const animateBorderClasses = {\n  root: createClasses('animate__border__root'),\n  primaryBorder: createClasses('animate__border__primary'),\n  secondaryBorder: createClasses('animate__border__secondary'),\n  svgWrapper: createClasses('animate__border__svg__wrapper'),\n  movingShape: createClasses('animate__border__moving__shape'),\n};\n\n// ----------------------------------------------------------------------\n\n/**\n * Portal-old compatible borderGradient mixin.\n * Uses CSS mask to create a ring from the padding area.\n * `currentColor` controls the ring color when no explicit color is given.\n */\nfunction borderGradient(props?: { color?: string; padding?: string }): CSSObject {\n  const { color, padding = '2px' } = props ?? {};\n\n  return {\n    padding,\n    inset: 0,\n    width: '100%',\n    content: '\"\"',\n    height: '100%',\n    margin: 'auto',\n    position: 'absolute',\n    borderRadius: 'inherit',\n    mask: 'linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)',\n    WebkitMask: 'linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)',\n    maskComposite: 'exclude',\n    WebkitMaskComposite: 'xor',\n    ...(color && { background: color }),\n  };\n}\n\n// ----------------------------------------------------------------------\n\ntype BorderStyleProps = {\n  /** Border stroke width as CSS string (e.g. '1px', '2px'). Default '2px'. */\n  width?: string;\n  /** Size (px) of the radial gradient glow that moves along the border. */\n  size?: number;\n  sx?: SxProps<Theme>;\n};\n\nexport type AnimateBorderProps = BoxProps & {\n  /** Animation duration in seconds. Default 8. */\n  duration?: number;\n  slotProps?: {\n    primaryBorder?: BorderStyleProps;\n    secondaryBorder?: BorderStyleProps;\n    /** Static outline color behind the animation. */\n    outlineColor?: string | ((theme: Theme) => string);\n    svgSettings?: {\n      rx?: string;\n      ry?: string;\n    };\n  };\n};\n\n// ----------------------------------------------------------------------\n\nexport function AnimateBorder({ sx, children, duration, slotProps, className, ...other }: AnimateBorderProps) {\n  const theme = useTheme();\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const primaryBorderRef = useRef<HTMLSpanElement>(null);\n\n  const [isHidden, setIsHidden] = useState(false);\n\n  const secondaryBorderStyles = useComputedElementStyles(theme, primaryBorderRef);\n\n  useEffect(() => {\n    const handleVisibility = () => {\n      if (rootRef.current) {\n        const displayStyle = getComputedStyle(rootRef.current).display;\n        setIsHidden(displayStyle === 'none');\n      }\n    };\n\n    handleVisibility();\n\n    window.addEventListener('resize', handleVisibility);\n\n    return () => {\n      window.removeEventListener('resize', handleVisibility);\n    };\n  }, []);\n\n  const outlineColor =\n    typeof slotProps?.outlineColor === 'function' ? slotProps?.outlineColor(theme) : slotProps?.outlineColor;\n\n  const borderProps = {\n    duration,\n    isHidden,\n    rx: slotProps?.svgSettings?.rx,\n    ry: slotProps?.svgSettings?.ry,\n  };\n\n  const renderPrimaryBorder = () => (\n    <MovingBorder\n      {...borderProps}\n      ref={primaryBorderRef}\n      size={slotProps?.primaryBorder?.size}\n      sx={[\n        {\n          ...borderGradient({ padding: slotProps?.primaryBorder?.width }),\n        },\n        ...(Array.isArray(slotProps?.primaryBorder?.sx)\n          ? (slotProps!.primaryBorder!.sx as any[])\n          : [slotProps?.primaryBorder?.sx]),\n      ]}\n    />\n  );\n\n  const renderSecondaryBorder = () =>\n    slotProps?.secondaryBorder && (\n      <MovingBorder\n        {...borderProps}\n        size={slotProps?.secondaryBorder?.size ?? slotProps?.primaryBorder?.size}\n        sx={[\n          {\n            ...borderGradient({\n              padding: slotProps?.secondaryBorder?.width ?? secondaryBorderStyles.padding,\n            }),\n            borderRadius: secondaryBorderStyles.borderRadius,\n            transform: 'scale(-1, -1)',\n          },\n          ...(Array.isArray(slotProps?.secondaryBorder?.sx)\n            ? (slotProps!.secondaryBorder!.sx as any[])\n            : [slotProps?.secondaryBorder?.sx]),\n        ]}\n      />\n    );\n\n  return (\n    <Box\n      dir=\"ltr\"\n      ref={rootRef}\n      className={[animateBorderClasses.root, className].filter(Boolean).join(' ')}\n      sx={[\n        {\n          minWidth: 40,\n          minHeight: 40,\n          overflow: 'hidden',\n          position: 'relative',\n          width: 'fit-content',\n          '&::before': borderGradient({\n            color: outlineColor,\n            padding: slotProps?.primaryBorder?.width,\n          }),\n          ...(!!children && {\n            minWidth: 'unset',\n            minHeight: 'unset',\n          }),\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...other}\n    >\n      {renderPrimaryBorder()}\n      {renderSecondaryBorder()}\n      {children}\n    </Box>\n  );\n}\n\n// ----------------------------------------------------------------------\n\ntype MovingBorderProps = BoxProps<'span'> & {\n  rx?: string;\n  ry?: string;\n  duration?: number;\n  isHidden?: boolean;\n  size?: BorderStyleProps['size'];\n};\n\nfunction MovingBorder({ sx, size, isHidden, rx = '30%', ry = '30%', duration = 8, ...other }: MovingBorderProps) {\n  const svgRectRef = useRef<SVGRectElement>(null);\n  const progress = useMotionValue<number>(0);\n\n  const updateAnimationFrame = (time: number) => {\n    if (!svgRectRef.current) return;\n    try {\n      const pathLength = svgRectRef.current.getTotalLength();\n      const pixelsPerMs = pathLength / (duration * 1000);\n      progress.set((time * pixelsPerMs) % pathLength);\n    } catch {\n      return;\n    }\n  };\n\n  const calculateTransform = (val: number) => {\n    if (!svgRectRef.current) return { x: 0, y: 0 };\n    try {\n      const point = svgRectRef.current.getPointAtLength(val);\n      return point ? { x: point.x, y: point.y } : { x: 0, y: 0 };\n    } catch {\n      return { x: 0, y: 0 };\n    }\n  };\n\n  useAnimationFrame((time) => (!isHidden ? updateAnimationFrame(time) : undefined));\n\n  const x = useTransform(progress, (val) => calculateTransform(val).x);\n  const y = useTransform(progress, (val) => calculateTransform(val).y);\n  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;\n\n  return (\n    <Box component=\"span\" sx={[{ textAlign: 'initial' }, ...(Array.isArray(sx) ? sx : [sx])]} {...other}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"none\"\n        width=\"100%\"\n        height=\"100%\"\n        className={animateBorderClasses.svgWrapper}\n        style={{ position: 'absolute' }}\n      >\n        <rect ref={svgRectRef} fill=\"none\" width=\"100%\" height=\"100%\" rx={rx} ry={ry} />\n      </svg>\n\n      <Box\n        component={m.span}\n        style={{ transform }}\n        className={animateBorderClasses.movingShape}\n        sx={{\n          width: size,\n          height: size,\n          filter: 'blur(8px)',\n          position: 'absolute',\n          background: 'radial-gradient(currentColor 40%, transparent 80%)',\n        }}\n      />\n    </Box>\n  );\n}\n\n// ----------------------------------------------------------------------\n\nfunction useComputedElementStyles(theme: Theme, ref: React.RefObject<HTMLSpanElement | null>) {\n  const [computedStyles, setComputedStyles] = useState<CSSObject | null>(null);\n\n  const isRtl = theme.direction === 'rtl';\n\n  useEffect(() => {\n    if (ref.current) {\n      const style = getComputedStyle(ref.current);\n      setComputedStyles({\n        paddingTop: style.paddingBottom,\n        paddingBottom: style.paddingTop,\n        paddingLeft: isRtl ? style.paddingLeft : style.paddingRight,\n        paddingRight: isRtl ? style.paddingRight : style.paddingLeft,\n        borderTopLeftRadius: isRtl ? style.borderBottomLeftRadius : style.borderBottomRightRadius,\n        borderTopRightRadius: isRtl ? style.borderBottomRightRadius : style.borderBottomLeftRadius,\n        borderBottomLeftRadius: isRtl ? style.borderTopLeftRadius : style.borderTopRightRadius,\n        borderBottomRightRadius: isRtl ? style.borderTopRightRadius : style.borderTopLeftRadius,\n      });\n    }\n  }, [ref, isRtl]);\n\n  return {\n    padding: `${computedStyles?.paddingTop} ${computedStyles?.paddingRight} ${computedStyles?.paddingBottom} ${computedStyles?.paddingLeft}`,\n    borderRadius: `${computedStyles?.borderTopLeftRadius} ${computedStyles?.borderTopRightRadius} ${computedStyles?.borderBottomRightRadius} ${computedStyles?.borderBottomLeftRadius}`,\n  };\n}\n","import { domMax, LazyMotion } from 'framer-motion';\n\n// ----------------------------------------------------------------------\n\nexport type MotionLazyProps = {\n  children: React.ReactNode;\n};\n\nexport function MotionLazy({ children }: MotionLazyProps) {\n  return (\n    <LazyMotion strict features={domMax}>\n      {children}\n    </LazyMotion>\n  );\n}\n"]}

package/dist/chunk-36FOXX25.js

@@ -0,0 +1,73 @@
+import { useId, useState } from 'react';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/confirm-dialog/confirm-dialog.tsx
+function ConfirmDialog({
+  open,
+  onClose,
+  onConfirm,
+  title = "Confirm",
+  content,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  confirmColor = "primary",
+  loading = false,
+  disabled = false,
+  maxWidth = "xs",
+  sx
+}) {
+  const titleId = useId();
+  const descriptionId = useId();
+  const [confirming, setConfirming] = useState(false);
+  const busy = loading || confirming;
+  const handleConfirm = () => {
+    if (busy) return;
+    const result = onConfirm();
+    if (!(result instanceof Promise)) return;
+    setConfirming(true);
+    result.catch(() => {
+    }).finally(() => setConfirming(false));
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose: busy ? void 0 : onClose,
+      maxWidth,
+      fullWidth: true,
+      "aria-labelledby": titleId,
+      "aria-describedby": content ? descriptionId : void 0,
+      sx,
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: titleId, children: title }),
+        content && /* @__PURE__ */ jsx(DialogContent, { children: typeof content === "string" ? /* @__PURE__ */ jsx(DialogContentText, { id: descriptionId, children: content }) : /* @__PURE__ */ jsx("div", { id: descriptionId, children: content }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, color: "inherit", disabled: busy, variant: "outlined", children: cancelLabel }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, color: confirmColor, variant: "contained", loading: busy, disabled, children: confirmLabel })
+        ] })
+      ]
+    }
+  );
+}
+function DeleteDialog({ itemName, content, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ConfirmDialog,
+    {
+      title: itemName ? `Delete "${itemName}"?` : "Delete item?",
+      content: content ?? "This action cannot be undone. Are you sure you want to proceed?",
+      confirmLabel: "Delete",
+      confirmColor: "error",
+      ...props
+    }
+  );
+}
+
+export { ConfirmDialog, DeleteDialog };
+//# sourceMappingURL=chunk-36FOXX25.js.map
+//# sourceMappingURL=chunk-36FOXX25.js.map

package/dist/chunk-36FOXX25.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":";;;;;;;;;;AAwFO,SAAS,aAAA,CAAc;AAAA,EAC5B,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,OAAA;AAAA,EACA,YAAA,GAAe,SAAA;AAAA,EACf,WAAA,GAAc,QAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX;AACF,CAAA,EAAkC;AAChC,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,gBAAgB,KAAA,EAAM;AAW5B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,OAAO,OAAA,IAAW,UAAA;AAExB,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,IAAA,EAAM;AAEV,IAAA,MAAM,SAAS,SAAA,EAAU;AACzB,IAAA,IAAI,EAAE,kBAAkB,OAAA,CAAA,EAAU;AAElC,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,MAAA,CACG,MAAM,MAAM;AAAA,IAKb,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM,aAAA,CAAc,KAAK,CAAC,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA,EAAS,OAAO,MAAA,GAAY,OAAA;AAAA,MAC5B,QAAA;AAAA,MACA,SAAA,EAAS,IAAA;AAAA,MACT,iBAAA,EAAiB,OAAA;AAAA,MACjB,kBAAA,EAAkB,UAAU,aAAA,GAAgB,MAAA;AAAA,MAC5C,EAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,OAAA,EAAU,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAEhC,2BACC,GAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAO,OAAA,KAAY,2BAClB,GAAA,CAAC,iBAAA,EAAA,EAAkB,EAAA,EAAI,aAAA,EAAgB,mBAAQ,CAAA,mBAE/C,GAAA,CAAC,SAAI,EAAA,EAAI,aAAA,EAAgB,mBAAQ,CAAA,EAErC,CAAA;AAAA,wBAGF,IAAA,CAAC,iBAAc,EAAA,EAAI,EAAE,IAAI,CAAA,EAAG,EAAA,EAAI,GAAE,EAChC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAS,OAAA,EAAS,KAAA,EAAM,WAAU,QAAA,EAAU,IAAA,EAAM,OAAA,EAAQ,UAAA,EAC/D,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BAEA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,aAAA,EAAe,KAAA,EAAO,YAAA,EAAc,OAAA,EAAQ,WAAA,EAAY,OAAA,EAAS,IAAA,EAAM,QAAA,EACrF,QAAA,EAAA,YAAA,EACH;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAwBO,SAAS,aAAa,EAAE,QAAA,EAAU,OAAA,EAAS,GAAG,OAAM,EAAiC;AAC1F,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,EAAA,CAAA,GAAO,cAAA;AAAA,MAC5C,SAAS,OAAA,IAAW,iEAAA;AAAA,MACpB,YAAA,EAAa,QAAA;AAAA,MACb,YAAA,EAAa,OAAA;AAAA,MACZ,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-36FOXX25.js","sourcesContent":["'use client';\n\n/**\n * Confirm Dialog Component\n *\n * Reusable confirmation dialog with customizable actions.\n * Implements WCAG 2.1 accessibility with proper ARIA attributes.\n *\n * @module components/confirm-dialog\n */\n\nimport { useId, useState, type ReactNode } from 'react';\nimport Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogActions from '@mui/material/DialogActions';\nimport Button from '@mui/material/Button';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ConfirmDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Called when dialog should close */\n  onClose: () => void;\n  /** Called when user confirms */\n  onConfirm: () => void | Promise<void>;\n  /** Dialog title */\n  title?: string;\n  /** Dialog content/message */\n  content?: ReactNode;\n  /** Confirm button text */\n  confirmLabel?: string;\n  /** Cancel button text */\n  cancelLabel?: string;\n  /** Confirm button color */\n  confirmColor?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';\n  /** Loading state for async confirm */\n  loading?: boolean;\n  /** Disable confirm button */\n  disabled?: boolean;\n  /** Maximum width of dialog */\n  maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;\n  /** Additional styles for dialog */\n  sx?: SxProps<Theme>;\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\n/**\n * ConfirmDialog - Reusable confirmation dialog.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n *\n * <ConfirmDialog\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   onConfirm={handleDelete}\n *   title=\"Delete item?\"\n *   content=\"This action cannot be undone.\"\n *   confirmColor=\"error\"\n *   confirmLabel=\"Delete\"\n * />\n * ```\n *\n * @example\n * ```tsx\n * // With async confirm\n * <ConfirmDialog\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   onConfirm={async () => {\n *     await deleteItem();\n *     setOpen(false);\n *   }}\n *   loading={isDeleting}\n *   title=\"Confirm deletion\"\n * />\n * ```\n */\nexport function ConfirmDialog({\n  open,\n  onClose,\n  onConfirm,\n  title = 'Confirm',\n  content,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  confirmColor = 'primary',\n  loading = false,\n  disabled = false,\n  maxWidth = 'xs',\n  sx,\n}: ConfirmDialogProps): ReactNode {\n  const titleId = useId();\n  const descriptionId = useId();\n\n  // Re-entry guard for the destructive action.\n  //\n  // The only thing standing between a double-click and two deletions used to\n  // be the caller's `loading` prop — and most callers don't thread one\n  // through, because the dialog's own example doesn't. An impatient operator\n  // clicking twice fired `onConfirm` twice.\n  //\n  // Tracked here rather than relying on the caller: this component knows when\n  // the action it started is still running.\n  const [confirming, setConfirming] = useState(false);\n  const busy = loading || confirming;\n\n  const handleConfirm = () => {\n    if (busy) return;\n\n    const result = onConfirm();\n    if (!(result instanceof Promise)) return;\n\n    setConfirming(true);\n    result\n      .catch(() => {\n        // The parent owns error reporting; the dialog only owns the button\n        // state. Swallowing here prevents an unhandled rejection, and the\n        // `finally` below makes sure a failure leaves the operator able to\n        // retry instead of stuck behind a spinner.\n      })\n      .finally(() => setConfirming(false));\n  };\n\n  return (\n    <Dialog\n      open={open}\n      onClose={busy ? undefined : onClose}\n      maxWidth={maxWidth}\n      fullWidth\n      aria-labelledby={titleId}\n      aria-describedby={content ? descriptionId : undefined}\n      sx={sx}\n    >\n      <DialogTitle id={titleId}>{title}</DialogTitle>\n\n      {content && (\n        <DialogContent>\n          {typeof content === 'string' ? (\n            <DialogContentText id={descriptionId}>{content}</DialogContentText>\n          ) : (\n            <div id={descriptionId}>{content}</div>\n          )}\n        </DialogContent>\n      )}\n\n      <DialogActions sx={{ px: 3, pb: 2 }}>\n        <Button onClick={onClose} color=\"inherit\" disabled={busy} variant=\"outlined\">\n          {cancelLabel}\n        </Button>\n\n        <Button onClick={handleConfirm} color={confirmColor} variant=\"contained\" loading={busy} disabled={disabled}>\n          {confirmLabel}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\n// =============================================================================\n// DELETE DIALOG\n// =============================================================================\n\nexport interface DeleteDialogProps extends Omit<ConfirmDialogProps, 'title' | 'confirmLabel' | 'confirmColor'> {\n  /** Name of the item being deleted */\n  itemName?: string;\n}\n\n/**\n * DeleteDialog - Specialized confirmation for delete actions.\n *\n * @example\n * ```tsx\n * <DeleteDialog\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   onConfirm={handleDelete}\n *   itemName=\"Project Alpha\"\n * />\n * ```\n */\nexport function DeleteDialog({ itemName, content, ...props }: DeleteDialogProps): ReactNode {\n  return (\n    <ConfirmDialog\n      title={itemName ? `Delete \"${itemName}\"?` : 'Delete item?'}\n      content={content ?? 'This action cannot be undone. Are you sure you want to proceed?'}\n      confirmLabel=\"Delete\"\n      confirmColor=\"error\"\n      {...props}\n    />\n  );\n}\n"]}