dhanasekar-ui 1.6.0 → 1.7.0

package/dist/chunk-LJZR5S2S.mjs

@@ -0,0 +1,303 @@
+import {a}from'./chunk-547MQ4FI.mjs';import {createContext,forwardRef,useContext}from'react';import {jsxs,jsx}from'react/jsx-runtime';var f=createContext({position:"right"}),T=()=>useContext(f),C=`
+/* ===================================================
+   UI-TIMELINE \u2014 Premium Timeline Component Styles
+   =================================================== */
+
+/* --- Base --- */
+.ui-timeline {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+/* --- Item --- */
+.ui-timeline-item {
+  display: flex;
+  position: relative;
+  align-items: stretch;
+  min-height: 64px;
+}
+
+/* --- Position Variants --- */
+.ui-timeline-item.right  { flex-direction: row; }
+.ui-timeline-item.left   { flex-direction: row-reverse; }
+
+.ui-timeline-item.alternate:nth-child(even)         { flex-direction: row-reverse; }
+.ui-timeline-item.alternate-reverse                 { flex-direction: row-reverse; }
+.ui-timeline-item.alternate-reverse:nth-child(even) { flex-direction: row; }
+
+/* --- Separator --- */
+.ui-timeline-separator {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-shrink: 0;
+  padding: 2px 16px;
+}
+
+/* ===================================================
+   DOT BASE
+   =================================================== */
+.ui-timeline-dot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  z-index: 2;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  position: relative;
+  transition:
+    transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
+    box-shadow 0.25s ease;
+  cursor: default;
+  user-select: none;
+}
+
+.ui-timeline-dot svg {
+  width: 1em;
+  height: 1em;
+  display: block;
+  flex-shrink: 0;
+}
+
+.ui-timeline-dot:hover {
+  transform: scale(1.18);
+}
+
+/* --- Dot Sizes --- */
+.ui-timeline-dot.size-small  { width: 12px; height: 12px; }
+.ui-timeline-dot.size-medium { width: 42px; height: 42px; font-size: 1.1rem; }
+.ui-timeline-dot.size-large  { width: 58px; height: 58px; font-size: 1.4rem; }
+
+/* ===================================================
+   DOT VARIANTS
+   =================================================== */
+
+/* FILLED */
+.ui-timeline-dot.filled {
+  background: var(--tl-color, #3b82f6);
+  color: #ffffff;
+  box-shadow:
+    0 0 0 4px var(--tl-color-ring, rgba(59,130,246,0.16)),
+    0 4px 14px var(--tl-color-shadow, rgba(59,130,246,0.32));
+}
+.ui-timeline-dot.filled:hover {
+  box-shadow:
+    0 0 0 7px var(--tl-color-ring, rgba(59,130,246,0.2)),
+    0 8px 22px var(--tl-color-shadow, rgba(59,130,246,0.42));
+}
+
+/* OUTLINED */
+.ui-timeline-dot.outlined {
+  border: 2.5px solid var(--tl-color, #3b82f6);
+  background: #ffffff;
+  color: var(--tl-color, #3b82f6);
+  box-shadow: 0 0 0 4px var(--tl-color-ring, rgba(59,130,246,0.1));
+}
+.ui-timeline-dot.outlined:hover {
+  background: var(--tl-color-ring, rgba(59,130,246,0.07));
+  box-shadow: 0 0 0 7px var(--tl-color-ring, rgba(59,130,246,0.15));
+}
+
+/* GRADIENT */
+.ui-timeline-dot.gradient {
+  background: linear-gradient(
+    135deg,
+    var(--tl-color, #3b82f6),
+    var(--tl-color2, #a855f7)
+  );
+  color: #ffffff;
+  box-shadow:
+    0 0 0 4px rgba(168, 85, 247, 0.14),
+    0 4px 16px rgba(59, 130, 246, 0.34);
+}
+.ui-timeline-dot.gradient:hover {
+  box-shadow:
+    0 0 0 8px rgba(168, 85, 247, 0.18),
+    0 8px 26px rgba(59, 130, 246, 0.44);
+}
+
+/* ===================================================
+   PULSE ANIMATION
+   =================================================== */
+@keyframes ui-tl-pulse {
+  0%   { transform: scale(1);   opacity: 0.65; }
+  70%  { transform: scale(2.6); opacity: 0; }
+  100% { transform: scale(2.6); opacity: 0; }
+}
+
+.ui-timeline-dot.pulse::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: var(--tl-color, #3b82f6);
+  animation: ui-tl-pulse 2s ease-out infinite;
+  z-index: -1;
+  pointer-events: none;
+}
+.ui-timeline-dot.pulse.gradient::after {
+  background: linear-gradient(135deg, var(--tl-color, #3b82f6), var(--tl-color2, #a855f7));
+}
+
+/* ===================================================
+   CONNECTOR
+   =================================================== */
+.ui-timeline-connector {
+  width: var(--tl-conn-width, 2px);
+  flex: 1;
+  min-height: 20px;
+  margin: 5px 0;
+  border-radius: 999px;
+  background: var(--tl-conn-color, #e2e8f0);
+  transition: background 0.25s ease;
+}
+
+.ui-timeline-connector.dashed {
+  background: transparent !important;
+  border-left: var(--tl-conn-width, 2px) dashed var(--tl-conn-color, #e2e8f0);
+  width: 0 !important;
+  border-radius: 0;
+}
+
+.ui-timeline-connector.dotted {
+  background: transparent !important;
+  border-left: var(--tl-conn-width, 2px) dotted var(--tl-conn-color, #e2e8f0);
+  width: 0 !important;
+  border-radius: 0;
+}
+
+/* Hide last connector */
+.ui-timeline-item:last-child .ui-timeline-connector {
+  display: none;
+}
+
+/* ===================================================
+   CONTENT & OPPOSITE CONTENT
+   =================================================== */
+.ui-timeline-content {
+  flex: 1;
+  padding: 0 0 28px 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+.ui-timeline-opposite {
+  flex: 0 0 128px;
+  padding: 0 0 28px 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  color: #94a3b8;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+}
+
+/* --- Alignment rules --- */
+.ui-timeline-item.right .ui-timeline-opposite                               { text-align: right; }
+.ui-timeline-item.right .ui-timeline-content                                { text-align: left; }
+.ui-timeline-item.left .ui-timeline-opposite                                { text-align: left; }
+.ui-timeline-item.left .ui-timeline-content                                 { text-align: right; }
+
+.ui-timeline-item.alternate:nth-child(even) .ui-timeline-opposite           { text-align: left; }
+.ui-timeline-item.alternate:nth-child(even) .ui-timeline-content            { text-align: right; }
+.ui-timeline-item.alternate-reverse:nth-child(odd) .ui-timeline-opposite    { text-align: left; }
+.ui-timeline-item.alternate-reverse:nth-child(odd) .ui-timeline-content     { text-align: right; }
+
+/* Equal flex for alternate layouts */
+.ui-timeline-item.alternate .ui-timeline-content,
+.ui-timeline-item.alternate .ui-timeline-opposite,
+.ui-timeline-item.alternate-reverse .ui-timeline-content,
+.ui-timeline-item.alternate-reverse .ui-timeline-opposite {
+  flex: 1;
+}
+
+/* ===================================================
+   ENTRANCE ANIMATIONS
+   =================================================== */
+@keyframes ui-tl-in-right {
+  from { opacity: 0; transform: translateX(-18px); }
+  to   { opacity: 1; transform: translateX(0); }
+}
+@keyframes ui-tl-in-left {
+  from { opacity: 0; transform: translateX(18px); }
+  to   { opacity: 1; transform: translateX(0); }
+}
+@keyframes ui-tl-in-dot {
+  from { opacity: 0; transform: scale(0.3); }
+  to   { opacity: 1; transform: scale(1); }
+}
+
+/* Content animation */
+.ui-timeline.animated .ui-timeline-content {
+  animation: ui-tl-in-right 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
+}
+.ui-timeline.animated .ui-timeline-item.left .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item.alternate:nth-child(even) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item.alternate-reverse:nth-child(odd) .ui-timeline-content {
+  animation: ui-tl-in-left 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
+}
+
+/* Dot animation */
+.ui-timeline.animated .ui-timeline-dot {
+  animation: ui-tl-in-dot 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+}
+
+/* Staggered delays (up to 8 items) */
+.ui-timeline.animated .ui-timeline-item:nth-child(1) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(1) .ui-timeline-dot   { animation-delay: 0ms; }
+.ui-timeline.animated .ui-timeline-item:nth-child(2) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(2) .ui-timeline-dot   { animation-delay: 100ms; }
+.ui-timeline.animated .ui-timeline-item:nth-child(3) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(3) .ui-timeline-dot   { animation-delay: 200ms; }
+.ui-timeline.animated .ui-timeline-item:nth-child(4) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(4) .ui-timeline-dot   { animation-delay: 300ms; }
+.ui-timeline.animated .ui-timeline-item:nth-child(5) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(5) .ui-timeline-dot   { animation-delay: 400ms; }
+.ui-timeline.animated .ui-timeline-item:nth-child(6) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(6) .ui-timeline-dot   { animation-delay: 500ms; }
+.ui-timeline.animated .ui-timeline-item:nth-child(7) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(7) .ui-timeline-dot   { animation-delay: 600ms; }
+.ui-timeline.animated .ui-timeline-item:nth-child(8) .ui-timeline-content,
+.ui-timeline.animated .ui-timeline-item:nth-child(8) .ui-timeline-dot   { animation-delay: 700ms; }
+
+/* ===================================================
+   RESPONSIVE
+   =================================================== */
+@media (max-width: 768px) {
+  .ui-timeline-item,
+  .ui-timeline-item.left,
+  .ui-timeline-item.alternate,
+  .ui-timeline-item.alternate:nth-child(even),
+  .ui-timeline-item.alternate-reverse,
+  .ui-timeline-item.alternate-reverse:nth-child(even),
+  .ui-timeline-item.alternate-reverse:nth-child(odd) {
+    flex-direction: row !important;
+  }
+
+  .ui-timeline-opposite { display: none; }
+
+  .ui-timeline-content {
+    text-align: left !important;
+    flex: 1;
+  }
+
+  .ui-timeline-separator {
+    padding: 2px 12px 2px 0;
+  }
+
+  .ui-timeline-item.alternate .ui-timeline-content,
+  .ui-timeline-item.alternate .ui-timeline-opposite,
+  .ui-timeline-item.alternate-reverse .ui-timeline-content,
+  .ui-timeline-item.alternate-reverse .ui-timeline-opposite {
+    flex: unset;
+  }
+}
+`,w=forwardRef(({as:t,className:n,children:l,position:e="right",animated:i=false,...o},a$1)=>{let d=t||"ul";return jsxs(f.Provider,{value:{position:e},children:[jsx("style",{dangerouslySetInnerHTML:{__html:C}}),jsx(d,{ref:a$1,className:a("ui-timeline",i&&"animated",n),...o,children:l})]})});w.displayName="Timeline";var N=forwardRef(({as:t,className:n,children:l,position:e,...i},o)=>{let a$1=T();return jsx(t||"li",{ref:o,className:a("ui-timeline-item",e||a$1.position,n),...i,children:l})});N.displayName="TimelineItem";var E=forwardRef(({as:t,className:n,children:l,...e},i)=>jsx(t||"div",{ref:i,className:a("ui-timeline-separator",n),...e,children:l}));E.displayName="TimelineSeparator";var P=forwardRef(({as:t,className:n,color:l,variant:e="solid",width:i,style:o,...a$1},d)=>jsx(t||"div",{ref:d,style:{...o,"--tl-conn-color":l,"--tl-conn-width":i?`${i}px`:void 0},className:a("ui-timeline-connector",e,n),...a$1}));P.displayName="TimelineConnector";var S=forwardRef(({as:t,className:n,children:l,...e},i)=>jsx(t||"div",{ref:i,className:a("ui-timeline-content",n),...e,children:l}));S.displayName="TimelineContent";var I=forwardRef(({as:t,className:n,variant:l="filled",color:e="#3b82f6",color2:i="#a855f7",size:o,children:a$1,pulse:d=false,style:u,...h},x)=>{let g=t||"div",y=o||(a$1?"medium":"small"),c="rgba(59,130,246,0.16)",p="rgba(59,130,246,0.3)";return e&&e.startsWith("#")&&e.length===7&&(c=`${e}29`,p=`${e}4D`),jsx(g,{ref:x,style:{...u,"--tl-color":e,"--tl-color2":i,"--tl-color-ring":c,"--tl-color-shadow":p},className:a("ui-timeline-dot",l,`size-${y}`,d&&"pulse",n),...h,children:a$1})});I.displayName="TimelineDot";var k=forwardRef(({as:t,className:n,children:l,...e},i)=>jsx(t||"div",{ref:i,className:a("ui-timeline-opposite",n),...e,children:l}));k.displayName="TimelineOppositeContent";export{w as a,N as b,E as c,P as d,S as e,I as f,k as g};//# sourceMappingURL=chunk-LJZR5S2S.mjs.map
+//# sourceMappingURL=chunk-LJZR5S2S.mjs.map

package/dist/chunk-LJZR5S2S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Timeline/Timeline.tsx"],"names":["TimelineContext","createContext","useTimeline","useContext","STYLES","Timeline","forwardRef","as","className","children","position","animated","props","ref","Component","jsxs","jsx","cn","TimelineItem","ctx","TimelineSeparator","TimelineConnector","color","variant","width","style","TimelineContent","TimelineDot","color2","size","pulse","computedSize","colorRing","colorShadow","TimelineOppositeContent"],"mappings":"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","file":"chunk-LJZR5S2S.mjs","sourcesContent":["import React, { forwardRef, ElementType, createContext, useContext } from 'react';\nimport { cn } from '../../utils/cn';\nimport {\n  TimelineProps,\n  TimelineItemProps,\n  TimelineSeparatorProps,\n  TimelineConnectorProps,\n  TimelineContentProps,\n  TimelineDotProps,\n  TimelineOppositeContentProps,\n} from './types';\n\n/* ----------------------------- Context ----------------------------- */\n\nconst TimelineContext = createContext<{ position: string }>({\n  position: 'right',\n});\n\nconst useTimeline = () => useContext(TimelineContext);\n\n/* ----------------------------- Styles ----------------------------- */\n\nconst STYLES = `\n/* ===================================================\n   UI-TIMELINE — Premium Timeline Component Styles\n   =================================================== */\n\n/* --- Base --- */\n.ui-timeline {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* --- Item --- */\n.ui-timeline-item {\n  display: flex;\n  position: relative;\n  align-items: stretch;\n  min-height: 64px;\n}\n\n/* --- Position Variants --- */\n.ui-timeline-item.right  { flex-direction: row; }\n.ui-timeline-item.left   { flex-direction: row-reverse; }\n\n.ui-timeline-item.alternate:nth-child(even)         { flex-direction: row-reverse; }\n.ui-timeline-item.alternate-reverse                 { flex-direction: row-reverse; }\n.ui-timeline-item.alternate-reverse:nth-child(even) { flex-direction: row; }\n\n/* --- Separator --- */\n.ui-timeline-separator {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 2px 16px;\n}\n\n/* ===================================================\n   DOT BASE\n   =================================================== */\n.ui-timeline-dot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  z-index: 2;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  position: relative;\n  transition:\n    transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),\n    box-shadow 0.25s ease;\n  cursor: default;\n  user-select: none;\n}\n\n.ui-timeline-dot svg {\n  width: 1em;\n  height: 1em;\n  display: block;\n  flex-shrink: 0;\n}\n\n.ui-timeline-dot:hover {\n  transform: scale(1.18);\n}\n\n/* --- Dot Sizes --- */\n.ui-timeline-dot.size-small  { width: 12px; height: 12px; }\n.ui-timeline-dot.size-medium { width: 42px; height: 42px; font-size: 1.1rem; }\n.ui-timeline-dot.size-large  { width: 58px; height: 58px; font-size: 1.4rem; }\n\n/* ===================================================\n   DOT VARIANTS\n   =================================================== */\n\n/* FILLED */\n.ui-timeline-dot.filled {\n  background: var(--tl-color, #3b82f6);\n  color: #ffffff;\n  box-shadow:\n    0 0 0 4px var(--tl-color-ring, rgba(59,130,246,0.16)),\n    0 4px 14px var(--tl-color-shadow, rgba(59,130,246,0.32));\n}\n.ui-timeline-dot.filled:hover {\n  box-shadow:\n    0 0 0 7px var(--tl-color-ring, rgba(59,130,246,0.2)),\n    0 8px 22px var(--tl-color-shadow, rgba(59,130,246,0.42));\n}\n\n/* OUTLINED */\n.ui-timeline-dot.outlined {\n  border: 2.5px solid var(--tl-color, #3b82f6);\n  background: #ffffff;\n  color: var(--tl-color, #3b82f6);\n  box-shadow: 0 0 0 4px var(--tl-color-ring, rgba(59,130,246,0.1));\n}\n.ui-timeline-dot.outlined:hover {\n  background: var(--tl-color-ring, rgba(59,130,246,0.07));\n  box-shadow: 0 0 0 7px var(--tl-color-ring, rgba(59,130,246,0.15));\n}\n\n/* GRADIENT */\n.ui-timeline-dot.gradient {\n  background: linear-gradient(\n    135deg,\n    var(--tl-color, #3b82f6),\n    var(--tl-color2, #a855f7)\n  );\n  color: #ffffff;\n  box-shadow:\n    0 0 0 4px rgba(168, 85, 247, 0.14),\n    0 4px 16px rgba(59, 130, 246, 0.34);\n}\n.ui-timeline-dot.gradient:hover {\n  box-shadow:\n    0 0 0 8px rgba(168, 85, 247, 0.18),\n    0 8px 26px rgba(59, 130, 246, 0.44);\n}\n\n/* ===================================================\n   PULSE ANIMATION\n   =================================================== */\n@keyframes ui-tl-pulse {\n  0%   { transform: scale(1);   opacity: 0.65; }\n  70%  { transform: scale(2.6); opacity: 0; }\n  100% { transform: scale(2.6); opacity: 0; }\n}\n\n.ui-timeline-dot.pulse::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  background: var(--tl-color, #3b82f6);\n  animation: ui-tl-pulse 2s ease-out infinite;\n  z-index: -1;\n  pointer-events: none;\n}\n.ui-timeline-dot.pulse.gradient::after {\n  background: linear-gradient(135deg, var(--tl-color, #3b82f6), var(--tl-color2, #a855f7));\n}\n\n/* ===================================================\n   CONNECTOR\n   =================================================== */\n.ui-timeline-connector {\n  width: var(--tl-conn-width, 2px);\n  flex: 1;\n  min-height: 20px;\n  margin: 5px 0;\n  border-radius: 999px;\n  background: var(--tl-conn-color, #e2e8f0);\n  transition: background 0.25s ease;\n}\n\n.ui-timeline-connector.dashed {\n  background: transparent !important;\n  border-left: var(--tl-conn-width, 2px) dashed var(--tl-conn-color, #e2e8f0);\n  width: 0 !important;\n  border-radius: 0;\n}\n\n.ui-timeline-connector.dotted {\n  background: transparent !important;\n  border-left: var(--tl-conn-width, 2px) dotted var(--tl-conn-color, #e2e8f0);\n  width: 0 !important;\n  border-radius: 0;\n}\n\n/* Hide last connector */\n.ui-timeline-item:last-child .ui-timeline-connector {\n  display: none;\n}\n\n/* ===================================================\n   CONTENT & OPPOSITE CONTENT\n   =================================================== */\n.ui-timeline-content {\n  flex: 1;\n  padding: 0 0 28px 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.ui-timeline-opposite {\n  flex: 0 0 128px;\n  padding: 0 0 28px 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  color: #94a3b8;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n/* --- Alignment rules --- */\n.ui-timeline-item.right .ui-timeline-opposite                               { text-align: right; }\n.ui-timeline-item.right .ui-timeline-content                                { text-align: left; }\n.ui-timeline-item.left .ui-timeline-opposite                                { text-align: left; }\n.ui-timeline-item.left .ui-timeline-content                                 { text-align: right; }\n\n.ui-timeline-item.alternate:nth-child(even) .ui-timeline-opposite           { text-align: left; }\n.ui-timeline-item.alternate:nth-child(even) .ui-timeline-content            { text-align: right; }\n.ui-timeline-item.alternate-reverse:nth-child(odd) .ui-timeline-opposite    { text-align: left; }\n.ui-timeline-item.alternate-reverse:nth-child(odd) .ui-timeline-content     { text-align: right; }\n\n/* Equal flex for alternate layouts */\n.ui-timeline-item.alternate .ui-timeline-content,\n.ui-timeline-item.alternate .ui-timeline-opposite,\n.ui-timeline-item.alternate-reverse .ui-timeline-content,\n.ui-timeline-item.alternate-reverse .ui-timeline-opposite {\n  flex: 1;\n}\n\n/* ===================================================\n   ENTRANCE ANIMATIONS\n   =================================================== */\n@keyframes ui-tl-in-right {\n  from { opacity: 0; transform: translateX(-18px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes ui-tl-in-left {\n  from { opacity: 0; transform: translateX(18px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes ui-tl-in-dot {\n  from { opacity: 0; transform: scale(0.3); }\n  to   { opacity: 1; transform: scale(1); }\n}\n\n/* Content animation */\n.ui-timeline.animated .ui-timeline-content {\n  animation: ui-tl-in-right 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;\n}\n.ui-timeline.animated .ui-timeline-item.left .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item.alternate:nth-child(even) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item.alternate-reverse:nth-child(odd) .ui-timeline-content {\n  animation: ui-tl-in-left 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;\n}\n\n/* Dot animation */\n.ui-timeline.animated .ui-timeline-dot {\n  animation: ui-tl-in-dot 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;\n}\n\n/* Staggered delays (up to 8 items) */\n.ui-timeline.animated .ui-timeline-item:nth-child(1) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(1) .ui-timeline-dot   { animation-delay: 0ms; }\n.ui-timeline.animated .ui-timeline-item:nth-child(2) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(2) .ui-timeline-dot   { animation-delay: 100ms; }\n.ui-timeline.animated .ui-timeline-item:nth-child(3) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(3) .ui-timeline-dot   { animation-delay: 200ms; }\n.ui-timeline.animated .ui-timeline-item:nth-child(4) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(4) .ui-timeline-dot   { animation-delay: 300ms; }\n.ui-timeline.animated .ui-timeline-item:nth-child(5) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(5) .ui-timeline-dot   { animation-delay: 400ms; }\n.ui-timeline.animated .ui-timeline-item:nth-child(6) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(6) .ui-timeline-dot   { animation-delay: 500ms; }\n.ui-timeline.animated .ui-timeline-item:nth-child(7) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(7) .ui-timeline-dot   { animation-delay: 600ms; }\n.ui-timeline.animated .ui-timeline-item:nth-child(8) .ui-timeline-content,\n.ui-timeline.animated .ui-timeline-item:nth-child(8) .ui-timeline-dot   { animation-delay: 700ms; }\n\n/* ===================================================\n   RESPONSIVE\n   =================================================== */\n@media (max-width: 768px) {\n  .ui-timeline-item,\n  .ui-timeline-item.left,\n  .ui-timeline-item.alternate,\n  .ui-timeline-item.alternate:nth-child(even),\n  .ui-timeline-item.alternate-reverse,\n  .ui-timeline-item.alternate-reverse:nth-child(even),\n  .ui-timeline-item.alternate-reverse:nth-child(odd) {\n    flex-direction: row !important;\n  }\n\n  .ui-timeline-opposite { display: none; }\n\n  .ui-timeline-content {\n    text-align: left !important;\n    flex: 1;\n  }\n\n  .ui-timeline-separator {\n    padding: 2px 12px 2px 0;\n  }\n\n  .ui-timeline-item.alternate .ui-timeline-content,\n  .ui-timeline-item.alternate .ui-timeline-opposite,\n  .ui-timeline-item.alternate-reverse .ui-timeline-content,\n  .ui-timeline-item.alternate-reverse .ui-timeline-opposite {\n    flex: unset;\n  }\n}\n`;\n\n/* ===================================================\n   TIMELINE (root)\n   =================================================== */\n\nexport const Timeline = forwardRef<ElementType, TimelineProps>(\n  ({ as, className, children, position = 'right', animated = false, ...props }, ref) => {\n    const Component = (as as any) || 'ul';\n\n    return (\n      <TimelineContext.Provider value={{ position }}>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <Component\n          ref={ref as any}\n          className={cn('ui-timeline', animated && 'animated', className)}\n          {...props}\n        >\n          {children}\n        </Component>\n      </TimelineContext.Provider>\n    );\n  }\n);\n\nTimeline.displayName = 'Timeline';\n\n/* ===================================================\n   TIMELINE ITEM\n   =================================================== */\n\nexport const TimelineItem = forwardRef<ElementType, TimelineItemProps>(\n  ({ as, className, children, position, ...props }, ref) => {\n    const ctx = useTimeline();\n    const Component = (as as any) || 'li';\n\n    return (\n      <Component\n        ref={ref as any}\n        className={cn('ui-timeline-item', position || ctx.position, className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nTimelineItem.displayName = 'TimelineItem';\n\n/* ===================================================\n   TIMELINE SEPARATOR\n   =================================================== */\n\nexport const TimelineSeparator = forwardRef<ElementType, TimelineSeparatorProps>(\n  ({ as, className, children, ...props }, ref) => {\n    const Component = (as as any) || 'div';\n\n    return (\n      <Component\n        ref={ref as any}\n        className={cn('ui-timeline-separator', className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nTimelineSeparator.displayName = 'TimelineSeparator';\n\n/* ===================================================\n   TIMELINE CONNECTOR\n   =================================================== */\n\nexport const TimelineConnector = forwardRef<ElementType, TimelineConnectorProps>(\n  ({ as, className, color, variant = 'solid', width, style, ...props }, ref) => {\n    const Component = (as as any) || 'div';\n\n    return (\n      <Component\n        ref={ref as any}\n        style={{\n          ...style,\n          ['--tl-conn-color' as any]: color,\n          ['--tl-conn-width' as any]: width ? `${width}px` : undefined,\n        }}\n        className={cn('ui-timeline-connector', variant, className)}\n        {...props}\n      />\n    );\n  }\n);\n\nTimelineConnector.displayName = 'TimelineConnector';\n\n/* ===================================================\n   TIMELINE CONTENT\n   =================================================== */\n\nexport const TimelineContent = forwardRef<ElementType, TimelineContentProps>(\n  ({ as, className, children, ...props }, ref) => {\n    const Component = (as as any) || 'div';\n\n    return (\n      <Component\n        ref={ref as any}\n        className={cn('ui-timeline-content', className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nTimelineContent.displayName = 'TimelineContent';\n\n/* ===================================================\n   TIMELINE DOT\n   =================================================== */\n\nexport const TimelineDot = forwardRef<ElementType, TimelineDotProps>(\n  (\n    {\n      as,\n      className,\n      variant = 'filled',\n      color = '#3b82f6',\n      color2 = '#a855f7',\n      size,\n      children,\n      pulse = false,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = (as as any) || 'div';\n    const computedSize = size || (children ? 'medium' : 'small');\n\n    // Derive ring + shadow colors from hex\n    let colorRing = 'rgba(59,130,246,0.16)';\n    let colorShadow = 'rgba(59,130,246,0.3)';\n    if (color && color.startsWith('#') && color.length === 7) {\n      colorRing = `${color}29`;   // ~16% opacity\n      colorShadow = `${color}4D`; // ~30% opacity\n    }\n\n    return (\n      <Component\n        ref={ref as any}\n        style={{\n          ...style,\n          ['--tl-color' as any]: color,\n          ['--tl-color2' as any]: color2,\n          ['--tl-color-ring' as any]: colorRing,\n          ['--tl-color-shadow' as any]: colorShadow,\n        }}\n        className={cn(\n          'ui-timeline-dot',\n          variant,\n          `size-${computedSize}`,\n          pulse && 'pulse',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nTimelineDot.displayName = 'TimelineDot';\n\n/* ===================================================\n   TIMELINE OPPOSITE CONTENT\n   =================================================== */\n\nexport const TimelineOppositeContent = forwardRef<ElementType, TimelineOppositeContentProps>(\n  ({ as, className, children, ...props }, ref) => {\n    const Component = (as as any) || 'div';\n\n    return (\n      <Component\n        ref={ref as any}\n        className={cn('ui-timeline-opposite', className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nTimelineOppositeContent.displayName = 'TimelineOppositeContent';"]}

package/dist/chunk-MAXZQTTY.mjs

@@ -0,0 +1,2 @@
+import {a}from'./chunk-5ZOZOY4J.mjs';var i=e=>e?typeof e=="function"?e(a)??{}:Array.isArray(e)?e.reduce((t,r)=>!r||typeof r=="boolean"?t:typeof r=="function"?{...t,...r(a)??{}}:typeof r=="object"?{...t,...r}:t,{}):typeof e=="object"?e:{}:{};export{i as a};//# sourceMappingURL=chunk-MAXZQTTY.mjs.map
+//# sourceMappingURL=chunk-MAXZQTTY.mjs.map

package/dist/chunk-MAXZQTTY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/handleSx.ts"],"names":["handleSx","sx","defaultTheme","acc","curr"],"mappings":"qCAUO,IAAMA,CAAAA,CAAYC,CAAAA,EAClBA,CAAAA,CAED,OAAOA,CAAAA,EAAO,UAAA,CACRA,CAAAA,CAAGC,CAAY,CAAA,EAAK,EAAC,CAG3B,KAAA,CAAM,OAAA,CAAQD,CAAE,CAAA,CACXA,CAAAA,CAAG,MAAA,CAA4B,CAACE,CAAAA,CAAKC,CAAAA,GACtC,CAACA,CAAAA,EAAQ,OAAOA,CAAAA,EAAS,SAAA,CAAkBD,CAAAA,CAC3C,OAAOC,CAAAA,EAAS,UAAA,CACX,CAAE,GAAGD,CAAAA,CAAK,GAAIC,CAAAA,CAAKF,CAAY,CAAA,EAAK,EAAI,CAAA,CAE7C,OAAOE,CAAAA,EAAS,QAAA,CACX,CAAE,GAAGD,CAAAA,CAAK,GAAGC,CAAK,CAAA,CAEpBD,CAAAA,CACN,EAAE,CAAA,CAGH,OAAOF,CAAAA,EAAO,QAAA,CACTA,CAAAA,CAGF,EAAC,CAvBQ","file":"chunk-MAXZQTTY.mjs","sourcesContent":["import { CSSProperties } from 'react';\nimport { defaultTheme } from '../components/ThemeProvider/defaultTheme';\n\n/**\n * Utility to handle the sx prop, ensuring it returns a valid style object.\n * Supports:\n *   - Plain CSS objects: `sx={{ color: 'red' }}`\n *   - Theme callback functions: `sx={(theme) => ({ color: theme.palette.primary.main })}`\n *   - Arrays of the above: `sx={[{ padding: 8 }, (theme) => ({ color: theme.palette.primary.main })]}`\n */\nexport const handleSx = (sx: any): CSSProperties => {\n  if (!sx) return {};\n\n  if (typeof sx === 'function') {\n    return (sx(defaultTheme) ?? {}) as CSSProperties;\n  }\n\n  if (Array.isArray(sx)) {\n    return sx.reduce<Record<string, any>>((acc, curr) => {\n      if (!curr || typeof curr === 'boolean') return acc;\n      if (typeof curr === 'function') {\n        return { ...acc, ...(curr(defaultTheme) ?? {}) };\n      }\n      if (typeof curr === 'object') {\n        return { ...acc, ...curr };\n      }\n      return acc;\n    }, {}) as CSSProperties;\n  }\n\n  if (typeof sx === 'object') {\n    return sx as CSSProperties;\n  }\n\n  return {};\n};\n"]}

package/dist/{chunk-P4WXCRNI.mjs → chunk-MCQHRTRD.mjs}

@@ -1,4 +1,4 @@
-import {a}from'./chunk-HGGQFNUJ.mjs';import {a as a$1}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var m=`
+import {a}from'./chunk-MAXZQTTY.mjs';import {a as a$1}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var m=`
   .ui-paper {
     background-color: #ffffff;
     color: #0f172a;
@@ -39,5 +39,5 @@ import {a}from'./chunk-HGGQFNUJ.mjs';import {a as a$1}from'./chunk-547MQ4FI.mjs'
   .ui-paper--elevation-22 { box-shadow: 0px 44px 88px rgba(0, 0, 0, 0.13), 0px 42px 84px rgba(0, 0, 0, 0.13); }
   .ui-paper--elevation-23 { box-shadow: 0px 46px 92px rgba(0, 0, 0, 0.14), 0px 44px 88px rgba(0, 0, 0, 0.13); }
   .ui-paper--elevation-24 { box-shadow: 0px 48px 96px rgba(0, 0, 0, 0.14), 0px 46px 92px rgba(0, 0, 0, 0.13); }
-`,e=forwardRef(({className:o,component:r,as:b,elevation:i=1,variant:n="elevation",square:t=false,sx:g,classes:s={},style:l,children:d,...u},v)=>{let h=b||r||"div",w=Math.max(0,Math.min(24,i));return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:m}}),jsx(h,{ref:v,className:a$1("ui-paper",!t&&"ui-paper--rounded",n==="outlined"?"ui-paper--variant-outlined":`ui-paper--elevation-${w}`,s.root,o),style:{...a(g),...l},...u,children:d})]})});e.displayName="Paper";var S=e;export{e as a,S as b};//# sourceMappingURL=chunk-P4WXCRNI.mjs.map
-//# sourceMappingURL=chunk-P4WXCRNI.mjs.map
+`,e=forwardRef(({className:o,component:r,as:b,elevation:i=1,variant:n="elevation",square:t=false,sx:g,classes:s={},style:l,children:d,...u},v)=>{let h=b||r||"div",w=Math.max(0,Math.min(24,i));return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:m}}),jsx(h,{ref:v,className:a$1("ui-paper",!t&&"ui-paper--rounded",n==="outlined"?"ui-paper--variant-outlined":`ui-paper--elevation-${w}`,s.root,o),style:{...a(g),...l},...u,children:d})]})});e.displayName="Paper";var S=e;export{e as a,S as b};//# sourceMappingURL=chunk-MCQHRTRD.mjs.map
+//# sourceMappingURL=chunk-MCQHRTRD.mjs.map

package/dist/{chunk-P4WXCRNI.mjs.map → chunk-MCQHRTRD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Paper/Paper.tsx"],"names":["STYLES","Paper","forwardRef","className","component","as","elevation","variant","square","sx","classes","style","children","props","ref","Component","safeElevation","jsxs","Fragment","jsx","cn","handleSx","Paper_default"],"mappings":"kKAOA,IAAMA,CAAAA,CAAS;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,CAAA,CA2CFC,CAAAA,CAAQC,WACnB,CACE,CACE,UAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,CAAA,CACZ,OAAA,CAAAC,CAAAA,CAAU,WAAA,CACV,MAAA,CAAAC,CAAAA,CAAS,MACT,EAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,EAAC,CACX,MAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,GAAGC,CACL,EACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAYV,CAAAA,EAAMD,CAAAA,EAAa,MAE/BY,CAAAA,CAAgB,IAAA,CAAK,GAAA,CAAI,CAAA,CAAG,IAAA,CAAK,GAAA,CAAI,GAAIV,CAAS,CAAC,CAAA,CAEzD,OACEW,IAAAA,CAAAC,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAC,GAAAA,CAAC,SAAM,uBAAA,CAAyB,CAAE,OAAQnB,CAAO,CAAA,CAAG,CAAA,CACpDmB,GAAAA,CAACJ,CAAAA,CAAA,CACC,IAAKD,CAAAA,CACL,SAAA,CAAWM,GAAAA,CACT,UAAA,CACA,CAACZ,CAAAA,EAAU,oBACXD,CAAAA,GAAY,UAAA,CAAa,4BAAA,CAA+B,CAAA,oBAAA,EAAuBS,CAAa,CAAA,CAAA,CAC5FN,EAAQ,IAAA,CACRP,CACF,EACA,KAAA,CAAO,CAAE,GAAGkB,CAAAA,CAASZ,CAAE,CAAA,CAAG,GAAGE,CAAM,CAAA,CAClC,GAAGE,CAAAA,CAEH,QAAA,CAAAD,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CACF,EAEAX,CAAAA,CAAM,WAAA,CAAc,OAAA,CAEpB,IAAOqB,CAAAA,CAAQrB","file":"chunk-P4WXCRNI.mjs","sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { PaperProps } from './Paper.types';\n\nconst STYLES = `\n  .ui-paper {\n    background-color: #ffffff;\n    color: #0f172a;\n    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n\n  .ui-paper--rounded {\n    border-radius: 8px;\n  }\n\n  .ui-paper--variant-outlined {\n    border: 1px solid #e2e8f0;\n  }\n\n  /* Elevations 0 - 24 */\n  .ui-paper--elevation-0 { box-shadow: none; }\n  .ui-paper--elevation-1 { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.06); }\n  .ui-paper--elevation-2 { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05), 0px 3px 6px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-3 { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05), 0px 4px 8px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-4 { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06), 0px 6px 12px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-5 { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06), 0px 8px 16px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-6 { box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.07), 0px 10px 20px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-7 { box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.07), 0px 12px 24px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-8 { box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08), 0px 14px 28px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-9 { box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.08), 0px 16px 32px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-10 { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.09), 0px 18px 36px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-11 { box-shadow: 0px 22px 44px rgba(0, 0, 0, 0.09), 0px 20px 40px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-12 { box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.1), 0px 22px 44px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-13 { box-shadow: 0px 26px 52px rgba(0, 0, 0, 0.1), 0px 24px 48px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-14 { box-shadow: 0px 28px 56px rgba(0, 0, 0, 0.1), 0px 26px 52px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-15 { box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.11), 0px 28px 56px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-16 { box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.11), 0px 30px 60px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-17 { box-shadow: 0px 34px 68px rgba(0, 0, 0, 0.11), 0px 32px 64px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-18 { box-shadow: 0px 36px 72px rgba(0, 0, 0, 0.12), 0px 34px 68px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-19 { box-shadow: 0px 38px 76px rgba(0, 0, 0, 0.12), 0px 36px 72px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-20 { box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.13), 0px 38px 76px rgba(0, 0, 0, 0.12); }\n  .ui-paper--elevation-21 { box-shadow: 0px 42px 84px rgba(0, 0, 0, 0.13), 0px 40px 80px rgba(0, 0, 0, 0.12); }\n  .ui-paper--elevation-22 { box-shadow: 0px 44px 88px rgba(0, 0, 0, 0.13), 0px 42px 84px rgba(0, 0, 0, 0.13); }\n  .ui-paper--elevation-23 { box-shadow: 0px 46px 92px rgba(0, 0, 0, 0.14), 0px 44px 88px rgba(0, 0, 0, 0.13); }\n  .ui-paper--elevation-24 { box-shadow: 0px 48px 96px rgba(0, 0, 0, 0.14), 0px 46px 92px rgba(0, 0, 0, 0.13); }\n`;\n\nexport const Paper = forwardRef<HTMLElement, PaperProps>(\n  (\n    {\n      className,\n      component,\n      as,\n      elevation = 1,\n      variant = 'elevation',\n      square = false,\n      sx,\n      classes = {},\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = as || component || 'div';\n\n    const safeElevation = Math.max(0, Math.min(24, elevation));\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <Component\n          ref={ref as any}\n          className={cn(\n            'ui-paper',\n            !square && 'ui-paper--rounded',\n            variant === 'outlined' ? 'ui-paper--variant-outlined' : `ui-paper--elevation-${safeElevation}`,\n            classes.root,\n            className\n          )}\n          style={{ ...handleSx(sx), ...style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </>\n    );\n  }\n);\n\nPaper.displayName = 'Paper';\n\nexport default Paper;\n"]}
+{"version":3,"sources":["../src/components/Paper/Paper.tsx"],"names":["STYLES","Paper","forwardRef","className","component","as","elevation","variant","square","sx","classes","style","children","props","ref","Component","safeElevation","jsxs","Fragment","jsx","cn","handleSx","Paper_default"],"mappings":"kKAOA,IAAMA,CAAAA,CAAS;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,CAAA,CA2CFC,CAAAA,CAAQC,WACnB,CACE,CACE,UAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,CAAA,CACZ,OAAA,CAAAC,CAAAA,CAAU,WAAA,CACV,MAAA,CAAAC,CAAAA,CAAS,MACT,EAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,EAAC,CACX,MAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,GAAGC,CACL,EACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAYV,CAAAA,EAAMD,CAAAA,EAAa,MAE/BY,CAAAA,CAAgB,IAAA,CAAK,GAAA,CAAI,CAAA,CAAG,IAAA,CAAK,GAAA,CAAI,GAAIV,CAAS,CAAC,CAAA,CAEzD,OACEW,IAAAA,CAAAC,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAC,GAAAA,CAAC,SAAM,uBAAA,CAAyB,CAAE,OAAQnB,CAAO,CAAA,CAAG,CAAA,CACpDmB,GAAAA,CAACJ,CAAAA,CAAA,CACC,IAAKD,CAAAA,CACL,SAAA,CAAWM,GAAAA,CACT,UAAA,CACA,CAACZ,CAAAA,EAAU,oBACXD,CAAAA,GAAY,UAAA,CAAa,4BAAA,CAA+B,CAAA,oBAAA,EAAuBS,CAAa,CAAA,CAAA,CAC5FN,EAAQ,IAAA,CACRP,CACF,EACA,KAAA,CAAO,CAAE,GAAGkB,CAAAA,CAASZ,CAAE,CAAA,CAAG,GAAGE,CAAM,CAAA,CAClC,GAAGE,CAAAA,CAEH,QAAA,CAAAD,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CACF,EAEAX,CAAAA,CAAM,WAAA,CAAc,OAAA,CAEpB,IAAOqB,CAAAA,CAAQrB","file":"chunk-MCQHRTRD.mjs","sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { PaperProps } from './Paper.types';\n\nconst STYLES = `\n  .ui-paper {\n    background-color: #ffffff;\n    color: #0f172a;\n    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n\n  .ui-paper--rounded {\n    border-radius: 8px;\n  }\n\n  .ui-paper--variant-outlined {\n    border: 1px solid #e2e8f0;\n  }\n\n  /* Elevations 0 - 24 */\n  .ui-paper--elevation-0 { box-shadow: none; }\n  .ui-paper--elevation-1 { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.06); }\n  .ui-paper--elevation-2 { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05), 0px 3px 6px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-3 { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05), 0px 4px 8px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-4 { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06), 0px 6px 12px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-5 { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06), 0px 8px 16px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-6 { box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.07), 0px 10px 20px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-7 { box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.07), 0px 12px 24px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-8 { box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08), 0px 14px 28px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-9 { box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.08), 0px 16px 32px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-10 { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.09), 0px 18px 36px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-11 { box-shadow: 0px 22px 44px rgba(0, 0, 0, 0.09), 0px 20px 40px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-12 { box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.1), 0px 22px 44px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-13 { box-shadow: 0px 26px 52px rgba(0, 0, 0, 0.1), 0px 24px 48px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-14 { box-shadow: 0px 28px 56px rgba(0, 0, 0, 0.1), 0px 26px 52px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-15 { box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.11), 0px 28px 56px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-16 { box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.11), 0px 30px 60px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-17 { box-shadow: 0px 34px 68px rgba(0, 0, 0, 0.11), 0px 32px 64px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-18 { box-shadow: 0px 36px 72px rgba(0, 0, 0, 0.12), 0px 34px 68px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-19 { box-shadow: 0px 38px 76px rgba(0, 0, 0, 0.12), 0px 36px 72px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-20 { box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.13), 0px 38px 76px rgba(0, 0, 0, 0.12); }\n  .ui-paper--elevation-21 { box-shadow: 0px 42px 84px rgba(0, 0, 0, 0.13), 0px 40px 80px rgba(0, 0, 0, 0.12); }\n  .ui-paper--elevation-22 { box-shadow: 0px 44px 88px rgba(0, 0, 0, 0.13), 0px 42px 84px rgba(0, 0, 0, 0.13); }\n  .ui-paper--elevation-23 { box-shadow: 0px 46px 92px rgba(0, 0, 0, 0.14), 0px 44px 88px rgba(0, 0, 0, 0.13); }\n  .ui-paper--elevation-24 { box-shadow: 0px 48px 96px rgba(0, 0, 0, 0.14), 0px 46px 92px rgba(0, 0, 0, 0.13); }\n`;\n\nexport const Paper = forwardRef<HTMLElement, PaperProps>(\n  (\n    {\n      className,\n      component,\n      as,\n      elevation = 1,\n      variant = 'elevation',\n      square = false,\n      sx,\n      classes = {},\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = as || component || 'div';\n\n    const safeElevation = Math.max(0, Math.min(24, elevation));\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <Component\n          ref={ref as any}\n          className={cn(\n            'ui-paper',\n            !square && 'ui-paper--rounded',\n            variant === 'outlined' ? 'ui-paper--variant-outlined' : `ui-paper--elevation-${safeElevation}`,\n            classes.root,\n            className\n          )}\n          style={{ ...handleSx(sx), ...style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </>\n    );\n  }\n);\n\nPaper.displayName = 'Paper';\n\nexport default Paper;\n"]}

package/dist/{chunk-C5X45JOF.mjs → chunk-NGNPVIAG.mjs}

@@ -1,4 +1,4 @@
-import {a as a$1}from'./chunk-IK7K7ZJZ.mjs';import {d}from'./chunk-PGEMFKMM.mjs';import {a as a$2}from'./chunk-HGGQFNUJ.mjs';import {a}from'./chunk-547MQ4FI.mjs';import {forwardRef,useState,useEffect}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var ye=`
+import {a as a$1}from'./chunk-QSUBLNQA.mjs';import {d}from'./chunk-PGEMFKMM.mjs';import {a as a$2}from'./chunk-MAXZQTTY.mjs';import {a}from'./chunk-547MQ4FI.mjs';import {forwardRef,useState,useEffect}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var ye=`
   /* DataGrid Root */
   .ui-datagrid {
     display: flex;
@@ -229,5 +229,5 @@ import {a as a$1}from'./chunk-IK7K7ZJZ.mjs';import {d}from'./chunk-PGEMFKMM.mjs'
   .ui-datagrid-info {
     font-weight: 500;
   }
-`,K=forwardRef(({columns:v,rows:y=[],getRowId:A,page:h,defaultPage:Q=0,pageSize:g=10,pageSizeOptions:U=[5,10,25,50],pagination:M=true,paginationMode:S="client",rowCount:X,onPageChange:N,onPageSizeChange:G,checkboxSelection:z=false,rowSelectionModel:R,onRowSelectionModelChange:T,loading:Z=false,density:P="standard",getRowClassName:$,height:ee,sx:te,classes:u={},className:ie,...H},ae)=>{let[de,I]=useState(Q),W=h!==void 0&&N!==void 0,x=W?h:de,[re,F]=useState(g!==void 0?g:10),O=g!==void 0&&G!==void 0,f=O?g:re,[c,ne]=useState(null),[p,oe]=useState(null),[le,se]=useState([]),s=R!==void 0?R:le;useEffect(()=>{h!==void 0&&I(h);},[h]),useEffect(()=>{g!==void 0&&F(g);},[g]),useEffect(()=>{I(0);},[f]);let k=e=>{R===void 0&&se(e),T&&T(e);},_=e=>A?A(e):e.id!==void 0?e.id:"",ce=e=>{if(e.sortable===false)return;let t="asc";c===e.field&&(p==="asc"?t="desc":p==="desc"?t=null:t="asc"),ne(t?e.field:null),oe(t);},j=S==="server"||!c||!p?y:[...y].sort((e,t)=>{let a=v.find(r=>r.field===c),d=a?.valueGetter?a.valueGetter({row:e,value:e[c]}):e[c],o=a?.valueGetter?a.valueGetter({row:t,value:t[c]}):t[c];return d==null&&(d=""),o==null&&(o=""),typeof d=="string"&&typeof o=="string"?p==="asc"?d.localeCompare(o):o.localeCompare(d):p==="asc"?d>o?1:d<o?-1:0:d<o?1:d>o?-1:0}),w=S==="server"?X??y.length:y.length,D=M&&S==="client"?j.slice(x*f,(x+1)*f):j,m=D.map(_),B=m.length>0&&m.every(e=>s.includes(e)),ge=m.length>0&&m.some(e=>s.includes(e))&&!B,fe=e=>{if(e.target.checked){let t=m.filter(a=>!s.includes(a));k([...s,...t]);}else {let t=s.filter(a=>!m.includes(a));k(t);}},ue=e=>{let t=s.includes(e);k(t?s.filter(a=>a!==e):[...s,e]);},pe=e=>{W||I(e-1),N&&N(e-1);},me=e=>{let t=parseInt(e.target.value,10);O||F(t),G&&G(t);},he=w===0?0:x*f+1,xe=Math.min(w,(x+1)*f),V=Math.ceil(w/f),Y=e=>{let t={};return e.width?(t.width=`${e.width}px`,t.minWidth=`${e.width}px`):e.minWidth&&(t.minWidth=`${e.minWidth}px`),e.flex&&(t.flex=e.flex),t};return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:ye}}),jsxs("div",{ref:ae,className:a("ui-datagrid",`ui-datagrid--${P}`,u.root,ie),style:{height:ee,...a$2(te),...H.style},...H,children:[jsxs("div",{className:a("ui-datagrid-main"),children:[Z&&jsx("div",{className:"ui-datagrid-loading-overlay",children:jsx("div",{className:"ui-datagrid-spinner"})}),jsxs("table",{className:a("ui-datagrid-table",u.table),children:[jsx("thead",{className:a("ui-datagrid-thead",u.header),children:jsxs("tr",{className:"ui-datagrid-tr",children:[z&&jsx("th",{className:"ui-datagrid-th ui-datagrid-cell--checkbox",children:jsx(d,{size:"small",checked:B,indeterminate:ge,onChange:fe})}),v.map(e=>{let t=e.sortable!==false,a$1=c===e.field,d=e.headerAlign?`ui-datagrid-cell--align-${e.headerAlign}`:e.align?`ui-datagrid-cell--align-${e.align}`:"";return jsx("th",{onClick:()=>ce(e),className:a("ui-datagrid-th",t&&"ui-datagrid-th--sortable",d),style:Y(e),children:jsxs("div",{className:"ui-datagrid-th-content",children:[jsx("span",{children:e.headerName??e.field}),t&&jsx("span",{className:a("ui-datagrid-th-sort-icon",a$1&&"ui-datagrid-th-sort-icon--active"),style:{transform:a$1&&p==="desc"?"rotate(180deg)":void 0},children:jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:"12",y1:"19",x2:"12",y2:"5"}),jsx("polyline",{points:"5 12 12 5 19 12"})]})})]})},e.field)})]})}),jsx("tbody",{children:D.length===0?jsx("tr",{className:"ui-datagrid-tr",children:jsx("td",{colSpan:v.length+(z?1:0),className:"ui-datagrid-td",style:{textAlign:"center",padding:"32px 0",color:"#64748b"},children:"No rows to display"})}):D.map((e,t)=>{let a$1=_(e),d$1=s.includes(a$1),o=$?$({row:e}):"";return jsxs("tr",{className:a("ui-datagrid-tr",d$1&&"ui-datagrid-tr--selected",o,u.row),children:[z&&jsx("td",{className:"ui-datagrid-td ui-datagrid-cell--checkbox",children:jsx(d,{size:"small",checked:d$1,onChange:()=>ue(a$1)})}),v.map(r=>{let be=r.align?`ui-datagrid-cell--align-${r.align}`:"",C=r.valueGetter?r.valueGetter({row:e,value:e[r.field]}):e[r.field];return jsx("td",{className:a("ui-datagrid-td",be,u.cell),style:Y(r),children:r.renderCell?r.renderCell({value:C,row:e,field:r.field,id:a$1}):C!=null?String(C):""},r.field)})]},a$1||t)})})]})]}),M&&jsxs("div",{className:a("ui-datagrid-footer",u.footer),children:[jsx("div",{className:"ui-datagrid-footer-left",children:jsxs("div",{className:"ui-datagrid-rows-per-page",children:[jsx("span",{children:"Rows per page:"}),jsx("select",{value:f,onChange:me,className:"ui-datagrid-select",children:U.map(e=>jsx("option",{value:e,children:e},e))})]})}),jsxs("div",{className:"ui-datagrid-footer-right",children:[jsxs("span",{className:"ui-datagrid-info",children:[he,"-",xe," of ",w]}),V>1&&jsx("div",{className:"ui-datagrid-footer-pagination",children:jsx(a$1,{count:V,page:x+1,onChange:(e,t)=>pe(t),size:"small",shape:"rounded"})})]})]})]})]})});K.displayName="DataGrid";var ke=K;export{K as a,ke as b};//# sourceMappingURL=chunk-C5X45JOF.mjs.map
-//# sourceMappingURL=chunk-C5X45JOF.mjs.map
+`,K=forwardRef(({columns:v,rows:y=[],getRowId:A,page:h,defaultPage:Q=0,pageSize:g=10,pageSizeOptions:U=[5,10,25,50],pagination:M=true,paginationMode:S="client",rowCount:X,onPageChange:N,onPageSizeChange:G,checkboxSelection:z=false,rowSelectionModel:R,onRowSelectionModelChange:T,loading:Z=false,density:P="standard",getRowClassName:$,height:ee,sx:te,classes:u={},className:ie,...H},ae)=>{let[de,I]=useState(Q),W=h!==void 0&&N!==void 0,x=W?h:de,[re,F]=useState(g!==void 0?g:10),O=g!==void 0&&G!==void 0,f=O?g:re,[c,ne]=useState(null),[p,oe]=useState(null),[le,se]=useState([]),s=R!==void 0?R:le;useEffect(()=>{h!==void 0&&I(h);},[h]),useEffect(()=>{g!==void 0&&F(g);},[g]),useEffect(()=>{I(0);},[f]);let k=e=>{R===void 0&&se(e),T&&T(e);},_=e=>A?A(e):e.id!==void 0?e.id:"",ce=e=>{if(e.sortable===false)return;let t="asc";c===e.field&&(p==="asc"?t="desc":p==="desc"?t=null:t="asc"),ne(t?e.field:null),oe(t);},j=S==="server"||!c||!p?y:[...y].sort((e,t)=>{let a=v.find(r=>r.field===c),d=a?.valueGetter?a.valueGetter({row:e,value:e[c]}):e[c],o=a?.valueGetter?a.valueGetter({row:t,value:t[c]}):t[c];return d==null&&(d=""),o==null&&(o=""),typeof d=="string"&&typeof o=="string"?p==="asc"?d.localeCompare(o):o.localeCompare(d):p==="asc"?d>o?1:d<o?-1:0:d<o?1:d>o?-1:0}),w=S==="server"?X??y.length:y.length,D=M&&S==="client"?j.slice(x*f,(x+1)*f):j,m=D.map(_),B=m.length>0&&m.every(e=>s.includes(e)),ge=m.length>0&&m.some(e=>s.includes(e))&&!B,fe=e=>{if(e.target.checked){let t=m.filter(a=>!s.includes(a));k([...s,...t]);}else {let t=s.filter(a=>!m.includes(a));k(t);}},ue=e=>{let t=s.includes(e);k(t?s.filter(a=>a!==e):[...s,e]);},pe=e=>{W||I(e-1),N&&N(e-1);},me=e=>{let t=parseInt(e.target.value,10);O||F(t),G&&G(t);},he=w===0?0:x*f+1,xe=Math.min(w,(x+1)*f),V=Math.ceil(w/f),Y=e=>{let t={};return e.width?(t.width=`${e.width}px`,t.minWidth=`${e.width}px`):e.minWidth&&(t.minWidth=`${e.minWidth}px`),e.flex&&(t.flex=e.flex),t};return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:ye}}),jsxs("div",{ref:ae,className:a("ui-datagrid",`ui-datagrid--${P}`,u.root,ie),style:{height:ee,...a$2(te),...H.style},...H,children:[jsxs("div",{className:a("ui-datagrid-main"),children:[Z&&jsx("div",{className:"ui-datagrid-loading-overlay",children:jsx("div",{className:"ui-datagrid-spinner"})}),jsxs("table",{className:a("ui-datagrid-table",u.table),children:[jsx("thead",{className:a("ui-datagrid-thead",u.header),children:jsxs("tr",{className:"ui-datagrid-tr",children:[z&&jsx("th",{className:"ui-datagrid-th ui-datagrid-cell--checkbox",children:jsx(d,{size:"small",checked:B,indeterminate:ge,onChange:fe})}),v.map(e=>{let t=e.sortable!==false,a$1=c===e.field,d=e.headerAlign?`ui-datagrid-cell--align-${e.headerAlign}`:e.align?`ui-datagrid-cell--align-${e.align}`:"";return jsx("th",{onClick:()=>ce(e),className:a("ui-datagrid-th",t&&"ui-datagrid-th--sortable",d),style:Y(e),children:jsxs("div",{className:"ui-datagrid-th-content",children:[jsx("span",{children:e.headerName??e.field}),t&&jsx("span",{className:a("ui-datagrid-th-sort-icon",a$1&&"ui-datagrid-th-sort-icon--active"),style:{transform:a$1&&p==="desc"?"rotate(180deg)":void 0},children:jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:"12",y1:"19",x2:"12",y2:"5"}),jsx("polyline",{points:"5 12 12 5 19 12"})]})})]})},e.field)})]})}),jsx("tbody",{children:D.length===0?jsx("tr",{className:"ui-datagrid-tr",children:jsx("td",{colSpan:v.length+(z?1:0),className:"ui-datagrid-td",style:{textAlign:"center",padding:"32px 0",color:"#64748b"},children:"No rows to display"})}):D.map((e,t)=>{let a$1=_(e),d$1=s.includes(a$1),o=$?$({row:e}):"";return jsxs("tr",{className:a("ui-datagrid-tr",d$1&&"ui-datagrid-tr--selected",o,u.row),children:[z&&jsx("td",{className:"ui-datagrid-td ui-datagrid-cell--checkbox",children:jsx(d,{size:"small",checked:d$1,onChange:()=>ue(a$1)})}),v.map(r=>{let be=r.align?`ui-datagrid-cell--align-${r.align}`:"",C=r.valueGetter?r.valueGetter({row:e,value:e[r.field]}):e[r.field];return jsx("td",{className:a("ui-datagrid-td",be,u.cell),style:Y(r),children:r.renderCell?r.renderCell({value:C,row:e,field:r.field,id:a$1}):C!=null?String(C):""},r.field)})]},a$1||t)})})]})]}),M&&jsxs("div",{className:a("ui-datagrid-footer",u.footer),children:[jsx("div",{className:"ui-datagrid-footer-left",children:jsxs("div",{className:"ui-datagrid-rows-per-page",children:[jsx("span",{children:"Rows per page:"}),jsx("select",{value:f,onChange:me,className:"ui-datagrid-select",children:U.map(e=>jsx("option",{value:e,children:e},e))})]})}),jsxs("div",{className:"ui-datagrid-footer-right",children:[jsxs("span",{className:"ui-datagrid-info",children:[he,"-",xe," of ",w]}),V>1&&jsx("div",{className:"ui-datagrid-footer-pagination",children:jsx(a$1,{count:V,page:x+1,onChange:(e,t)=>pe(t),size:"small",shape:"rounded"})})]})]})]})]})});K.displayName="DataGrid";var ke=K;export{K as a,ke as b};//# sourceMappingURL=chunk-NGNPVIAG.mjs.map
+//# sourceMappingURL=chunk-NGNPVIAG.mjs.map

package/dist/{chunk-C5X45JOF.mjs.map → chunk-NGNPVIAG.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DataGrid/DataGrid.tsx"],"names":["STYLES","DataGrid","forwardRef","columns","rows","getRowId","pageProp","defaultPage","pageSizeProp","pageSizeOptions","pagination","paginationMode","rowCountProp","onPageChange","onPageSizeChange","checkboxSelection","rowSelectionModel","onRowSelectionModelChange","loading","density","getRowClassName","height","sx","classes","className","props","ref","pageState","setPageState","useState","isPageControlled","page","pageSizeState","setPageSizeState","isPageSizeControlled","pageSize","sortField","setSortField","sortOrder","setSortOrder","selectionModelInternal","setSelectionModelInternal","selectionModel","useEffect","updateSelection","newSelection","getRowIdValue","row","handleSortClick","col","nextOrder","sortedRows","a","b","c","valA","valB","totalRowsCount","paginatedRows","paginatedRowIds","isAllSelected","id","isSomeSelected","handleSelectAllChange","toAdd","remaining","handleRowSelectChange","rowId","isSelected","handlePageChange","newPage","handlePageSizeChange","newSize","fromIndex","toIndex","totalPages","getColStyle","style","jsxs","Fragment","jsx","cn","handleSx","Checkbox","isColSortable","isSorted","alignClass","index","rowCustomClass","value","opt","Pagination","_","p","DataGrid_default"],"mappings":"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","file":"chunk-C5X45JOF.mjs","sourcesContent":["'use client';\n\nimport { forwardRef, useState, useEffect, ChangeEvent, CSSProperties } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { Pagination } from '../Pagination/Pagination';\nimport { DataGridProps, GridRowId, GridColDef, GridRowModel } from './DataGrid.types';\n\nconst STYLES = `\n  /* DataGrid Root */\n  .ui-datagrid {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    background-color: #ffffff;\n    font-family: inherit;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  /* Main scroll area */\n  .ui-datagrid-main {\n    flex: 1 1 auto;\n    position: relative;\n    overflow: auto;\n    width: 100%;\n  }\n\n  /* Table structure */\n  .ui-datagrid-table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    text-align: left;\n    table-layout: auto;\n  }\n\n  /* Table Headers */\n  .ui-datagrid-thead {\n    background-color: #f8fafc;\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    border-bottom: 1px solid #e2e8f0;\n  }\n\n  .ui-datagrid-th {\n    padding: 12px 16px;\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #475569;\n    user-select: none;\n    box-sizing: border-box;\n    white-space: nowrap;\n    border-bottom: 1px solid #e2e8f0;\n    background-color: #f8fafc;\n    transition: background-color 150ms;\n  }\n\n  .ui-datagrid-th--sortable {\n    cursor: pointer;\n  }\n\n  .ui-datagrid-th--sortable:hover {\n    background-color: #f1f5f9;\n  }\n\n  .ui-datagrid-th-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .ui-datagrid-th-sort-icon {\n    display: inline-flex;\n    align-items: center;\n    color: #94a3b8;\n    transition: color 150ms, transform 150ms;\n  }\n\n  .ui-datagrid-th-sort-icon--active {\n    color: #3b82f6;\n  }\n\n  /* Row & Cells styling */\n  .ui-datagrid-tr {\n    border-bottom: 1px solid #e2e8f0;\n    transition: background-color 150ms;\n  }\n\n  .ui-datagrid-tr:last-child {\n    border-bottom: none;\n  }\n\n  .ui-datagrid-tr:hover {\n    background-color: #f8fafc;\n  }\n\n  .ui-datagrid-tr--selected {\n    background-color: rgba(59, 130, 246, 0.04);\n  }\n\n  .ui-datagrid-tr--selected:hover {\n    background-color: rgba(59, 130, 246, 0.08);\n  }\n\n  .ui-datagrid-td {\n    padding: 12px 16px;\n    font-size: 0.875rem;\n    color: #0f172a;\n    box-sizing: border-box;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  /* Density support */\n  .ui-datagrid--compact .ui-datagrid-th {\n    padding: 8px 12px;\n    font-size: 0.8125rem;\n  }\n  .ui-datagrid--compact .ui-datagrid-td {\n    padding: 6px 12px;\n    font-size: 0.8125rem;\n  }\n\n  .ui-datagrid--comfortable .ui-datagrid-th {\n    padding: 16px 20px;\n    font-size: 0.9375rem;\n  }\n  .ui-datagrid--comfortable .ui-datagrid-td {\n    padding: 16px 20px;\n    font-size: 0.9375rem;\n  }\n\n  /* Centered and aligned cell styles */\n  .ui-datagrid-cell--align-center {\n    text-align: center;\n  }\n  .ui-datagrid-cell--align-right {\n    text-align: right;\n  }\n\n  .ui-datagrid-cell--checkbox {\n    width: 48px;\n    padding: 0;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .ui-datagrid-cell--checkbox .ui-checkbox {\n    vertical-align: middle;\n  }\n\n  /* Loading State glassmorphism overlay */\n  .ui-datagrid-loading-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(255, 255, 255, 0.55);\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(1px);\n  }\n\n  .ui-datagrid-spinner {\n    width: 40px;\n    height: 40px;\n    border: 3px solid #e2e8f0;\n    border-top-color: #3b82f6;\n    border-radius: 50%;\n    animation: ui-datagrid-spin 1s linear infinite;\n  }\n\n  @keyframes ui-datagrid-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  /* Footer & Pagination styles */\n  .ui-datagrid-footer {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-top: 1px solid #e2e8f0;\n    background-color: #ffffff;\n    gap: 16px;\n    font-size: 0.875rem;\n    color: #475569;\n    box-sizing: border-box;\n  }\n\n  .ui-datagrid-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .ui-datagrid-rows-per-page {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .ui-datagrid-select {\n    padding: 4px 8px;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    background-color: #ffffff;\n    color: #475569;\n    font-family: inherit;\n    font-size: 0.875rem;\n    cursor: pointer;\n    outline: none;\n    transition: border-color 150ms;\n  }\n\n  .ui-datagrid-select:focus {\n    border-color: #3b82f6;\n  }\n\n  .ui-datagrid-footer-right {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .ui-datagrid-info {\n    font-weight: 500;\n  }\n`;\n\nexport const DataGrid = forwardRef<HTMLDivElement, DataGridProps>(\n  (\n    {\n      columns,\n      rows = [],\n      getRowId,\n      page: pageProp,\n      defaultPage = 0,\n      pageSize: pageSizeProp = 10,\n      pageSizeOptions = [5, 10, 25, 50],\n      pagination = true,\n      paginationMode = 'client',\n      rowCount: rowCountProp,\n      onPageChange,\n      onPageSizeChange,\n      checkboxSelection = false,\n      rowSelectionModel,\n      onRowSelectionModelChange,\n      loading = false,\n      density = 'standard',\n      getRowClassName,\n      height,\n      sx,\n      classes = {},\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    // Page state (0-indexed internally to match MUI)\n    const [pageState, setPageState] = useState(defaultPage);\n    const isPageControlled = pageProp !== undefined && onPageChange !== undefined;\n    const page = isPageControlled ? pageProp : pageState;\n\n    // PageSize state\n    const [pageSizeState, setPageSizeState] = useState(pageSizeProp !== undefined ? pageSizeProp : 10);\n    const isPageSizeControlled = pageSizeProp !== undefined && onPageSizeChange !== undefined;\n    const pageSize = isPageSizeControlled ? pageSizeProp : pageSizeState;\n\n    // Client-side Sorting state\n    const [sortField, setSortField] = useState<string | null>(null);\n    const [sortOrder, setSortOrder] = useState<'asc' | 'desc' | null>(null);\n\n    // Row selection state\n    const [selectionModelInternal, setSelectionModelInternal] = useState<GridRowId[]>([]);\n    const selectionModel = rowSelectionModel !== undefined ? rowSelectionModel : selectionModelInternal;\n\n    // Sync props to state if parent updates them\n    useEffect(() => {\n      if (pageProp !== undefined) {\n        setPageState(pageProp);\n      }\n    }, [pageProp]);\n\n    useEffect(() => {\n      if (pageSizeProp !== undefined) {\n        setPageSizeState(pageSizeProp);\n      }\n    }, [pageSizeProp]);\n\n    // Reset page if page size changes or rows filter\n    useEffect(() => {\n      setPageState(0);\n    }, [pageSize]);\n\n    // Handle Selection Change helper\n    const updateSelection = (newSelection: GridRowId[]) => {\n      if (rowSelectionModel === undefined) {\n        setSelectionModelInternal(newSelection);\n      }\n      if (onRowSelectionModelChange) {\n        onRowSelectionModelChange(newSelection);\n      }\n    };\n\n    // Row ID helper\n    const getRowIdValue = (row: GridRowModel): GridRowId => {\n      if (getRowId) return getRowId(row);\n      return row.id !== undefined ? row.id : '';\n    };\n\n    // Client-side sorting logic\n    const handleSortClick = (col: GridColDef) => {\n      if (col.sortable === false) return;\n\n      let nextOrder: 'asc' | 'desc' | null = 'asc';\n      if (sortField === col.field) {\n        if (sortOrder === 'asc') nextOrder = 'desc';\n        else if (sortOrder === 'desc') nextOrder = null;\n        else nextOrder = 'asc';\n      }\n\n      setSortField(nextOrder ? col.field : null);\n      setSortOrder(nextOrder);\n    };\n\n    // Compute sorted rows (only if client-side pagination/sorting)\n    const getSortedRows = () => {\n      if (paginationMode === 'server' || !sortField || !sortOrder) {\n        return rows;\n      }\n\n      return [...rows].sort((a, b) => {\n        const col = columns.find((c) => c.field === sortField);\n        let valA = col?.valueGetter ? col.valueGetter({ row: a, value: a[sortField] }) : a[sortField];\n        let valB = col?.valueGetter ? col.valueGetter({ row: b, value: b[sortField] }) : b[sortField];\n\n        if (valA == null) valA = '';\n        if (valB == null) valB = '';\n\n        if (typeof valA === 'string' && typeof valB === 'string') {\n          return sortOrder === 'asc' ? valA.localeCompare(valB) : valB.localeCompare(valA);\n        }\n\n        return sortOrder === 'asc'\n          ? valA > valB ? 1 : valA < valB ? -1 : 0\n          : valA < valB ? 1 : valA > valB ? -1 : 0;\n      });\n    };\n\n    const sortedRows = getSortedRows();\n\n    // Compute total rows count\n    const totalRowsCount = paginationMode === 'server' ? (rowCountProp ?? rows.length) : rows.length;\n\n    // Slice rows for client pagination\n    const paginatedRows =\n      pagination && paginationMode === 'client'\n        ? sortedRows.slice(page * pageSize, (page + 1) * pageSize)\n        : sortedRows;\n\n    // Checkbox helper states\n    const paginatedRowIds = paginatedRows.map(getRowIdValue);\n    const isAllSelected = paginatedRowIds.length > 0 && paginatedRowIds.every((id) => selectionModel.includes(id));\n    const isSomeSelected =\n      paginatedRowIds.length > 0 && paginatedRowIds.some((id) => selectionModel.includes(id)) && !isAllSelected;\n\n    const handleSelectAllChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.checked) {\n        const toAdd = paginatedRowIds.filter((id) => !selectionModel.includes(id));\n        updateSelection([...selectionModel, ...toAdd]);\n      } else {\n        const remaining = selectionModel.filter((id) => !paginatedRowIds.includes(id));\n        updateSelection(remaining);\n      }\n    };\n\n    const handleRowSelectChange = (rowId: GridRowId) => {\n      const isSelected = selectionModel.includes(rowId);\n      if (isSelected) {\n        updateSelection(selectionModel.filter((id) => id !== rowId));\n      } else {\n        updateSelection([...selectionModel, rowId]);\n      }\n    };\n\n    const handlePageChange = (newPage: number) => {\n      if (!isPageControlled) {\n        setPageState(newPage - 1);\n      }\n      if (onPageChange) {\n        onPageChange(newPage - 1);\n      }\n    };\n\n    const handlePageSizeChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      const newSize = parseInt(e.target.value, 10);\n      if (!isPageSizeControlled) {\n        setPageSizeState(newSize);\n      }\n      if (onPageSizeChange) {\n        onPageSizeChange(newSize);\n      }\n    };\n\n    // Calculate ranges for paging footer (e.g. 1-10 of 100)\n    const fromIndex = totalRowsCount === 0 ? 0 : page * pageSize + 1;\n    const toIndex = Math.min(totalRowsCount, (page + 1) * pageSize);\n\n    // Total Page count for Pagination component\n    const totalPages = Math.ceil(totalRowsCount / pageSize);\n\n    // Custom inline column widths\n    const getColStyle = (col: GridColDef): CSSProperties => {\n      const style: CSSProperties = {};\n      if (col.width) {\n        style.width = `${col.width}px`;\n        style.minWidth = `${col.width}px`;\n      } else if (col.minWidth) {\n        style.minWidth = `${col.minWidth}px`;\n      }\n      if (col.flex) {\n        style.flex = col.flex;\n      }\n      return style;\n    };\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <div\n          ref={ref}\n          className={cn(\n            'ui-datagrid',\n            `ui-datagrid--${density}`,\n            classes.root,\n            className\n          )}\n          style={{\n            height,\n            ...handleSx(sx),\n            ...props.style,\n          }}\n          {...props}\n        >\n          {/* Main Scrollable Grid Content */}\n          <div className={cn('ui-datagrid-main')}>\n            {/* Loading Glass Overlay */}\n            {loading && (\n              <div className=\"ui-datagrid-loading-overlay\">\n                <div className=\"ui-datagrid-spinner\" />\n              </div>\n            )}\n\n            <table className={cn('ui-datagrid-table', classes.table)}>\n              <thead className={cn('ui-datagrid-thead', classes.header)}>\n                <tr className=\"ui-datagrid-tr\">\n                  {/* Select All Checkbox Cell */}\n                  {checkboxSelection && (\n                    <th className=\"ui-datagrid-th ui-datagrid-cell--checkbox\">\n                      <Checkbox\n                        size=\"small\"\n                        checked={isAllSelected}\n                        indeterminate={isSomeSelected}\n                        onChange={handleSelectAllChange}\n                      />\n                    </th>\n                  )}\n\n                  {/* Header Columns */}\n                  {columns.map((col) => {\n                    const isColSortable = col.sortable !== false;\n                    const isSorted = sortField === col.field;\n                    const alignClass = col.headerAlign ? `ui-datagrid-cell--align-${col.headerAlign}` : (col.align ? `ui-datagrid-cell--align-${col.align}` : '');\n\n                    return (\n                      <th\n                        key={col.field}\n                        onClick={() => handleSortClick(col)}\n                        className={cn(\n                          'ui-datagrid-th',\n                          isColSortable && 'ui-datagrid-th--sortable',\n                          alignClass\n                        )}\n                        style={getColStyle(col)}\n                      >\n                        <div className=\"ui-datagrid-th-content\">\n                          <span>{col.headerName ?? col.field}</span>\n                          {isColSortable && (\n                            <span\n                              className={cn(\n                                'ui-datagrid-th-sort-icon',\n                                isSorted && 'ui-datagrid-th-sort-icon--active'\n                              )}\n                              style={{\n                                transform: isSorted && sortOrder === 'desc' ? 'rotate(180deg)' : undefined,\n                              }}\n                            >\n                              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                                <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"></line>\n                                <polyline points=\"5 12 12 5 19 12\"></polyline>\n                              </svg>\n                            </span>\n                          )}\n                        </div>\n                      </th>\n                    );\n                  })}\n                </tr>\n              </thead>\n              <tbody>\n                {paginatedRows.length === 0 ? (\n                  <tr className=\"ui-datagrid-tr\">\n                    <td\n                      colSpan={columns.length + (checkboxSelection ? 1 : 0)}\n                      className=\"ui-datagrid-td\"\n                      style={{ textAlign: 'center', padding: '32px 0', color: '#64748b' }}\n                    >\n                      No rows to display\n                    </td>\n                  </tr>\n                ) : (\n                  paginatedRows.map((row, index) => {\n                    const rowId = getRowIdValue(row);\n                    const isSelected = selectionModel.includes(rowId);\n                    const rowCustomClass = getRowClassName ? getRowClassName({ row }) : '';\n\n                    return (\n                      <tr\n                        key={rowId || index}\n                        className={cn(\n                          'ui-datagrid-tr',\n                          isSelected && 'ui-datagrid-tr--selected',\n                          rowCustomClass,\n                          classes.row\n                        )}\n                      >\n                        {/* Row Checkbox Cell */}\n                        {checkboxSelection && (\n                          <td className=\"ui-datagrid-td ui-datagrid-cell--checkbox\">\n                            <Checkbox\n                              size=\"small\"\n                              checked={isSelected}\n                              onChange={() => handleRowSelectChange(rowId)}\n                            />\n                          </td>\n                        )}\n\n                        {/* Cell Columns */}\n                        {columns.map((col) => {\n                          const alignClass = col.align ? `ui-datagrid-cell--align-${col.align}` : '';\n                          const value = col.valueGetter\n                            ? col.valueGetter({ row, value: row[col.field] })\n                            : row[col.field];\n\n                          return (\n                            <td\n                              key={col.field}\n                              className={cn('ui-datagrid-td', alignClass, classes.cell)}\n                              style={getColStyle(col)}\n                            >\n                              {col.renderCell\n                                ? col.renderCell({ value, row, field: col.field, id: rowId })\n                                : (value !== undefined && value !== null ? String(value) : '')}\n                            </td>\n                          );\n                        })}\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n\n          {/* Footer controls (Rows Per Page & Pagination switcher) */}\n          {pagination && (\n            <div className={cn('ui-datagrid-footer', classes.footer)}>\n              <div className=\"ui-datagrid-footer-left\">\n                <div className=\"ui-datagrid-rows-per-page\">\n                  <span>Rows per page:</span>\n                  <select\n                    value={pageSize}\n                    onChange={handlePageSizeChange}\n                    className=\"ui-datagrid-select\"\n                  >\n                    {pageSizeOptions.map((opt) => (\n                      <option key={opt} value={opt}>\n                        {opt}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              </div>\n\n              <div className=\"ui-datagrid-footer-right\">\n                <span className=\"ui-datagrid-info\">\n                  {fromIndex}-{toIndex} of {totalRowsCount}\n                </span>\n\n                {totalPages > 1 && (\n                  <div className=\"ui-datagrid-footer-pagination\">\n                    <Pagination\n                      count={totalPages}\n                      page={page + 1}\n                      onChange={(_, p) => handlePageChange(p)}\n                      size=\"small\"\n                      shape=\"rounded\"\n                    />\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </>\n    );\n  }\n);\n\nDataGrid.displayName = 'DataGrid';\n\nexport default DataGrid;\n"]}
+{"version":3,"sources":["../src/components/DataGrid/DataGrid.tsx"],"names":["STYLES","DataGrid","forwardRef","columns","rows","getRowId","pageProp","defaultPage","pageSizeProp","pageSizeOptions","pagination","paginationMode","rowCountProp","onPageChange","onPageSizeChange","checkboxSelection","rowSelectionModel","onRowSelectionModelChange","loading","density","getRowClassName","height","sx","classes","className","props","ref","pageState","setPageState","useState","isPageControlled","page","pageSizeState","setPageSizeState","isPageSizeControlled","pageSize","sortField","setSortField","sortOrder","setSortOrder","selectionModelInternal","setSelectionModelInternal","selectionModel","useEffect","updateSelection","newSelection","getRowIdValue","row","handleSortClick","col","nextOrder","sortedRows","a","b","c","valA","valB","totalRowsCount","paginatedRows","paginatedRowIds","isAllSelected","id","isSomeSelected","handleSelectAllChange","toAdd","remaining","handleRowSelectChange","rowId","isSelected","handlePageChange","newPage","handlePageSizeChange","newSize","fromIndex","toIndex","totalPages","getColStyle","style","jsxs","Fragment","jsx","cn","handleSx","Checkbox","isColSortable","isSorted","alignClass","index","rowCustomClass","value","opt","Pagination","_","p","DataGrid_default"],"mappings":"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","file":"chunk-NGNPVIAG.mjs","sourcesContent":["'use client';\n\nimport { forwardRef, useState, useEffect, ChangeEvent, CSSProperties } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { Pagination } from '../Pagination/Pagination';\nimport { DataGridProps, GridRowId, GridColDef, GridRowModel } from './DataGrid.types';\n\nconst STYLES = `\n  /* DataGrid Root */\n  .ui-datagrid {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    background-color: #ffffff;\n    font-family: inherit;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  /* Main scroll area */\n  .ui-datagrid-main {\n    flex: 1 1 auto;\n    position: relative;\n    overflow: auto;\n    width: 100%;\n  }\n\n  /* Table structure */\n  .ui-datagrid-table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    text-align: left;\n    table-layout: auto;\n  }\n\n  /* Table Headers */\n  .ui-datagrid-thead {\n    background-color: #f8fafc;\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    border-bottom: 1px solid #e2e8f0;\n  }\n\n  .ui-datagrid-th {\n    padding: 12px 16px;\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #475569;\n    user-select: none;\n    box-sizing: border-box;\n    white-space: nowrap;\n    border-bottom: 1px solid #e2e8f0;\n    background-color: #f8fafc;\n    transition: background-color 150ms;\n  }\n\n  .ui-datagrid-th--sortable {\n    cursor: pointer;\n  }\n\n  .ui-datagrid-th--sortable:hover {\n    background-color: #f1f5f9;\n  }\n\n  .ui-datagrid-th-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .ui-datagrid-th-sort-icon {\n    display: inline-flex;\n    align-items: center;\n    color: #94a3b8;\n    transition: color 150ms, transform 150ms;\n  }\n\n  .ui-datagrid-th-sort-icon--active {\n    color: #3b82f6;\n  }\n\n  /* Row & Cells styling */\n  .ui-datagrid-tr {\n    border-bottom: 1px solid #e2e8f0;\n    transition: background-color 150ms;\n  }\n\n  .ui-datagrid-tr:last-child {\n    border-bottom: none;\n  }\n\n  .ui-datagrid-tr:hover {\n    background-color: #f8fafc;\n  }\n\n  .ui-datagrid-tr--selected {\n    background-color: rgba(59, 130, 246, 0.04);\n  }\n\n  .ui-datagrid-tr--selected:hover {\n    background-color: rgba(59, 130, 246, 0.08);\n  }\n\n  .ui-datagrid-td {\n    padding: 12px 16px;\n    font-size: 0.875rem;\n    color: #0f172a;\n    box-sizing: border-box;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  /* Density support */\n  .ui-datagrid--compact .ui-datagrid-th {\n    padding: 8px 12px;\n    font-size: 0.8125rem;\n  }\n  .ui-datagrid--compact .ui-datagrid-td {\n    padding: 6px 12px;\n    font-size: 0.8125rem;\n  }\n\n  .ui-datagrid--comfortable .ui-datagrid-th {\n    padding: 16px 20px;\n    font-size: 0.9375rem;\n  }\n  .ui-datagrid--comfortable .ui-datagrid-td {\n    padding: 16px 20px;\n    font-size: 0.9375rem;\n  }\n\n  /* Centered and aligned cell styles */\n  .ui-datagrid-cell--align-center {\n    text-align: center;\n  }\n  .ui-datagrid-cell--align-right {\n    text-align: right;\n  }\n\n  .ui-datagrid-cell--checkbox {\n    width: 48px;\n    padding: 0;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .ui-datagrid-cell--checkbox .ui-checkbox {\n    vertical-align: middle;\n  }\n\n  /* Loading State glassmorphism overlay */\n  .ui-datagrid-loading-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(255, 255, 255, 0.55);\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(1px);\n  }\n\n  .ui-datagrid-spinner {\n    width: 40px;\n    height: 40px;\n    border: 3px solid #e2e8f0;\n    border-top-color: #3b82f6;\n    border-radius: 50%;\n    animation: ui-datagrid-spin 1s linear infinite;\n  }\n\n  @keyframes ui-datagrid-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  /* Footer & Pagination styles */\n  .ui-datagrid-footer {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-top: 1px solid #e2e8f0;\n    background-color: #ffffff;\n    gap: 16px;\n    font-size: 0.875rem;\n    color: #475569;\n    box-sizing: border-box;\n  }\n\n  .ui-datagrid-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .ui-datagrid-rows-per-page {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .ui-datagrid-select {\n    padding: 4px 8px;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    background-color: #ffffff;\n    color: #475569;\n    font-family: inherit;\n    font-size: 0.875rem;\n    cursor: pointer;\n    outline: none;\n    transition: border-color 150ms;\n  }\n\n  .ui-datagrid-select:focus {\n    border-color: #3b82f6;\n  }\n\n  .ui-datagrid-footer-right {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .ui-datagrid-info {\n    font-weight: 500;\n  }\n`;\n\nexport const DataGrid = forwardRef<HTMLDivElement, DataGridProps>(\n  (\n    {\n      columns,\n      rows = [],\n      getRowId,\n      page: pageProp,\n      defaultPage = 0,\n      pageSize: pageSizeProp = 10,\n      pageSizeOptions = [5, 10, 25, 50],\n      pagination = true,\n      paginationMode = 'client',\n      rowCount: rowCountProp,\n      onPageChange,\n      onPageSizeChange,\n      checkboxSelection = false,\n      rowSelectionModel,\n      onRowSelectionModelChange,\n      loading = false,\n      density = 'standard',\n      getRowClassName,\n      height,\n      sx,\n      classes = {},\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    // Page state (0-indexed internally to match MUI)\n    const [pageState, setPageState] = useState(defaultPage);\n    const isPageControlled = pageProp !== undefined && onPageChange !== undefined;\n    const page = isPageControlled ? pageProp : pageState;\n\n    // PageSize state\n    const [pageSizeState, setPageSizeState] = useState(pageSizeProp !== undefined ? pageSizeProp : 10);\n    const isPageSizeControlled = pageSizeProp !== undefined && onPageSizeChange !== undefined;\n    const pageSize = isPageSizeControlled ? pageSizeProp : pageSizeState;\n\n    // Client-side Sorting state\n    const [sortField, setSortField] = useState<string | null>(null);\n    const [sortOrder, setSortOrder] = useState<'asc' | 'desc' | null>(null);\n\n    // Row selection state\n    const [selectionModelInternal, setSelectionModelInternal] = useState<GridRowId[]>([]);\n    const selectionModel = rowSelectionModel !== undefined ? rowSelectionModel : selectionModelInternal;\n\n    // Sync props to state if parent updates them\n    useEffect(() => {\n      if (pageProp !== undefined) {\n        setPageState(pageProp);\n      }\n    }, [pageProp]);\n\n    useEffect(() => {\n      if (pageSizeProp !== undefined) {\n        setPageSizeState(pageSizeProp);\n      }\n    }, [pageSizeProp]);\n\n    // Reset page if page size changes or rows filter\n    useEffect(() => {\n      setPageState(0);\n    }, [pageSize]);\n\n    // Handle Selection Change helper\n    const updateSelection = (newSelection: GridRowId[]) => {\n      if (rowSelectionModel === undefined) {\n        setSelectionModelInternal(newSelection);\n      }\n      if (onRowSelectionModelChange) {\n        onRowSelectionModelChange(newSelection);\n      }\n    };\n\n    // Row ID helper\n    const getRowIdValue = (row: GridRowModel): GridRowId => {\n      if (getRowId) return getRowId(row);\n      return row.id !== undefined ? row.id : '';\n    };\n\n    // Client-side sorting logic\n    const handleSortClick = (col: GridColDef) => {\n      if (col.sortable === false) return;\n\n      let nextOrder: 'asc' | 'desc' | null = 'asc';\n      if (sortField === col.field) {\n        if (sortOrder === 'asc') nextOrder = 'desc';\n        else if (sortOrder === 'desc') nextOrder = null;\n        else nextOrder = 'asc';\n      }\n\n      setSortField(nextOrder ? col.field : null);\n      setSortOrder(nextOrder);\n    };\n\n    // Compute sorted rows (only if client-side pagination/sorting)\n    const getSortedRows = () => {\n      if (paginationMode === 'server' || !sortField || !sortOrder) {\n        return rows;\n      }\n\n      return [...rows].sort((a, b) => {\n        const col = columns.find((c) => c.field === sortField);\n        let valA = col?.valueGetter ? col.valueGetter({ row: a, value: a[sortField] }) : a[sortField];\n        let valB = col?.valueGetter ? col.valueGetter({ row: b, value: b[sortField] }) : b[sortField];\n\n        if (valA == null) valA = '';\n        if (valB == null) valB = '';\n\n        if (typeof valA === 'string' && typeof valB === 'string') {\n          return sortOrder === 'asc' ? valA.localeCompare(valB) : valB.localeCompare(valA);\n        }\n\n        return sortOrder === 'asc'\n          ? valA > valB ? 1 : valA < valB ? -1 : 0\n          : valA < valB ? 1 : valA > valB ? -1 : 0;\n      });\n    };\n\n    const sortedRows = getSortedRows();\n\n    // Compute total rows count\n    const totalRowsCount = paginationMode === 'server' ? (rowCountProp ?? rows.length) : rows.length;\n\n    // Slice rows for client pagination\n    const paginatedRows =\n      pagination && paginationMode === 'client'\n        ? sortedRows.slice(page * pageSize, (page + 1) * pageSize)\n        : sortedRows;\n\n    // Checkbox helper states\n    const paginatedRowIds = paginatedRows.map(getRowIdValue);\n    const isAllSelected = paginatedRowIds.length > 0 && paginatedRowIds.every((id) => selectionModel.includes(id));\n    const isSomeSelected =\n      paginatedRowIds.length > 0 && paginatedRowIds.some((id) => selectionModel.includes(id)) && !isAllSelected;\n\n    const handleSelectAllChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.checked) {\n        const toAdd = paginatedRowIds.filter((id) => !selectionModel.includes(id));\n        updateSelection([...selectionModel, ...toAdd]);\n      } else {\n        const remaining = selectionModel.filter((id) => !paginatedRowIds.includes(id));\n        updateSelection(remaining);\n      }\n    };\n\n    const handleRowSelectChange = (rowId: GridRowId) => {\n      const isSelected = selectionModel.includes(rowId);\n      if (isSelected) {\n        updateSelection(selectionModel.filter((id) => id !== rowId));\n      } else {\n        updateSelection([...selectionModel, rowId]);\n      }\n    };\n\n    const handlePageChange = (newPage: number) => {\n      if (!isPageControlled) {\n        setPageState(newPage - 1);\n      }\n      if (onPageChange) {\n        onPageChange(newPage - 1);\n      }\n    };\n\n    const handlePageSizeChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      const newSize = parseInt(e.target.value, 10);\n      if (!isPageSizeControlled) {\n        setPageSizeState(newSize);\n      }\n      if (onPageSizeChange) {\n        onPageSizeChange(newSize);\n      }\n    };\n\n    // Calculate ranges for paging footer (e.g. 1-10 of 100)\n    const fromIndex = totalRowsCount === 0 ? 0 : page * pageSize + 1;\n    const toIndex = Math.min(totalRowsCount, (page + 1) * pageSize);\n\n    // Total Page count for Pagination component\n    const totalPages = Math.ceil(totalRowsCount / pageSize);\n\n    // Custom inline column widths\n    const getColStyle = (col: GridColDef): CSSProperties => {\n      const style: CSSProperties = {};\n      if (col.width) {\n        style.width = `${col.width}px`;\n        style.minWidth = `${col.width}px`;\n      } else if (col.minWidth) {\n        style.minWidth = `${col.minWidth}px`;\n      }\n      if (col.flex) {\n        style.flex = col.flex;\n      }\n      return style;\n    };\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <div\n          ref={ref}\n          className={cn(\n            'ui-datagrid',\n            `ui-datagrid--${density}`,\n            classes.root,\n            className\n          )}\n          style={{\n            height,\n            ...handleSx(sx),\n            ...props.style,\n          }}\n          {...props}\n        >\n          {/* Main Scrollable Grid Content */}\n          <div className={cn('ui-datagrid-main')}>\n            {/* Loading Glass Overlay */}\n            {loading && (\n              <div className=\"ui-datagrid-loading-overlay\">\n                <div className=\"ui-datagrid-spinner\" />\n              </div>\n            )}\n\n            <table className={cn('ui-datagrid-table', classes.table)}>\n              <thead className={cn('ui-datagrid-thead', classes.header)}>\n                <tr className=\"ui-datagrid-tr\">\n                  {/* Select All Checkbox Cell */}\n                  {checkboxSelection && (\n                    <th className=\"ui-datagrid-th ui-datagrid-cell--checkbox\">\n                      <Checkbox\n                        size=\"small\"\n                        checked={isAllSelected}\n                        indeterminate={isSomeSelected}\n                        onChange={handleSelectAllChange}\n                      />\n                    </th>\n                  )}\n\n                  {/* Header Columns */}\n                  {columns.map((col) => {\n                    const isColSortable = col.sortable !== false;\n                    const isSorted = sortField === col.field;\n                    const alignClass = col.headerAlign ? `ui-datagrid-cell--align-${col.headerAlign}` : (col.align ? `ui-datagrid-cell--align-${col.align}` : '');\n\n                    return (\n                      <th\n                        key={col.field}\n                        onClick={() => handleSortClick(col)}\n                        className={cn(\n                          'ui-datagrid-th',\n                          isColSortable && 'ui-datagrid-th--sortable',\n                          alignClass\n                        )}\n                        style={getColStyle(col)}\n                      >\n                        <div className=\"ui-datagrid-th-content\">\n                          <span>{col.headerName ?? col.field}</span>\n                          {isColSortable && (\n                            <span\n                              className={cn(\n                                'ui-datagrid-th-sort-icon',\n                                isSorted && 'ui-datagrid-th-sort-icon--active'\n                              )}\n                              style={{\n                                transform: isSorted && sortOrder === 'desc' ? 'rotate(180deg)' : undefined,\n                              }}\n                            >\n                              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                                <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"></line>\n                                <polyline points=\"5 12 12 5 19 12\"></polyline>\n                              </svg>\n                            </span>\n                          )}\n                        </div>\n                      </th>\n                    );\n                  })}\n                </tr>\n              </thead>\n              <tbody>\n                {paginatedRows.length === 0 ? (\n                  <tr className=\"ui-datagrid-tr\">\n                    <td\n                      colSpan={columns.length + (checkboxSelection ? 1 : 0)}\n                      className=\"ui-datagrid-td\"\n                      style={{ textAlign: 'center', padding: '32px 0', color: '#64748b' }}\n                    >\n                      No rows to display\n                    </td>\n                  </tr>\n                ) : (\n                  paginatedRows.map((row, index) => {\n                    const rowId = getRowIdValue(row);\n                    const isSelected = selectionModel.includes(rowId);\n                    const rowCustomClass = getRowClassName ? getRowClassName({ row }) : '';\n\n                    return (\n                      <tr\n                        key={rowId || index}\n                        className={cn(\n                          'ui-datagrid-tr',\n                          isSelected && 'ui-datagrid-tr--selected',\n                          rowCustomClass,\n                          classes.row\n                        )}\n                      >\n                        {/* Row Checkbox Cell */}\n                        {checkboxSelection && (\n                          <td className=\"ui-datagrid-td ui-datagrid-cell--checkbox\">\n                            <Checkbox\n                              size=\"small\"\n                              checked={isSelected}\n                              onChange={() => handleRowSelectChange(rowId)}\n                            />\n                          </td>\n                        )}\n\n                        {/* Cell Columns */}\n                        {columns.map((col) => {\n                          const alignClass = col.align ? `ui-datagrid-cell--align-${col.align}` : '';\n                          const value = col.valueGetter\n                            ? col.valueGetter({ row, value: row[col.field] })\n                            : row[col.field];\n\n                          return (\n                            <td\n                              key={col.field}\n                              className={cn('ui-datagrid-td', alignClass, classes.cell)}\n                              style={getColStyle(col)}\n                            >\n                              {col.renderCell\n                                ? col.renderCell({ value, row, field: col.field, id: rowId })\n                                : (value !== undefined && value !== null ? String(value) : '')}\n                            </td>\n                          );\n                        })}\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n\n          {/* Footer controls (Rows Per Page & Pagination switcher) */}\n          {pagination && (\n            <div className={cn('ui-datagrid-footer', classes.footer)}>\n              <div className=\"ui-datagrid-footer-left\">\n                <div className=\"ui-datagrid-rows-per-page\">\n                  <span>Rows per page:</span>\n                  <select\n                    value={pageSize}\n                    onChange={handlePageSizeChange}\n                    className=\"ui-datagrid-select\"\n                  >\n                    {pageSizeOptions.map((opt) => (\n                      <option key={opt} value={opt}>\n                        {opt}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              </div>\n\n              <div className=\"ui-datagrid-footer-right\">\n                <span className=\"ui-datagrid-info\">\n                  {fromIndex}-{toIndex} of {totalRowsCount}\n                </span>\n\n                {totalPages > 1 && (\n                  <div className=\"ui-datagrid-footer-pagination\">\n                    <Pagination\n                      count={totalPages}\n                      page={page + 1}\n                      onChange={(_, p) => handlePageChange(p)}\n                      size=\"small\"\n                      shape=\"rounded\"\n                    />\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </>\n    );\n  }\n);\n\nDataGrid.displayName = 'DataGrid';\n\nexport default DataGrid;\n"]}