@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-Y7R6XH3L.js

@@ -0,0 +1,276 @@
+// src/components/utility/AnimatedIcon/AnimatedIcon.animations.ts
+import { keyframes } from "@mui/material";
+var rotateAnimation = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+var pulseAnimation = keyframes`
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.1);
+    opacity: 0.8;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+var translateAnimation = keyframes`
+  0% {
+    transform: translateY(0px);
+  }
+  50% {
+    transform: translateY(-8px);
+  }
+  100% {
+    transform: translateY(0px);
+  }
+`;
+var glowPulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;
+  }
+  50% {
+    box-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;
+  }
+  100% {
+    box-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;
+  }
+`;
+var bounceAnimation = keyframes`
+  0%, 20%, 50%, 80%, 100% {
+    transform: translateY(0);
+  }
+  40% {
+    transform: translateY(-20px);
+  }
+  60% {
+    transform: translateY(-10px);
+  }
+`;
+var shakeAnimation = keyframes`
+  0%, 100% {
+    transform: translateX(0);
+  }
+  10%, 30%, 50%, 70%, 90% {
+    transform: translateX(-4px);
+  }
+  20%, 40%, 60%, 80% {
+    transform: translateX(4px);
+  }
+`;
+var flipAnimation = keyframes`
+  0% {
+    transform: perspective(400px) rotateY(0);
+  }
+  100% {
+    transform: perspective(400px) rotateY(360deg);
+  }
+`;
+var spinAnimation = keyframes`
+  0% {
+    transform: rotate(0deg) scale(1);
+  }
+  50% {
+    transform: rotate(180deg) scale(1.2);
+  }
+  100% {
+    transform: rotate(360deg) scale(1);
+  }
+`;
+var fadeInOutAnimation = keyframes`
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 1;
+  }
+`;
+var heartbeatAnimation = keyframes`
+  0%, 100% {
+    transform: scale(1);
+  }
+  5% {
+    transform: scale(1.25);
+  }
+  10% {
+    transform: scale(1);
+  }
+  15% {
+    transform: scale(1.25);
+  }
+  20% {
+    transform: scale(1);
+  }
+`;
+var wobbleAnimation = keyframes`
+  0%, 100% {
+    transform: translateX(0) rotate(0deg);
+  }
+  15% {
+    transform: translateX(-10px) rotate(-5deg);
+  }
+  30% {
+    transform: translateX(8px) rotate(3deg);
+  }
+  45% {
+    transform: translateX(-6px) rotate(-3deg);
+  }
+  60% {
+    transform: translateX(4px) rotate(2deg);
+  }
+  75% {
+    transform: translateX(-2px) rotate(-1deg);
+  }
+`;
+var morphAnimation = keyframes`
+  0%, 100% {
+    border-radius: 50%;
+    transform: scale(1);
+  }
+  25% {
+    border-radius: 30%;
+    transform: scale(1.1);
+  }
+  50% {
+    border-radius: 20%;
+    transform: scale(0.95);
+  }
+  75% {
+    border-radius: 40%;
+    transform: scale(1.05);
+  }
+`;
+var swingAnimation = keyframes`
+  20% {
+    transform: rotate(15deg);
+  }
+  40% {
+    transform: rotate(-10deg);
+  }
+  60% {
+    transform: rotate(5deg);
+  }
+  80% {
+    transform: rotate(-5deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+`;
+var floatAnimation = keyframes`
+  0%, 100% {
+    transform: translateY(0) translateX(0);
+  }
+  33% {
+    transform: translateY(-10px) translateX(-5px);
+  }
+  66% {
+    transform: translateY(5px) translateX(5px);
+  }
+`;
+var jelloAnimation = keyframes`
+  0%, 100% {
+    transform: scale(1, 1);
+  }
+  25% {
+    transform: scale(0.9, 1.1);
+  }
+  50% {
+    transform: scale(1.1, 0.9);
+  }
+  75% {
+    transform: scale(0.95, 1.05);
+  }
+`;
+var rippleAnimation = keyframes`
+  0% {
+    transform: scale(0.8);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+`;
+var neonFlickerAnimation = keyframes`
+  0%, 100% {
+    opacity: 1;
+    filter: brightness(1) drop-shadow(0 0 10px currentColor);
+  }
+  10% {
+    opacity: 0.8;
+    filter: brightness(0.8) drop-shadow(0 0 5px currentColor);
+  }
+  20% {
+    opacity: 1;
+    filter: brightness(1.2) drop-shadow(0 0 15px currentColor);
+  }
+  30% {
+    opacity: 0.9;
+    filter: brightness(0.9) drop-shadow(0 0 8px currentColor);
+  }
+  40% {
+    opacity: 1;
+    filter: brightness(1.1) drop-shadow(0 0 12px currentColor);
+  }
+  50% {
+    opacity: 0.95;
+    filter: brightness(1) drop-shadow(0 0 10px currentColor);
+  }
+  60% {
+    opacity: 0.85;
+    filter: brightness(0.85) drop-shadow(0 0 6px currentColor);
+  }
+  70% {
+    opacity: 1;
+    filter: brightness(1.15) drop-shadow(0 0 14px currentColor);
+  }
+  80% {
+    opacity: 0.9;
+    filter: brightness(0.95) drop-shadow(0 0 9px currentColor);
+  }
+  90% {
+    opacity: 1;
+    filter: brightness(1.05) drop-shadow(0 0 11px currentColor);
+  }
+`;
+var breatheAnimation = keyframes`
+  0%, 100% {
+    transform: scale(1);
+    filter: brightness(1);
+  }
+  50% {
+    transform: scale(1.05);
+    filter: brightness(1.2);
+  }
+`;
+
+export {
+  rotateAnimation,
+  pulseAnimation,
+  translateAnimation,
+  glowPulseAnimation,
+  bounceAnimation,
+  shakeAnimation,
+  flipAnimation,
+  spinAnimation,
+  fadeInOutAnimation,
+  heartbeatAnimation,
+  wobbleAnimation,
+  morphAnimation,
+  swingAnimation,
+  floatAnimation,
+  jelloAnimation,
+  rippleAnimation,
+  neonFlickerAnimation,
+  breatheAnimation
+};
+//# sourceMappingURL=chunk-Y7R6XH3L.js.map

package/dist/chunk-Y7R6XH3L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/AnimatedIcon/AnimatedIcon.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material';\n\nexport const rotateAnimation = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.1);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nexport const translateAnimation = keyframes`\n  0% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(-8px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n`;\n\nexport const glowPulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;\n  }\n  50% {\n    box-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;\n  }\n  100% {\n    box-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;\n  }\n`;\n\n// New animation keyframes\nexport const bounceAnimation = keyframes`\n  0%, 20%, 50%, 80%, 100% {\n    transform: translateY(0);\n  }\n  40% {\n    transform: translateY(-20px);\n  }\n  60% {\n    transform: translateY(-10px);\n  }\n`;\n\nexport const shakeAnimation = keyframes`\n  0%, 100% {\n    transform: translateX(0);\n  }\n  10%, 30%, 50%, 70%, 90% {\n    transform: translateX(-4px);\n  }\n  20%, 40%, 60%, 80% {\n    transform: translateX(4px);\n  }\n`;\n\nexport const flipAnimation = keyframes`\n  0% {\n    transform: perspective(400px) rotateY(0);\n  }\n  100% {\n    transform: perspective(400px) rotateY(360deg);\n  }\n`;\n\nexport const spinAnimation = keyframes`\n  0% {\n    transform: rotate(0deg) scale(1);\n  }\n  50% {\n    transform: rotate(180deg) scale(1.2);\n  }\n  100% {\n    transform: rotate(360deg) scale(1);\n  }\n`;\n\nexport const fadeInOutAnimation = keyframes`\n  0%, 100% {\n    opacity: 0.3;\n  }\n  50% {\n    opacity: 1;\n  }\n`;\n\nexport const heartbeatAnimation = keyframes`\n  0%, 100% {\n    transform: scale(1);\n  }\n  5% {\n    transform: scale(1.25);\n  }\n  10% {\n    transform: scale(1);\n  }\n  15% {\n    transform: scale(1.25);\n  }\n  20% {\n    transform: scale(1);\n  }\n`;\n\nexport const wobbleAnimation = keyframes`\n  0%, 100% {\n    transform: translateX(0) rotate(0deg);\n  }\n  15% {\n    transform: translateX(-10px) rotate(-5deg);\n  }\n  30% {\n    transform: translateX(8px) rotate(3deg);\n  }\n  45% {\n    transform: translateX(-6px) rotate(-3deg);\n  }\n  60% {\n    transform: translateX(4px) rotate(2deg);\n  }\n  75% {\n    transform: translateX(-2px) rotate(-1deg);\n  }\n`;\n\nexport const morphAnimation = keyframes`\n  0%, 100% {\n    border-radius: 50%;\n    transform: scale(1);\n  }\n  25% {\n    border-radius: 30%;\n    transform: scale(1.1);\n  }\n  50% {\n    border-radius: 20%;\n    transform: scale(0.95);\n  }\n  75% {\n    border-radius: 40%;\n    transform: scale(1.05);\n  }\n`;\n\nexport const swingAnimation = keyframes`\n  20% {\n    transform: rotate(15deg);\n  }\n  40% {\n    transform: rotate(-10deg);\n  }\n  60% {\n    transform: rotate(5deg);\n  }\n  80% {\n    transform: rotate(-5deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n`;\n\nexport const floatAnimation = keyframes`\n  0%, 100% {\n    transform: translateY(0) translateX(0);\n  }\n  33% {\n    transform: translateY(-10px) translateX(-5px);\n  }\n  66% {\n    transform: translateY(5px) translateX(5px);\n  }\n`;\n\nexport const jelloAnimation = keyframes`\n  0%, 100% {\n    transform: scale(1, 1);\n  }\n  25% {\n    transform: scale(0.9, 1.1);\n  }\n  50% {\n    transform: scale(1.1, 0.9);\n  }\n  75% {\n    transform: scale(0.95, 1.05);\n  }\n`;\n\nexport const rippleAnimation = keyframes`\n  0% {\n    transform: scale(0.8);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n`;\n\nexport const neonFlickerAnimation = keyframes`\n  0%, 100% {\n    opacity: 1;\n    filter: brightness(1) drop-shadow(0 0 10px currentColor);\n  }\n  10% {\n    opacity: 0.8;\n    filter: brightness(0.8) drop-shadow(0 0 5px currentColor);\n  }\n  20% {\n    opacity: 1;\n    filter: brightness(1.2) drop-shadow(0 0 15px currentColor);\n  }\n  30% {\n    opacity: 0.9;\n    filter: brightness(0.9) drop-shadow(0 0 8px currentColor);\n  }\n  40% {\n    opacity: 1;\n    filter: brightness(1.1) drop-shadow(0 0 12px currentColor);\n  }\n  50% {\n    opacity: 0.95;\n    filter: brightness(1) drop-shadow(0 0 10px currentColor);\n  }\n  60% {\n    opacity: 0.85;\n    filter: brightness(0.85) drop-shadow(0 0 6px currentColor);\n  }\n  70% {\n    opacity: 1;\n    filter: brightness(1.15) drop-shadow(0 0 14px currentColor);\n  }\n  80% {\n    opacity: 0.9;\n    filter: brightness(0.95) drop-shadow(0 0 9px currentColor);\n  }\n  90% {\n    opacity: 1;\n    filter: brightness(1.05) drop-shadow(0 0 11px currentColor);\n  }\n`;\n\nexport const breatheAnimation = keyframes`\n  0%, 100% {\n    transform: scale(1);\n    filter: brightness(1);\n  }\n  50% {\n    transform: scale(1.05);\n    filter: brightness(1.2);\n  }\n`;\n\n// Size configurations\n"],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASxB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3B,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa3B,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYxB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAStB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3B,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkB3B,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBxB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBvB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBvB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWxB,IAAM,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2C7B,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-Y7ZHWA5W.js

@@ -0,0 +1,35 @@
+// src/components/utility/InfiniteScroll/InfiniteScroll.parts.tsx
+import { Alert, Box, CircularProgress, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CENTERED = {
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  p: 2
+};
+var DefaultLoader = ({ loadingText }) => /* @__PURE__ */ jsxs(Box, { sx: CENTERED, children: [
+  /* @__PURE__ */ jsx(CircularProgress, { size: 24 }),
+  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { ml: 1 }, children: loadingText })
+] });
+var DefaultEndMessage = ({ endText }) => /* @__PURE__ */ jsx(Box, { sx: CENTERED, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: endText }) });
+var DefaultError = ({ error }) => /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { m: 2 }, children: error.message || "An error occurred while loading more items" });
+var containerStyles = (variant, width) => {
+  const horizontal = variant === "horizontal";
+  const base = {
+    width: horizontal ? width || "100%" : "100%",
+    height: horizontal ? "100%" : "auto",
+    overflowX: horizontal ? "auto" : "hidden",
+    overflowY: horizontal ? "hidden" : "visible",
+    display: "flex",
+    flexDirection: horizontal ? "row" : "column"
+  };
+  return variant === "reverse" ? { ...base, flexDirection: "column-reverse" } : base;
+};
+
+export {
+  DefaultLoader,
+  DefaultEndMessage,
+  DefaultError,
+  containerStyles
+};
+//# sourceMappingURL=chunk-Y7ZHWA5W.js.map

package/dist/chunk-Y7ZHWA5W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/InfiniteScroll/InfiniteScroll.parts.tsx"],"sourcesContent":["import { Alert, Box, CircularProgress, Typography } from '@mui/material';\nimport React from 'react';\n\nimport type { InfiniteScrollProps } from './InfiniteScroll.types';\n\ntype Variant = NonNullable<InfiniteScrollProps['variant']>;\n\nconst CENTERED = {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  p: 2,\n} as const;\n\nexport const DefaultLoader: React.FC<{ loadingText: string }> = ({ loadingText }) => (\n  <Box sx={CENTERED}>\n    <CircularProgress size={24} />\n    <Typography variant=\"body2\" sx={{ ml: 1 }}>\n      {loadingText}\n    </Typography>\n  </Box>\n);\n\nexport const DefaultEndMessage: React.FC<{ endText: string }> = ({ endText }) => (\n  <Box sx={CENTERED}>\n    <Typography variant=\"body2\" color=\"text.secondary\">\n      {endText}\n    </Typography>\n  </Box>\n);\n\nexport const DefaultError: React.FC<{ error: Error }> = ({ error }) => (\n  <Alert severity=\"error\" sx={{ m: 2 }}>\n    {error.message || 'An error occurred while loading more items'}\n  </Alert>\n);\n\n/**\n * `horizontal` scrolls along a row; `reverse` stacks bottom-up, for a chat log\n * that loads older messages as you scroll away from the newest.\n */\nexport const containerStyles = (variant: Variant, width?: number | string) => {\n  const horizontal = variant === 'horizontal';\n  const base = {\n    width: horizontal ? width || '100%' : '100%',\n    height: horizontal ? '100%' : 'auto',\n    overflowX: horizontal ? 'auto' : 'hidden',\n    overflowY: horizontal ? 'hidden' : 'visible',\n    display: 'flex',\n    flexDirection: horizontal ? 'row' : 'column',\n  };\n\n  return variant === 'reverse' ? { ...base, flexDirection: 'column-reverse' } : base;\n};\n"],"mappings":";AAAA,SAAS,OAAO,KAAK,kBAAkB,kBAAkB;AAevD,SACE,KADF;AARF,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,GAAG;AACL;AAEO,IAAM,gBAAmD,CAAC,EAAE,YAAY,MAC7E,qBAAC,OAAI,IAAI,UACP;AAAA,sBAAC,oBAAiB,MAAM,IAAI;AAAA,EAC5B,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAE,GACrC,uBACH;AAAA,GACF;AAGK,IAAM,oBAAmD,CAAC,EAAE,QAAQ,MACzE,oBAAC,OAAI,IAAI,UACP,8BAAC,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,mBACH,GACF;AAGK,IAAM,eAA2C,CAAC,EAAE,MAAM,MAC/D,oBAAC,SAAM,UAAS,SAAQ,IAAI,EAAE,GAAG,EAAE,GAChC,gBAAM,WAAW,8CACpB;AAOK,IAAM,kBAAkB,CAAC,SAAkB,UAA4B;AAC5E,QAAM,aAAa,YAAY;AAC/B,QAAM,OAAO;AAAA,IACX,OAAO,aAAa,SAAS,SAAS;AAAA,IACtC,QAAQ,aAAa,SAAS;AAAA,IAC9B,WAAW,aAAa,SAAS;AAAA,IACjC,WAAW,aAAa,WAAW;AAAA,IACnC,SAAS;AAAA,IACT,eAAe,aAAa,QAAQ;AAAA,EACtC;AAEA,SAAO,YAAY,YAAY,EAAE,GAAG,MAAM,eAAe,iBAAiB,IAAI;AAChF;","names":[]}

package/dist/chunk-YA2ZL3VG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-YA2ZL3VG.js.map

package/dist/chunk-YA2ZL3VG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-YC4DEUYW.js

@@ -0,0 +1,25 @@
+// src/components/utility/Transition/Transition.helpers.ts
+var transitionDuration = (theme, variant, duration) => {
+  if (typeof duration === "number" || typeof duration === "object") return duration;
+  switch (variant) {
+    case "slide":
+      return theme.transitions.duration.enteringScreen;
+    case "fade":
+    case "scale":
+    case "grow":
+    case "zoom":
+      return theme.transitions.duration.shorter;
+    default:
+      return theme.transitions.duration.standard;
+  }
+};
+var transitionEasing = (theme, variant, easing) => {
+  if (typeof easing === "string" || typeof easing === "object") return easing;
+  return variant === "slide" ? theme.transitions.easing.easeOut : theme.transitions.easing.easeInOut;
+};
+
+export {
+  transitionDuration,
+  transitionEasing
+};
+//# sourceMappingURL=chunk-YC4DEUYW.js.map

package/dist/chunk-YC4DEUYW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/Transition/Transition.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material';\n\nimport type { CustomTransitionProps, TransitionVariant } from './Transition.types';\n\ntype Duration = NonNullable<CustomTransitionProps['duration']>;\ntype Easing = NonNullable<CustomTransitionProps['easing']>;\n\n/** An explicit `duration` wins in either form; otherwise the variant picks one. */\nexport const transitionDuration = (\n  theme: Theme,\n  variant: TransitionVariant,\n  duration?: Duration,\n): Duration => {\n  if (typeof duration === 'number' || typeof duration === 'object') return duration;\n\n  switch (variant) {\n    case 'slide':\n      return theme.transitions.duration.enteringScreen;\n    case 'fade':\n    case 'scale':\n    case 'grow':\n    case 'zoom':\n      return theme.transitions.duration.shorter;\n    default:\n      return theme.transitions.duration.standard;\n  }\n};\n\n/** As above: an explicit `easing` wins, otherwise the variant picks one. */\nexport const transitionEasing = (\n  theme: Theme,\n  variant: TransitionVariant,\n  easing?: Easing,\n): Easing => {\n  if (typeof easing === 'string' || typeof easing === 'object') return easing;\n\n  return variant === 'slide'\n    ? theme.transitions.easing.easeOut\n    : theme.transitions.easing.easeInOut;\n};\n"],"mappings":";AAQO,IAAM,qBAAqB,CAChC,OACA,SACA,aACa;AACb,MAAI,OAAO,aAAa,YAAY,OAAO,aAAa,SAAU,QAAO;AAEzE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,MAAM,YAAY,SAAS;AAAA,IACpC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,MAAM,YAAY,SAAS;AAAA,IACpC;AACE,aAAO,MAAM,YAAY,SAAS;AAAA,EACtC;AACF;AAGO,IAAM,mBAAmB,CAC9B,OACA,SACA,WACW;AACX,MAAI,OAAO,WAAW,YAAY,OAAO,WAAW,SAAU,QAAO;AAErE,SAAO,YAAY,UACf,MAAM,YAAY,OAAO,UACzB,MAAM,YAAY,OAAO;AAC/B;","names":[]}

package/dist/chunk-YGQX7BNI.js

@@ -0,0 +1,63 @@
+// src/components/data-display/DataViews/data-views-filter.ts
+function resolveColumnValue(row, col) {
+  const { accessor, id } = col;
+  if (typeof accessor === "function") return accessor(row);
+  if (accessor) return row[accessor];
+  return row[id];
+}
+function matchesSearch(row, searchableColumns, term) {
+  if (!term) return true;
+  const q = term.trim().toLowerCase();
+  if (!q) return true;
+  return searchableColumns.some((col) => {
+    const value = resolveColumnValue(row, col);
+    return value != null && String(value).toLowerCase().includes(q);
+  });
+}
+function matchesPills(row, fields, pills) {
+  return fields.every((field) => {
+    const selected = pills[field.id];
+    if (!selected || selected.length === 0) return true;
+    const raw = field.accessor ? field.accessor(row) : row[field.id];
+    const values = Array.isArray(raw) ? raw.map((v) => String(v)) : [String(raw ?? "")];
+    return values.some((value) => selected.includes(value));
+  });
+}
+function isRangeActive(range) {
+  if (!range || range.min == null && range.max == null) return false;
+  if (range.min != null && range.max != null) {
+    const order = compareBounds(range.max, range.min);
+    if (order !== null && order < 0) return false;
+  }
+  return true;
+}
+function compareBounds(a, b) {
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  if (typeof a === "string" && typeof b === "string") return a < b ? -1 : a > b ? 1 : 0;
+  return null;
+}
+function withinBound(value, bound, direction) {
+  if (bound == null) return true;
+  const order = compareBounds(value, bound);
+  return order !== null && order * direction >= 0;
+}
+function rangeAllows(range, value) {
+  if (!isRangeActive(range)) return true;
+  if (value == null || typeof value === "number" && Number.isNaN(value)) return false;
+  return withinBound(value, range.min, 1) && withinBound(value, range.max, -1);
+}
+function matchesRanges(row, rangeFields, ranges) {
+  return rangeFields.every((field) => rangeAllows(ranges[field.id], field.accessor(row)));
+}
+function filterRows(rows, columns, fields, criteria, rangeFields = []) {
+  const searchable = columns.filter((col) => col.searchable);
+  const ranges = criteria.ranges ?? {};
+  return rows.filter(
+    (row) => matchesSearch(row, searchable, criteria.search) && matchesPills(row, fields, criteria.pills) && matchesRanges(row, rangeFields, ranges)
+  );
+}
+
+export {
+  filterRows
+};
+//# sourceMappingURL=chunk-YGQX7BNI.js.map

package/dist/chunk-YGQX7BNI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-filter.ts"],"sourcesContent":["import type { GridColumn } from \"../DataGrid\";\n\nimport type {\n  DataViewColumn,\n  FilterFieldConfig,\n  RangeFieldConfig,\n  RangeValue,\n} from \"./data-views-types\";\n\n/**\n * Pure filtering for the DataViews table (FUT-88) — kept out of the component so\n * the search + pill semantics are unit-testable in isolation. The grid does its\n * own sorting + column hiding; this narrows the row set (and drives the \"showing\n * X of Y\" counter), so all filtering lives here in one place.\n */\n\n/** Resolve a column's raw value for a row (function accessor, key, or id fallback). */\nfunction resolveColumnValue<T extends Record<string, unknown>>(\n  row: T,\n  col: Pick<GridColumn<T>, \"accessor\" | \"id\">,\n): unknown {\n  const { accessor, id } = col;\n  if (typeof accessor === \"function\") return accessor(row);\n  if (accessor) return row[accessor];\n  return row[id as keyof T];\n}\n\nfunction matchesSearch<T extends Record<string, unknown>>(\n  row: T,\n  searchableColumns: DataViewColumn<T>[],\n  term: string,\n): boolean {\n  if (!term) return true;\n  const q = term.trim().toLowerCase();\n  if (!q) return true;\n  return searchableColumns.some((col) => {\n    const value = resolveColumnValue(row, col);\n    return value != null && String(value).toLowerCase().includes(q);\n  });\n}\n\nfunction matchesPills<T extends Record<string, unknown>>(\n  row: T,\n  fields: FilterFieldConfig<T>[],\n  pills: Record<string, string[]>,\n): boolean {\n  return fields.every((field) => {\n    const selected = pills[field.id];\n    if (!selected || selected.length === 0) return true;\n    const raw = field.accessor ? field.accessor(row) : row[field.id];\n    const values = Array.isArray(raw) ? raw.map((v) => String(v)) : [String(raw ?? \"\")];\n    return values.some((value) => selected.includes(value));\n  });\n}\n\n/**\n * Is this range an active filter? A missing range, one with no bounds, or an\n * inverted one (max < min, which is invalid) is inactive — an inactive range\n * never filters anything out; the UI surfaces the inverted case as an error.\n */\nfunction isRangeActive(range: RangeValue | undefined): range is RangeValue {\n  if (!range || (range.min == null && range.max == null)) return false;\n  if (range.min != null && range.max != null) {\n    const order = compareBounds(range.max, range.min);\n    if (order !== null && order < 0) return false;\n  }\n  return true;\n}\n\n/**\n * Order two bounds of the SAME range. A field's bounds are always one kind —\n * both numbers, or both `AAAA-MM-DD` days, which sort correctly as strings.\n * Mixed kinds are not comparable and return null, which every caller reads as\n * \"this bound constrains nothing\" rather than silently ordering them wrong.\n */\nfunction compareBounds(a: number | string, b: number | string): number | null {\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  if (typeof a === \"string\" && typeof b === \"string\") return a < b ? -1 : a > b ? 1 : 0;\n  return null;\n}\n\n/**\n * Is `value` on the allowed side of ONE bound? `direction` is +1 for a lower\n * bound (value must be at or above it) and -1 for an upper one. An absent bound\n * constrains nothing; an incomparable pair excludes the row rather than\n * quietly admitting it.\n */\nfunction withinBound(\n  value: number | string,\n  bound: number | string | undefined,\n  direction: 1 | -1,\n): boolean {\n  if (bound == null) return true;\n  const order = compareBounds(value, bound);\n  return order !== null && order * direction >= 0;\n}\n\n/** Does one value satisfy a single (possibly one-sided) range? */\nfunction rangeAllows(\n  range: RangeValue | undefined,\n  value: number | string | null | undefined,\n): boolean {\n  if (!isRangeActive(range)) return true;\n  // A row without a comparable value can't satisfy a bounded range.\n  if (value == null || (typeof value === \"number\" && Number.isNaN(value))) return false;\n  return withinBound(value, range.min, 1) && withinBound(value, range.max, -1);\n}\n\n/** Does the row fall within every bounded range? */\nfunction matchesRanges<T extends Record<string, unknown>>(\n  row: T,\n  rangeFields: RangeFieldConfig<T>[],\n  ranges: Record<string, RangeValue>,\n): boolean {\n  return rangeFields.every((field) => rangeAllows(ranges[field.id], field.accessor(row)));\n}\n\n/**\n * The rows matching the current search + pill selections + numeric ranges\n * (order unchanged). `rangeFields` is optional so existing multi-select-only\n * tables call this unchanged.\n */\nexport function filterRows<T extends Record<string, unknown>>(\n  rows: T[],\n  columns: DataViewColumn<T>[],\n  fields: FilterFieldConfig<T>[],\n  criteria: { search: string; pills: Record<string, string[]>; ranges?: Record<string, RangeValue> },\n  rangeFields: RangeFieldConfig<T>[] = [],\n): T[] {\n  const searchable = columns.filter((col) => col.searchable);\n  const ranges = criteria.ranges ?? {};\n  return rows.filter(\n    (row) =>\n      matchesSearch(row, searchable, criteria.search) &&\n      matchesPills(row, fields, criteria.pills) &&\n      matchesRanges(row, rangeFields, ranges),\n  );\n}\n"],"mappings":";AAiBA,SAAS,mBACP,KACA,KACS;AACT,QAAM,EAAE,UAAU,GAAG,IAAI;AACzB,MAAI,OAAO,aAAa,WAAY,QAAO,SAAS,GAAG;AACvD,MAAI,SAAU,QAAO,IAAI,QAAQ;AACjC,SAAO,IAAI,EAAa;AAC1B;AAEA,SAAS,cACP,KACA,mBACA,MACS;AACT,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,IAAI,KAAK,KAAK,EAAE,YAAY;AAClC,MAAI,CAAC,EAAG,QAAO;AACf,SAAO,kBAAkB,KAAK,CAAC,QAAQ;AACrC,UAAM,QAAQ,mBAAmB,KAAK,GAAG;AACzC,WAAO,SAAS,QAAQ,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC;AAAA,EAChE,CAAC;AACH;AAEA,SAAS,aACP,KACA,QACA,OACS;AACT,SAAO,OAAO,MAAM,CAAC,UAAU;AAC7B,UAAM,WAAW,MAAM,MAAM,EAAE;AAC/B,QAAI,CAAC,YAAY,SAAS,WAAW,EAAG,QAAO;AAC/C,UAAM,MAAM,MAAM,WAAW,MAAM,SAAS,GAAG,IAAI,IAAI,MAAM,EAAE;AAC/D,UAAM,SAAS,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,OAAO,EAAE,CAAC;AAClF,WAAO,OAAO,KAAK,CAAC,UAAU,SAAS,SAAS,KAAK,CAAC;AAAA,EACxD,CAAC;AACH;AAOA,SAAS,cAAc,OAAoD;AACzE,MAAI,CAAC,SAAU,MAAM,OAAO,QAAQ,MAAM,OAAO,KAAO,QAAO;AAC/D,MAAI,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM;AAC1C,UAAM,QAAQ,cAAc,MAAM,KAAK,MAAM,GAAG;AAChD,QAAI,UAAU,QAAQ,QAAQ,EAAG,QAAO;AAAA,EAC1C;AACA,SAAO;AACT;AAQA,SAAS,cAAc,GAAoB,GAAmC;AAC5E,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,SAAU,QAAO,IAAI;AAC/D,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,SAAU,QAAO,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI;AACpF,SAAO;AACT;AAQA,SAAS,YACP,OACA,OACA,WACS;AACT,MAAI,SAAS,KAAM,QAAO;AAC1B,QAAM,QAAQ,cAAc,OAAO,KAAK;AACxC,SAAO,UAAU,QAAQ,QAAQ,aAAa;AAChD;AAGA,SAAS,YACP,OACA,OACS;AACT,MAAI,CAAC,cAAc,KAAK,EAAG,QAAO;AAElC,MAAI,SAAS,QAAS,OAAO,UAAU,YAAY,OAAO,MAAM,KAAK,EAAI,QAAO;AAChF,SAAO,YAAY,OAAO,MAAM,KAAK,CAAC,KAAK,YAAY,OAAO,MAAM,KAAK,EAAE;AAC7E;AAGA,SAAS,cACP,KACA,aACA,QACS;AACT,SAAO,YAAY,MAAM,CAAC,UAAU,YAAY,OAAO,MAAM,EAAE,GAAG,MAAM,SAAS,GAAG,CAAC,CAAC;AACxF;AAOO,SAAS,WACd,MACA,SACA,QACA,UACA,cAAqC,CAAC,GACjC;AACL,QAAM,aAAa,QAAQ,OAAO,CAAC,QAAQ,IAAI,UAAU;AACzD,QAAM,SAAS,SAAS,UAAU,CAAC;AACnC,SAAO,KAAK;AAAA,IACV,CAAC,QACC,cAAc,KAAK,YAAY,SAAS,MAAM,KAC9C,aAAa,KAAK,QAAQ,SAAS,KAAK,KACxC,cAAc,KAAK,aAAa,MAAM;AAAA,EAC1C;AACF;","names":[]}

package/dist/chunk-YICNA5LG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-YICNA5LG.js.map

package/dist/chunk-YICNA5LG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-YLHCICYS.js

@@ -0,0 +1,166 @@
+// src/components/navigation/NavigationMenu/NavigationMenu.styles.ts
+import { alpha, keyframes } from "@mui/material";
+var slideIn = keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+var pulseGlow = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4);
+  }
+  70% {
+    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);
+  }
+`;
+var SIZE_STYLES = {
+  sm: (theme) => ({
+    padding: theme.spacing(1, 1.5),
+    fontSize: "0.875rem",
+    "& .MuiListItemIcon-root": { transform: "scale(0.85)" }
+  }),
+  lg: (theme) => ({
+    padding: theme.spacing(2, 2.5),
+    fontSize: "1.125rem",
+    "& .MuiListItemIcon-root": { transform: "scale(1.15)" }
+  })
+};
+var horizontalStyles = (theme) => ({
+  borderRadius: theme.spacing(1.5),
+  margin: theme.spacing(0, 0.5),
+  background: alpha(theme.palette.background.paper, 0.6),
+  backdropFilter: "blur(8px)",
+  border: `none`
+  // border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,
+});
+var collapsedStyles = () => ({
+  justifyContent: "center",
+  minHeight: 56,
+  "& .MuiListItemIcon-root": {
+    margin: 0
+  }
+});
+var activeStyles = (theme, _variant) => ({
+  color: theme.palette.primary.main,
+  cursor: "default",
+  "& .MuiListItemIcon-root": {
+    color: theme.palette.primary.main
+  },
+  "&::before": {
+    opacity: 1,
+    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`
+  },
+  "&:hover": {
+    background: "none",
+    transform: "none",
+    boxShadow: "none",
+    "&::before": {
+      opacity: 1
+    },
+    "& .MuiListItemIcon-root": {
+      transform: "none"
+    },
+    "& .MuiListItemText-primary": {
+      transform: "none"
+    }
+  }
+});
+var navDecorationStyles = (theme) => ({
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,
+    opacity: 0,
+    transition: "opacity 0.3s ease"
+  },
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    width: "100%",
+    height: "100%",
+    background: `radial-gradient(circle, ${alpha(theme.palette.primary.main, 0.3)} 0%, transparent 70%)`,
+    transform: "translate(-50%, -50%) scale(0)",
+    transition: "transform 0.6s ease",
+    borderRadius: "50%"
+  }
+});
+var navInteractionStyles = (theme, minimal, collapsed, size) => ({
+  "&:hover": minimal ? {
+    // Simple hover for minimal variant
+    backgroundColor: alpha(theme.palette.action.hover, 0.08),
+    color: theme.palette.primary.main,
+    "& .MuiListItemIcon-root": {
+      color: theme.palette.primary.main
+    }
+  } : {
+    // Fancy hover for non-minimal variant
+    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,
+    color: theme.palette.primary.main,
+    boxShadow: `0 8px 24px ${alpha(theme.palette.primary.main, 0.15)}`,
+    backgroundColor: alpha(theme.palette.primary.main, 0.04),
+    "&::before": {
+      opacity: 1
+    },
+    "& .MuiListItemIcon-root": {
+      color: theme.palette.primary.main,
+      transform: collapsed ? "scale(1.1)" : size === "sm" ? "scale(0.95) rotate(-5deg)" : size === "lg" ? "scale(1.25) rotate(-5deg)" : "scale(1.1) rotate(-5deg)",
+      transition: "all 0.3s ease"
+    },
+    "& .MuiListItemText-primary": {
+      transform: "translateX(4px)",
+      transition: "transform 0.3s ease"
+    }
+  },
+  "&:active": minimal ? {
+    // Simple active state for minimal variant
+    opacity: 0.7
+  } : {
+    // Fancy active state for non-minimal variant
+    transform: "scale(0.98)",
+    "&::after": {
+      transform: "translate(-50%, -50%) scale(2)"
+    }
+  }
+});
+var navItemButtonStyles = ({
+  theme,
+  variant,
+  active,
+  size,
+  collapsed,
+  minimal
+}) => ({
+  ...size ? SIZE_STYLES[size]?.(theme) ?? {} : {},
+  ...variant === "horizontal" ? horizontalStyles(theme) : {},
+  ...collapsed ? collapsedStyles() : {},
+  ...active ? activeStyles(theme, variant) : {},
+  ...navDecorationStyles(theme),
+  ...navInteractionStyles(theme, minimal, collapsed, size),
+  borderRadius: theme.spacing(1.5),
+  margin: theme.spacing(0.5),
+  position: "relative",
+  overflow: "hidden",
+  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+  transformStyle: "preserve-3d"
+});
+
+export {
+  slideIn,
+  pulseGlow,
+  navItemButtonStyles
+};
+//# sourceMappingURL=chunk-YLHCICYS.js.map

package/dist/chunk-YLHCICYS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMenu.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nexport const slideIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const pulseGlow = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);\n  }\n`;\n\nconst SIZE_STYLES: Record<string, (theme: Theme) => CSSObject> = {\n  sm: (theme) => ({\n    padding: theme.spacing(1, 1.5),\n    fontSize: '0.875rem',\n    '& .MuiListItemIcon-root': { transform: 'scale(0.85)' },\n  }),\n  lg: (theme) => ({\n    padding: theme.spacing(2, 2.5),\n    fontSize: '1.125rem',\n    '& .MuiListItemIcon-root': { transform: 'scale(1.15)' },\n  }),\n};\n\n// Each of these applies independently of the others, so they layer rather than\n// forming a lookup.\nconst horizontalStyles = (theme: Theme): CSSObject => ({\n      borderRadius: theme.spacing(1.5),\n      margin: theme.spacing(0, 0.5),\n      background: alpha(theme.palette.background.paper, 0.6),\n      backdropFilter: 'blur(8px)',\n      border: `none`,\n      // border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n    });\n\nconst collapsedStyles = (): CSSObject => ({\n      justifyContent: 'center',\n      minHeight: 56,\n      '& .MuiListItemIcon-root': {\n        margin: 0,\n      },\n    });\n\nconst activeStyles = (theme: Theme, _variant?: string): CSSObject => ({\n      color: theme.palette.primary.main,\n      cursor: 'default',\n\n      '& .MuiListItemIcon-root': {\n        color: theme.palette.primary.main,\n      },\n\n      '&::before': {\n        opacity: 1,\n        background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`,\n      },\n\n      '&:hover': {\n        background: 'none',\n        transform: 'none',\n        boxShadow: 'none',\n\n        '&::before': {\n          opacity: 1,\n        },\n\n        '& .MuiListItemIcon-root': {\n          transform: 'none',\n        },\n\n        '& .MuiListItemText-primary': {\n          transform: 'none',\n        },\n      },\n    });\n\n// Decorative sweep and glow layers behind the row.\nconst navDecorationStyles = (theme: Theme): CSSObject => ({\n  '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,\n      opacity: 0,\n      transition: 'opacity 0.3s ease',\n    },\n  '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      width: '100%',\n      height: '100%',\n      background: `radial-gradient(circle, ${alpha(theme.palette.primary.main, 0.3)} 0%, transparent 70%)`,\n      transform: 'translate(-50%, -50%) scale(0)',\n      transition: 'transform 0.6s ease',\n      borderRadius: '50%',\n    },\n});\n\n// The minimal variant deliberately skips the lift-and-glow treatment.\nconst navInteractionStyles = (\n  theme: Theme,\n  minimal?: boolean,\n  collapsed?: boolean,\n  size?: string,\n): CSSObject => ({\n  '&:hover': minimal\n      ? {\n          // Simple hover for minimal variant\n          backgroundColor: alpha(theme.palette.action.hover, 0.08),\n          color: theme.palette.primary.main,\n\n          '& .MuiListItemIcon-root': {\n            color: theme.palette.primary.main,\n          },\n        }\n      : {\n          // Fancy hover for non-minimal variant\n          background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,\n          color: theme.palette.primary.main,\n          boxShadow: `0 8px 24px ${alpha(theme.palette.primary.main, 0.15)}`,\n          backgroundColor: alpha(theme.palette.primary.main, 0.04),\n\n          '&::before': {\n            opacity: 1,\n          },\n\n          '& .MuiListItemIcon-root': {\n            color: theme.palette.primary.main,\n            transform: collapsed\n              ? 'scale(1.1)'\n              : size === 'sm'\n                ? 'scale(0.95) rotate(-5deg)'\n                : size === 'lg'\n                  ? 'scale(1.25) rotate(-5deg)'\n                  : 'scale(1.1) rotate(-5deg)',\n            transition: 'all 0.3s ease',\n          },\n\n          '& .MuiListItemText-primary': {\n            transform: 'translateX(4px)',\n            transition: 'transform 0.3s ease',\n          },\n        },\n  '&:active': minimal\n      ? {\n          // Simple active state for minimal variant\n          opacity: 0.7,\n        }\n      : {\n          // Fancy active state for non-minimal variant\n          transform: 'scale(0.98)',\n          '&::after': {\n            transform: 'translate(-50%, -50%) scale(2)',\n          },\n        },\n});\n\n// The nav row's own styling: base layout plus the variant, size, collapsed and\n// minimal treatments. Lifted out so the styled() callback is a single spread.\nexport const navItemButtonStyles = ({\n  theme,\n  variant,\n  active,\n  size,\n  collapsed,\n  minimal,\n}: {\n  theme: Theme;\n  variant?: string;\n  active?: boolean;\n  size?: string;\n  collapsed?: boolean;\n  minimal?: boolean;\n}): CSSObject => ({\n  ...(size ? (SIZE_STYLES[size]?.(theme) ?? {}) : {}),\n  ...(variant === 'horizontal' ? horizontalStyles(theme) : {}),\n  ...(collapsed ? collapsedStyles() : {}),\n  ...(active ? activeStyles(theme, variant) : {}),\n  ...navDecorationStyles(theme),\n  ...navInteractionStyles(theme, minimal, collapsed, size),\n    borderRadius: theme.spacing(1.5),\n    margin: theme.spacing(0.5),\n    position: 'relative',\n    overflow: 'hidden',\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    transformStyle: 'preserve-3d',\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  });\n"],"mappings":"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","names":[]}