@collabdt/core 0.0.40

package/dist/core/components/ui/AlertDialog.js

@@ -0,0 +1,168 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { cn } from "../../utils/utils";
+import { buttonVariants } from "../ui/Button";
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      )
+    }, props), {
+      ref
+    })
+  );
+});
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef((_c, ref) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      __spreadValues({
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          className
+        )
+      }, props)
+    )
+  ] });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = (_e) => {
+  var _f = _e, {
+    className
+  } = _f, props = __objRest(_f, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col space-y-2 text-center sm:text-left",
+        className
+      )
+    }, props)
+  );
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = (_g) => {
+  var _h = _g, {
+    className
+  } = _h, props = __objRest(_h, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      )
+    }, props)
+  );
+};
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef((_i, ref) => {
+  var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: cn("text-lg font-semibold", className)
+    }, props)
+  );
+});
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef((_k, ref) => {
+  var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef((_m, ref) => {
+  var _n = _m, { className } = _n, props = __objRest(_n, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Action,
+    __spreadValues({
+      ref,
+      className: cn(buttonVariants(), className)
+    }, props)
+  );
+});
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef((_o, ref) => {
+  var _p = _o, { className } = _p, props = __objRest(_p, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    __spreadValues({
+      ref,
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "mt-2 sm:mt-0",
+        className
+      )
+    }, props)
+  );
+});
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=AlertDialog.js.map

package/dist/core/components/ui/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/AlertDialog.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\r\n\r\nimport { cn } from '../../utils/utils'\r\nimport { buttonVariants } from '../ui/Button'\r\n\r\nconst AlertDialog = AlertDialogPrimitive.Root\r\n\r\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\r\n\r\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\r\n\r\nconst AlertDialogOverlay = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <AlertDialogPrimitive.Overlay\r\n    className={cn(\r\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  />\r\n))\r\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\r\n\r\nconst AlertDialogContent = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <AlertDialogPortal>\r\n    <AlertDialogOverlay />\r\n    <AlertDialogPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </AlertDialogPortal>\r\n))\r\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\r\n\r\nconst AlertDialogHeader = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col space-y-2 text-center sm:text-left',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nAlertDialogHeader.displayName = 'AlertDialogHeader'\r\n\r\nconst AlertDialogFooter = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nAlertDialogFooter.displayName = 'AlertDialogFooter'\r\n\r\nconst AlertDialogTitle = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <AlertDialogPrimitive.Title\r\n    ref={ref}\r\n    className={cn('text-lg font-semibold', className)}\r\n    {...props}\r\n  />\r\n))\r\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\r\n\r\nconst AlertDialogDescription = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <AlertDialogPrimitive.Description\r\n    ref={ref}\r\n    className={cn('text-sm text-muted-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nAlertDialogDescription.displayName\r\n  = AlertDialogPrimitive.Description.displayName\r\n\r\nconst AlertDialogAction = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\r\n>(({ className, ...props }, ref) => (\r\n  <AlertDialogPrimitive.Action\r\n    ref={ref}\r\n    className={cn(buttonVariants(), className)}\r\n    {...props}\r\n  />\r\n))\r\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\r\n\r\nconst AlertDialogCancel = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\r\n>(({ className, ...props }, ref) => (\r\n  <AlertDialogPrimitive.Cancel\r\n    ref={ref}\r\n    className={cn(\r\n      buttonVariants({ variant: 'outline' }),\r\n      'mt-2 sm:mt-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\r\n\r\nexport {\r\n  AlertDialog,\r\n  AlertDialogPortal,\r\n  AlertDialogOverlay,\r\n  AlertDialogTrigger,\r\n  AlertDialogContent,\r\n  AlertDialogHeader,\r\n  AlertDialogFooter,\r\n  AlertDialogTitle,\r\n  AlertDialogDescription,\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/AnimatedBackground.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    theme?: 'light' | 'dark';
+}
+export default function AnimatedBackground({ theme }?: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AnimatedBackground.d.ts.map

package/dist/core/components/ui/AnimatedBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/AnimatedBackground.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,GAAE,KAAU,+BA6O/D"}

package/dist/core/components/ui/AnimatedBackground.js

@@ -0,0 +1,185 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useMotionValue, useSpring } from "framer-motion";
+function AnimatedBackground({ theme } = {}) {
+  const canvasRef = useRef(null);
+  const mouseX = useMotionValue(0);
+  const mouseY = useMotionValue(0);
+  const smoothMouseX = useSpring(mouseX, { stiffness: 50, damping: 20 });
+  const smoothMouseY = useSpring(mouseY, { stiffness: 50, damping: 20 });
+  const [isDark, setIsDark] = useState(theme !== void 0 ? theme === "dark" : true);
+  useEffect(() => {
+    if (theme !== void 0) {
+      setIsDark(theme === "dark");
+      return;
+    }
+    setIsDark(document.documentElement.classList.contains("dark"));
+    const observer = new MutationObserver(() => {
+      setIsDark(document.documentElement.classList.contains("dark"));
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => observer.disconnect();
+  }, [theme]);
+  useEffect(() => {
+    const handleMouseMove = (e) => {
+      mouseX.set(e.clientX);
+      mouseY.set(e.clientY);
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    return () => window.removeEventListener("mousemove", handleMouseMove);
+  }, [mouseX, mouseY]);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const resize = () => {
+      canvas.width = window.innerWidth;
+      canvas.height = window.innerHeight;
+    };
+    resize();
+    window.addEventListener("resize", resize);
+    let animationFrameId;
+    let time = 0;
+    let offsetX = 0;
+    const dataNodes = [];
+    const gridSize = 100;
+    const nodeSpacing = 150;
+    const nodeCols = Math.ceil(canvas.width / nodeSpacing) + 2;
+    const nodeRows = Math.ceil(canvas.height / nodeSpacing);
+    for (let row = 0; row < nodeRows; row++) {
+      for (let col = 0; col < nodeCols; col++) {
+        const index = row * nodeCols + col;
+        const baseX = col * nodeSpacing + nodeSpacing / 2;
+        const baseY = row * nodeSpacing + nodeSpacing / 2;
+        dataNodes.push({
+          x: baseX,
+          y: baseY,
+          baseX,
+          baseY,
+          connections: [],
+          pulse: (row + col) * 0.5
+        });
+      }
+    }
+    dataNodes.forEach((node, i) => {
+      const col = i % nodeCols;
+      const row = Math.floor(i / nodeCols);
+      if (col < nodeCols - 1) {
+        node.connections.push(i + 1);
+      }
+      if (row < nodeRows - 1) {
+        node.connections.push(i + nodeCols);
+      }
+    });
+    const draw = () => {
+      time += 8e-3;
+      offsetX += 0.1;
+      if (offsetX > nodeSpacing) offsetX -= nodeSpacing;
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      const bgGradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+      if (isDark) {
+        bgGradient.addColorStop(0, "rgba(239, 145, 97, 0.025)");
+        bgGradient.addColorStop(1, "rgba(180, 90, 40, 0.02)");
+      } else {
+        bgGradient.addColorStop(0, "rgba(239, 146, 98, 0.08)");
+        bgGradient.addColorStop(1, "rgba(239, 146, 98, 0.06)");
+      }
+      ctx.fillStyle = bgGradient;
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+      dataNodes.forEach((node, i) => {
+        const floatX = Math.sin(time * 0.3 + node.pulse) * 2;
+        const floatY = Math.cos(time * 0.2 + node.pulse) * 2;
+        let x = node.baseX - offsetX + floatX;
+        x = (x + nodeCols * nodeSpacing) % (nodeCols * nodeSpacing);
+        node.x = x;
+        node.y = node.baseY + floatY;
+      });
+      ctx.strokeStyle = isDark ? "rgba(239, 145, 97, 0.08)" : "rgba(239, 146, 98, 0.3)";
+      ctx.lineWidth = 0.5;
+      for (let y = canvas.height; y > canvas.height * 0.3; y -= gridSize) {
+        ctx.beginPath();
+        ctx.moveTo(0, y);
+        ctx.lineTo(canvas.width, y);
+        ctx.stroke();
+      }
+      const verticalSpacing = gridSize * 1.5;
+      const gridCols = Math.ceil(canvas.width / verticalSpacing) + 2;
+      for (let i = 0; i < gridCols; i++) {
+        let x = i * verticalSpacing - offsetX % verticalSpacing - verticalSpacing;
+        x = (x + gridCols * verticalSpacing) % (gridCols * verticalSpacing);
+        ctx.beginPath();
+        ctx.moveTo(x, canvas.height);
+        ctx.lineTo(x + (x - canvas.width / 2) * 0.3, canvas.height * 0.3);
+        ctx.stroke();
+      }
+      ctx.lineWidth = 0.8;
+      dataNodes.forEach((node, i) => {
+        node.connections.forEach((targetIndex) => {
+          const target = dataNodes[targetIndex];
+          const pulse = (Math.sin(time + node.pulse) + 1) / 2;
+          ctx.beginPath();
+          ctx.moveTo(node.x, node.y);
+          ctx.lineTo(target.x, target.y);
+          ctx.strokeStyle = isDark ? `rgba(239, 145, 97, ${0.1 + pulse * 0.08})` : `rgba(239, 146, 98, ${0.35 + pulse * 0.2})`;
+          ctx.stroke();
+          const flowProgress = (time * 0.3 + node.pulse) % 1;
+          const particleX = node.x + (target.x - node.x) * flowProgress;
+          const particleY = node.y + (target.y - node.y) * flowProgress;
+          ctx.beginPath();
+          ctx.arc(particleX, particleY, 1.5, 0, Math.PI * 2);
+          ctx.fillStyle = isDark ? `rgba(239, 145, 97, ${0.5 + pulse * 0.3})` : `rgba(239, 146, 98, ${0.7 + pulse * 0.3})`;
+          ctx.fill();
+        });
+      });
+      dataNodes.forEach((node) => {
+        const pulse = (Math.sin(time + node.pulse) + 1) / 2;
+        const size = 2.5 + pulse * 1;
+        ctx.beginPath();
+        ctx.arc(node.x, node.y, size * 2, 0, Math.PI * 2);
+        ctx.fillStyle = isDark ? `rgba(239, 145, 97, ${0.12 + pulse * 0.1})` : `rgba(239, 146, 98, ${0.3 + pulse * 0.15})`;
+        ctx.fill();
+        ctx.beginPath();
+        ctx.arc(node.x, node.y, size, 0, Math.PI * 2);
+        ctx.fillStyle = isDark ? `rgba(239, 145, 97, ${0.55 + pulse * 0.25})` : `rgba(239, 146, 98, ${0.75 + pulse * 0.2})`;
+        ctx.fill();
+      });
+      animationFrameId = requestAnimationFrame(draw);
+    };
+    draw();
+    return () => {
+      cancelAnimationFrame(animationFrameId);
+      window.removeEventListener("resize", resize);
+    };
+  }, [smoothMouseX, smoothMouseY, isDark]);
+  const assetsUrl = process.env.NEXT_PUBLIC_MINIO_BUCKET_URL || "";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 inset-0 z-10 w-screen", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: `${assetsUrl}/cdt-homepage/home-bg.png`,
+        alt: "Background",
+        className: "object-cover opacity-10 w-screen",
+        style: { filter: isDark ? "invert(0)" : "invert(1)" }
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute w-screen inset-0 bg-gradient-to-br from-background/10 via-background/5 to-primary/5" }),
+    /* @__PURE__ */ jsx(
+      "canvas",
+      {
+        ref: canvasRef,
+        className: "absolute inset-0 w-full h-full opacity-30",
+        style: { mixBlendMode: isDark ? "screen" : "multiply" }
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-background/30 via-background/10 to-transparent" })
+  ] });
+}
+export {
+  AnimatedBackground as default
+};
+//# sourceMappingURL=AnimatedBackground.js.map

package/dist/core/components/ui/AnimatedBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/AnimatedBackground.tsx"],"sourcesContent":["'use client'\r\n\r\nimport { useEffect, useRef, useState } from 'react'\r\nimport { useMotionValue, useSpring } from 'framer-motion'\r\n\r\ninterface Props {\r\n  theme?: 'light' | 'dark'\r\n}\r\n\r\nexport default function AnimatedBackground({ theme }: Props = {}) {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null)\r\n  const mouseX = useMotionValue(0)\r\n  const mouseY = useMotionValue(0)\r\n  const smoothMouseX = useSpring(mouseX, { stiffness: 50, damping: 20 })\r\n  const smoothMouseY = useSpring(mouseY, { stiffness: 50, damping: 20 })\r\n  const [isDark, setIsDark] = useState(theme !== undefined ? theme === 'dark' : true)\r\n\r\n  useEffect(() => {\r\n    // If theme is controlled externally, just sync and skip the observer\r\n    if (theme !== undefined) {\r\n      setIsDark(theme === 'dark')\r\n      return\r\n    }\r\n\r\n    // Auto-detect from document for standalone usage (hero section)\r\n    setIsDark(document.documentElement.classList.contains('dark'))\r\n    const observer = new MutationObserver(() => {\r\n      setIsDark(document.documentElement.classList.contains('dark'))\r\n    })\r\n    observer.observe(document.documentElement, {\r\n      attributes: true,\r\n      attributeFilter: ['class']\r\n    })\r\n    return () => observer.disconnect()\r\n  }, [theme])\r\n\r\n  useEffect(() => {\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      mouseX.set(e.clientX)\r\n      mouseY.set(e.clientY)\r\n    }\r\n\r\n    window.addEventListener('mousemove', handleMouseMove)\r\n    return () => window.removeEventListener('mousemove', handleMouseMove)\r\n  }, [mouseX, mouseY])\r\n\r\n  useEffect(() => {\r\n    const canvas = canvasRef.current\r\n    if (!canvas) return\r\n\r\n    const ctx = canvas.getContext('2d')\r\n    if (!ctx) return\r\n\r\n    const resize = () => {\r\n      canvas.width = window.innerWidth\r\n      canvas.height = window.innerHeight\r\n    }\r\n    resize()\r\n    window.addEventListener('resize', resize)\r\n\r\n    let animationFrameId: number\r\n    let time = 0\r\n    let offsetX = 0\r\n\r\n    interface DataNode {\r\n      x: number\r\n      y: number\r\n      baseX: number\r\n      baseY: number\r\n      connections: number[]\r\n      pulse: number\r\n    }\r\n\r\n    const dataNodes: DataNode[] = []\r\n    const gridSize = 100\r\n    const nodeSpacing = 150\r\n    // Render extra columns for seamless wrap\r\n    const nodeCols = Math.ceil(canvas.width / nodeSpacing) + 2\r\n    const nodeRows = Math.ceil(canvas.height / nodeSpacing)\r\n\r\n    for (let row = 0; row < nodeRows; row++) {\r\n      for (let col = 0; col < nodeCols; col++) {\r\n        const index = row * nodeCols + col\r\n        const baseX = col * nodeSpacing + nodeSpacing / 2\r\n        const baseY = row * nodeSpacing + nodeSpacing / 2\r\n        dataNodes.push({\r\n          x: baseX,\r\n          y: baseY,\r\n          baseX,\r\n          baseY,\r\n          connections: [],\r\n          pulse: (row + col) * 0.5\r\n        })\r\n      }\r\n    }\r\n\r\n    dataNodes.forEach((node, i) => {\r\n      const col = i % nodeCols\r\n      const row = Math.floor(i / nodeCols)\r\n      if (col < nodeCols - 1) {\r\n        node.connections.push(i + 1)\r\n      }\r\n      if (row < nodeRows - 1) {\r\n        node.connections.push(i + nodeCols)\r\n      }\r\n    })\r\n\r\n    const draw = () => {\r\n      time += 0.008\r\n      // Move left slowly\r\n      offsetX += 0.1 // Lower for slower movement\r\n      // Loop offsetX to avoid overflow and create infinite effect\r\n      if (offsetX > nodeSpacing) offsetX -= nodeSpacing\r\n\r\n      ctx.clearRect(0, 0, canvas.width, canvas.height)\r\n\r\n      // Theme-aware colors\r\n      const bgGradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height)\r\n      if (isDark) {\r\n        bgGradient.addColorStop(0, 'rgba(239, 145, 97, 0.025)')\r\n        bgGradient.addColorStop(1, 'rgba(180, 90, 40, 0.02)')\r\n      } else {\r\n        bgGradient.addColorStop(0, 'rgba(239, 146, 98, 0.08)')\r\n        bgGradient.addColorStop(1, 'rgba(239, 146, 98, 0.06)')\r\n      }\r\n      ctx.fillStyle = bgGradient\r\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\r\n\r\n      // Animate node positions with floating effect\r\n      dataNodes.forEach((node, i) => {\r\n        const floatX = Math.sin(time * 0.3 + node.pulse) * 2\r\n        const floatY = Math.cos(time * 0.2 + node.pulse) * 2\r\n        // Shift node baseX by offsetX for infinite left movement\r\n        let x = node.baseX - offsetX + floatX\r\n        // Wrap node.x to the right if it goes off the left edge\r\n        x = ((x + nodeCols * nodeSpacing) % (nodeCols * nodeSpacing))\r\n        node.x = x\r\n        node.y = node.baseY + floatY\r\n      })\r\n\r\n      // Theme-aware grid lines\r\n      ctx.strokeStyle = isDark ? 'rgba(239, 145, 97, 0.08)' : 'rgba(239, 146, 98, 0.3)'\r\n      ctx.lineWidth = 0.5\r\n      \r\n      for (let y = canvas.height; y > canvas.height * 0.3; y -= gridSize) {\r\n        ctx.beginPath()\r\n        ctx.moveTo(0, y)\r\n        ctx.lineTo(canvas.width, y)\r\n        ctx.stroke()\r\n      }\r\n      \r\n      const verticalSpacing = gridSize * 1.5\r\n      // Render extra vertical grid lines for seamless wrap\r\n      const gridCols = Math.ceil(canvas.width / verticalSpacing) + 2\r\n      for (let i = 0; i < gridCols; i++) {\r\n        // Shift grid lines by offsetX for infinite left movement\r\n        let x = i * verticalSpacing - offsetX % verticalSpacing - verticalSpacing\r\n        // Wrap x for seamless effect\r\n        x = ((x + gridCols * verticalSpacing) % (gridCols * verticalSpacing))\r\n        ctx.beginPath()\r\n        ctx.moveTo(x, canvas.height)\r\n        ctx.lineTo(x + (x - canvas.width / 2) * 0.3, canvas.height * 0.3)\r\n        ctx.stroke()\r\n      }\r\n\r\n      // Theme-aware connections with data flow\r\n      ctx.lineWidth = 0.8\r\n      dataNodes.forEach((node, i) => {\r\n        node.connections.forEach(targetIndex => {\r\n          const target = dataNodes[targetIndex]\r\n          const pulse = (Math.sin(time + node.pulse) + 1) / 2\r\n          \r\n          ctx.beginPath()\r\n          ctx.moveTo(node.x, node.y)\r\n          ctx.lineTo(target.x, target.y)\r\n          ctx.strokeStyle = isDark\r\n            ? `rgba(239, 145, 97, ${0.1 + pulse * 0.08})`\r\n            : `rgba(239, 146, 98, ${0.35 + pulse * 0.2})`\r\n          ctx.stroke()\r\n\r\n          // Animated data particles flowing along connections\r\n          const flowProgress = (time * 0.3 + node.pulse) % 1\r\n          const particleX = node.x + (target.x - node.x) * flowProgress\r\n          const particleY = node.y + (target.y - node.y) * flowProgress\r\n\r\n          ctx.beginPath()\r\n          ctx.arc(particleX, particleY, 1.5, 0, Math.PI * 2)\r\n          ctx.fillStyle = isDark\r\n            ? `rgba(239, 145, 97, ${0.5 + pulse * 0.3})`\r\n            : `rgba(239, 146, 98, ${0.7 + pulse * 0.3})`\r\n          ctx.fill()\r\n        })\r\n      })\r\n\r\n      // Theme-aware nodes\r\n      dataNodes.forEach(node => {\r\n        const pulse = (Math.sin(time + node.pulse) + 1) / 2\r\n        const size = 2.5 + pulse * 1\r\n        \r\n        ctx.beginPath()\r\n        ctx.arc(node.x, node.y, size * 2, 0, Math.PI * 2)\r\n        ctx.fillStyle = isDark\r\n          ? `rgba(239, 145, 97, ${0.12 + pulse * 0.1})`\r\n          : `rgba(239, 146, 98, ${0.3 + pulse * 0.15})`\r\n        ctx.fill()\r\n\r\n        ctx.beginPath()\r\n        ctx.arc(node.x, node.y, size, 0, Math.PI * 2)\r\n        ctx.fillStyle = isDark\r\n          ? `rgba(239, 145, 97, ${0.55 + pulse * 0.25})`\r\n          : `rgba(239, 146, 98, ${0.75 + pulse * 0.2})`\r\n        ctx.fill()\r\n      })\r\n\r\n      animationFrameId = requestAnimationFrame(draw)\r\n    }\r\n\r\n    draw()\r\n\r\n    return () => {\r\n      cancelAnimationFrame(animationFrameId)\r\n      window.removeEventListener('resize', resize)\r\n    }\r\n  }, [smoothMouseX, smoothMouseY, isDark])\r\n\r\n  const assetsUrl = process.env.NEXT_PUBLIC_MINIO_BUCKET_URL || ''\r\n\r\n  return (\r\n    <>\r\n      <div className=\"absolute top-0 right-0 inset-0 z-10 w-screen\">\r\n        <img\r\n          src={`${assetsUrl}/cdt-homepage/home-bg.png`}\r\n          alt=\"Background\"\r\n          className=\"object-cover opacity-10 w-screen\"\r\n          style={{ filter: isDark ? 'invert(0)' : 'invert(1)' }}\r\n        />\r\n      </div>\r\n      <div className=\"absolute w-screen inset-0 bg-gradient-to-br from-background/10 via-background/5 to-primary/5\" />\r\n      <canvas\r\n        ref={canvasRef}\r\n        className=\"absolute inset-0 w-full h-full opacity-30\"\r\n        style={{ mixBlendMode: isDark ? 'screen' : 'multiply' }}\r\n      />\r\n      <div className=\"absolute inset-0 bg-gradient-to-t from-background/30 via-background/10 to-transparent\" />\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/AppSidebar.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ViewerNames } from '../../types';
+export declare const handleChangeViewer: (viewer: ViewerNames, setSelectedItem: React.Dispatch<React.SetStateAction<any>>, setSelectedSite: React.Dispatch<React.SetStateAction<any>>, setSelectedFile: React.Dispatch<React.SetStateAction<any>>, setView: React.Dispatch<React.SetStateAction<"table" | "detail">>, menusDispatch: any) => void;
+interface AppSidebarProps {
+    children?: React.ReactNode;
+    signOut: (options?: {
+        redirectTo?: string;
+        redirect?: boolean;
+    }) => Promise<void>;
+}
+export declare function AppSidebar({ children, signOut }: AppSidebarProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AppSidebar.d.ts.map

package/dist/core/components/ui/AppSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/AppSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,WAAW,EACnB,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,SAAS,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,EACjE,eAAe,GAAG,SAYnB,CAAA;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAClF;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,qBAqEhE"}

package/dist/core/components/ui/AppSidebar.js

@@ -0,0 +1,72 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "./Button";
+import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import { CdtIcon } from "./Icons/CdtIcon";
+import Link from "next/link";
+import { Sidebar, useSidebar, NavUser } from "./";
+import { ViewerNames } from "../../types";
+import { useMenusContext } from "../../store";
+const handleChangeViewer = (viewer, setSelectedItem, setSelectedSite, setSelectedFile, setView, menusDispatch) => {
+  setSelectedItem(null);
+  setSelectedSite(null);
+  setSelectedFile(null);
+  setView("table");
+  menusDispatch({
+    type: "SET_VIEWER",
+    payload: { currentViewer: viewer }
+  });
+};
+function AppSidebar({ children, signOut }) {
+  const t = useTranslations("AppSidebar");
+  const { state: menusState } = useMenusContext();
+  const { sidebarState, isMobile, openMobile, toggleMenuSidebar } = useSidebar();
+  const { currentViewer } = menusState.menus;
+  const isCollapsed = isMobile ? !openMobile : sidebarState === "collapsed";
+  const collapsibleType = currentViewer === ViewerNames.auth ? "offcanvas" : "icon";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isMobile && isCollapsed && /* @__PURE__ */ jsx("div", { id: "sidebar-toggle-button-mobile", className: "fixed left-0 top-1/2 -translate-y-1/2 z-[100] flex items-center justify-center pointer-events-auto", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: toggleMenuSidebar,
+        className: "text-muted-foreground hover:text-primary p-[2px] rounded-r-md bg-sidebar",
+        style: { border: "1px solid rgba(128,128,128,0.2)", borderLeft: "none", boxShadow: "4px 0 8px -4px rgba(0,0,0,0.12)" },
+        children: /* @__PURE__ */ jsx(LR.ChevronRight, { className: "w-5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Sidebar, { collapsible: collapsibleType, className: "border-none z-50 shadow-md relative", children: [
+      sidebarState === "expanded" && /* @__PURE__ */ jsx("div", { id: "sidebar-toggle-button", className: `absolute right-2 top-2 flex items-center justify-center pointer-events-auto z-50 ${isMobile ? "" : ""}`, children: /* @__PURE__ */ jsx("button", { onClick: toggleMenuSidebar, className: "text-muted-foreground hover:text-primary p-1", children: /* @__PURE__ */ jsx(LR.X, { className: "w-5" }) }) }),
+      !isMobile && sidebarState !== "expanded" && /* @__PURE__ */ jsx("div", { id: "sidebar-toggle-button", className: "absolute -right-1 max-h-1 top-1/2 -translate-y-1/2 flex items-center justify-center pointer-events-auto z-50", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: toggleMenuSidebar,
+          className: "text-muted-foreground hover:text-primary p-0 rounded-md bg-sidebar",
+          style: { borderRight: "1px solid rgba(128,128,128,0.2)", boxShadow: "4px 0 8px -4px rgba(0,0,0,0.12)" },
+          children: /* @__PURE__ */ jsx(LR.ChevronRight, { className: "w-4" })
+        }
+      ) }),
+      children,
+      /* @__PURE__ */ jsxs("div", { className: `w-full flex flex-col ${sidebarState === "expanded" ? "items-center justify-center" : "justify-center"}`, children: [
+        /* @__PURE__ */ jsx(NavUser, { signOut }),
+        /* @__PURE__ */ jsx(Link, { href: "https://collabdt.org/", className: sidebarState === "expanded" ? "w-full" : "", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            title: isCollapsed ? t("home") : void 0,
+            variant: "ghost",
+            className: `text-xs scale-[85%] py-0 my-0 w-full ${sidebarState === "expanded" ? "flex flex-row items-center justify-center gap-2" : "flex flex-col items-center"}`,
+            children: [
+              !isCollapsed && /* @__PURE__ */ jsx(CdtIcon, { monochromatic: true }),
+              /* @__PURE__ */ jsx("span", { className: isCollapsed ? "hidden" : "inline", children: t("home") })
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  AppSidebar,
+  handleChangeViewer
+};
+//# sourceMappingURL=AppSidebar.js.map

package/dist/core/components/ui/AppSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/AppSidebar.tsx"],"sourcesContent":["'use client'\r\nimport * as React from 'react'\r\n\r\n// Dependencies\r\nimport { Button } from './Button'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\nimport { useTranslations } from 'next-intl'\r\nimport { CdtIcon } from './Icons/CdtIcon'\r\nimport Link from 'next/link'\r\nimport { Sidebar, useSidebar, NavUser } from './'\r\nimport { ViewerNames } from '../../types'\r\nimport { useMenusContext } from '../../store'\r\n\r\nexport const handleChangeViewer = (\r\n  viewer: ViewerNames,\r\n  setSelectedItem: React.Dispatch<React.SetStateAction<any>>,\r\n  setSelectedSite: React.Dispatch<React.SetStateAction<any>>,\r\n  setSelectedFile: React.Dispatch<React.SetStateAction<any>>,\r\n  setView: React.Dispatch<React.SetStateAction<'table' | 'detail'>>,\r\n  menusDispatch: any,\r\n) => {\r\n  // Reset selected item, file, & view when changing viewer\r\n  setSelectedItem(null)\r\n  setSelectedSite(null)\r\n  setSelectedFile(null)\r\n  setView('table')\r\n\r\n  menusDispatch({\r\n    type: 'SET_VIEWER',\r\n    payload: { currentViewer: viewer },\r\n  })\r\n}\r\n\r\ninterface AppSidebarProps {\r\n  children?: React.ReactNode\r\n  signOut: (options?: { redirectTo?: string; redirect?: boolean }) => Promise<void>\r\n}\r\n\r\nexport function AppSidebar({ children, signOut }: AppSidebarProps) {\r\n  // Translations\r\n  const t = useTranslations('AppSidebar')\r\n\r\n  const { state: menusState } = useMenusContext()\r\n\r\n  const { sidebarState, isMobile, openMobile, toggleMenuSidebar } = useSidebar()\r\n\r\n  const { currentViewer } = menusState.menus\r\n\r\n  // On mobile, treat the sheet open as expanded so labels render when the drawer is visible\r\n  const isCollapsed = isMobile ? !openMobile : sidebarState === 'collapsed'\r\n\r\n  // Determine the collapsible type based on the current viewer\r\n  const collapsibleType = currentViewer === ViewerNames.auth ? 'offcanvas' : 'icon'\r\n\r\n  return (\r\n    <>\r\n      {/* Always show toggle button on mobile when collapsed */}\r\n      {isMobile && isCollapsed && (\r\n        <div id='sidebar-toggle-button-mobile' className='fixed left-0 top-1/2 -translate-y-1/2 z-[100] flex items-center justify-center pointer-events-auto'>\r\n          <button\r\n            onClick={toggleMenuSidebar}\r\n            className=\"text-muted-foreground hover:text-primary p-[2px] rounded-r-md bg-sidebar\"\r\n            style={{ border: '1px solid rgba(128,128,128,0.2)', borderLeft: 'none', boxShadow: '4px 0 8px -4px rgba(0,0,0,0.12)' }}\r\n          >\r\n            <LR.ChevronRight className=\"w-5\" />\r\n          </button>\r\n        </div>\r\n      )}\r\n      <Sidebar collapsible={collapsibleType} className=\"border-none z-50 shadow-md relative\" >\r\n        {/* Sidebar toggle button - right side inside Sidebar */}\r\n        {(sidebarState === 'expanded') && (\r\n          <div id='sidebar-toggle-button' className={`absolute right-2 top-2 flex items-center justify-center pointer-events-auto z-50 ${isMobile ? '' : ''}`}>\r\n            <button onClick={toggleMenuSidebar} className='text-muted-foreground hover:text-primary p-1'>\r\n              <LR.X className='w-5' />\r\n            </button>\r\n          </div>\r\n        )}\r\n        {/* Show collapsed toggle only on desktop */}\r\n        {!isMobile && sidebarState !== 'expanded' && (\r\n          <div id='sidebar-toggle-button' className='absolute -right-1 max-h-1 top-1/2 -translate-y-1/2 flex items-center justify-center pointer-events-auto z-50'>\r\n            <button\r\n              onClick={toggleMenuSidebar}\r\n              className=\"text-muted-foreground hover:text-primary p-0 rounded-md bg-sidebar\"\r\n              style={{ borderRight: '1px solid rgba(128,128,128,0.2)', boxShadow: '4px 0 8px -4px rgba(0,0,0,0.12)' }}\r\n            >\r\n              <LR.ChevronRight className=\"w-4\" />\r\n            </button>\r\n          </div>\r\n        )}\r\n        {children}\r\n        <div className={`w-full flex flex-col ${sidebarState === 'expanded' ? 'items-center justify-center' : 'justify-center'}`}>\r\n          {/*  Nav User */}\r\n          <NavUser signOut={signOut} />\r\n          <Link href=\"https://collabdt.org/\" className={sidebarState === 'expanded' ? 'w-full' : ''} target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <Button\r\n              title={isCollapsed ? t('home') : undefined}\r\n              variant=\"ghost\"\r\n              className={`text-xs scale-[85%] py-0 my-0 w-full ${sidebarState === 'expanded' ? 'flex flex-row items-center justify-center gap-2' : 'flex flex-col items-center'}`}\r\n            >\r\n              {!isCollapsed && <CdtIcon monochromatic={true} />}\r\n              <span className={isCollapsed ? 'hidden' : 'inline'}>{t('home')}</span>\r\n            </Button>\r\n          </Link>\r\n        </div>\r\n      </Sidebar>\r\n    </>\r\n  )\r\n}"],"mappings":";AA0DI,mBASQ,KA8BA,YAvCR;AAtDJ,SAAS,cAAc;AAGvB,YAAY,QAAQ;AAEpB,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,OAAO,UAAU;AACjB,SAAS,SAAS,YAAY,eAAe;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEzB,MAAM,qBAAqB,CAChC,QACA,iBACA,iBACA,iBACA,SACA,kBACG;AAEH,kBAAgB,IAAI;AACpB,kBAAgB,IAAI;AACpB,kBAAgB,IAAI;AACpB,UAAQ,OAAO;AAEf,gBAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,EAAE,eAAe,OAAO;AAAA,EACnC,CAAC;AACH;AAOO,SAAS,WAAW,EAAE,UAAU,QAAQ,GAAoB;AAEjE,QAAM,IAAI,gBAAgB,YAAY;AAEtC,QAAM,EAAE,OAAO,WAAW,IAAI,gBAAgB;AAE9C,QAAM,EAAE,cAAc,UAAU,YAAY,kBAAkB,IAAI,WAAW;AAE7E,QAAM,EAAE,cAAc,IAAI,WAAW;AAGrC,QAAM,cAAc,WAAW,CAAC,aAAa,iBAAiB;AAG9D,QAAM,kBAAkB,kBAAkB,YAAY,OAAO,cAAc;AAE3E,SACE,iCAEG;AAAA,gBAAY,eACX,oBAAC,SAAI,IAAG,gCAA+B,WAAU,sGAC/C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,mCAAmC,YAAY,QAAQ,WAAW,kCAAkC;AAAA,QAErH,8BAAC,GAAG,cAAH,EAAgB,WAAU,OAAM;AAAA;AAAA,IACnC,GACF;AAAA,IAEF,qBAAC,WAAQ,aAAa,iBAAiB,WAAU,uCAE7C;AAAA,uBAAiB,cACjB,oBAAC,SAAI,IAAG,yBAAwB,WAAW,oFAAoF,WAAW,KAAK,EAAE,IAC/I,8BAAC,YAAO,SAAS,mBAAmB,WAAU,gDAC5C,8BAAC,GAAG,GAAH,EAAK,WAAU,OAAM,GACxB,GACF;AAAA,MAGD,CAAC,YAAY,iBAAiB,cAC7B,oBAAC,SAAI,IAAG,yBAAwB,WAAU,gHACxC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,mCAAmC,WAAW,kCAAkC;AAAA,UAEtG,8BAAC,GAAG,cAAH,EAAgB,WAAU,OAAM;AAAA;AAAA,MACnC,GACF;AAAA,MAED;AAAA,MACD,qBAAC,SAAI,WAAW,wBAAwB,iBAAiB,aAAa,gCAAgC,gBAAgB,IAEpH;AAAA,4BAAC,WAAQ,SAAkB;AAAA,QAC3B,oBAAC,QAAK,MAAK,yBAAwB,WAAW,iBAAiB,aAAa,WAAW,IAAI,QAAO,UAAS,KAAI,uBAC7G;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,cAAc,EAAE,MAAM,IAAI;AAAA,YACjC,SAAQ;AAAA,YACR,WAAW,wCAAwC,iBAAiB,aAAa,oDAAoD,4BAA4B;AAAA,YAEhK;AAAA,eAAC,eAAe,oBAAC,WAAQ,eAAe,MAAM;AAAA,cAC/C,oBAAC,UAAK,WAAW,cAAc,WAAW,UAAW,YAAE,MAAM,GAAE;AAAA;AAAA;AAAA,QACjE,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/core/components/ui/Avatar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/core/components/ui/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD,QAAA,MAAM,MAAM,yJAYV,CAAA;AAGF,QAAA,MAAM,WAAW,gKASf,CAAA;AAGF,QAAA,MAAM,cAAc,iKAYlB,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/dist/core/components/ui/Avatar.js

@@ -0,0 +1,78 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cn } from "../../utils/utils";
+const Avatar = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    __spreadValues({
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+        className
+      )
+    }, props)
+  );
+});
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef((_c, ref) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    __spreadValues({
+      ref,
+      className: cn("aspect-square h-full w-full", className)
+    }, props)
+  );
+});
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef((_e, ref) => {
+  var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    __spreadValues({
+      ref,
+      className: cn(
+        "flex h-full w-full items-center justify-center rounded-full bg-muted",
+        className
+      )
+    }, props)
+  );
+});
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/core/components/ui/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/Avatar.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Avatar = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nAvatar.displayName = AvatarPrimitive.Root.displayName\r\n\r\nconst AvatarImage = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Image>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Image\r\n    ref={ref}\r\n    className={cn('aspect-square h-full w-full', className)}\r\n    {...props}\r\n  />\r\n))\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Fallback\r\n    ref={ref}\r\n    className={cn(\r\n      'flex h-full w-full items-center justify-center rounded-full bg-muted',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\r\n\r\nexport { Avatar, AvatarImage, AvatarFallback }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUE;AARF,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,UAAU;AAEnB,MAAM,SAAS,MAAM,WAGnB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YATL,IASG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAxBL,IAwBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,OAClD;AAAA,EACN;AAAA,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YApCL,IAoCG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,eAAe,cAAc,gBAAgB,SAAS;","names":[]}

package/dist/core/components/ui/Badge.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+declare const badgeVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary";
+} & import("class-variance-authority/types").ClassProp) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'secondary' | 'destructive' | 'outline';
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
+declare const ItemsBadgeButton: React.FC<{
+    count: number;
+    onClick: () => void;
+}>;
+export { Badge, badgeVariants, ItemsBadgeButton };
+export type { BadgeProps };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/core/components/ui/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,aAAa;;iEAkBlB,CAAA;AAED,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAA;CAC9D;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAI1D;AAEC,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAgBtE,CAAA;AAEH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACjD,YAAY,EAAE,UAAU,EAAE,CAAA"}