@arolariu/components 1.1.0 → 2.0.0

package/dist/components/ui/{sonner_module.css → toast_module.css}

@@ -1,53 +1,53 @@
-.viewport-H8aveR {
+.viewport-jvCIkI {
   gap: var(--ac-space-3);
   padding: var(--ac-space-4);
   pointer-events: none;
-  z-index: 100;
+  z-index: 9999;
   flex-direction: column;
   width: min(100vw - 2rem, 24rem);
   display: flex;
   position: fixed;
 }
 
-.viewportTopLeft-xM6PF1 {
+.viewportTopLeft-Kb0Dxx {
   align-items: flex-start;
   top: 0;
   left: 0;
 }
 
-.viewportTopRight-J7LgEN {
+.viewportTopRight-cN2v_K {
   align-items: flex-end;
   top: 0;
   right: 0;
 }
 
-.viewportBottomLeft-gduLsn {
+.viewportBottomLeft-QsijST {
   align-items: flex-start;
   bottom: 0;
   left: 0;
 }
 
-.viewportBottomRight-cgRbCY {
+.viewportBottomRight-vFah1i {
   align-items: flex-end;
   bottom: 0;
   right: 0;
 }
 
-.viewportTopCenter-GmipAX {
+.viewportTopCenter-N1lhMQ {
   top: 0;
 }
 
-.viewportBottomCenter-iNRY6t, .viewportTopCenter-GmipAX {
+.viewportBottomCenter-UYbiwI, .viewportTopCenter-N1lhMQ {
   align-items: center;
   left: 50%;
   transform: translateX(-50%);
 }
 
-.viewportBottomCenter-iNRY6t {
+.viewportBottomCenter-UYbiwI {
   bottom: 0;
 }
 
-.root-Rvm8fE {
+.root-uwGvth {
   backdrop-filter: blur(16px);
   background: color-mix(in oklab,var(--ac-background),var(--ac-card, var(--ac-background)) 25%);
   border: 1px solid var(--ac-border);
@@ -61,16 +61,16 @@
 
   &[data-starting] {
     opacity: 0;
-    transform: translateY(8px)scale(.98);
+    transform: translateY(8px) scale(.98);
   }
 
   &[data-ending] {
     opacity: 0;
-    transform: translateY(4px)scale(.98);
+    transform: translateY(4px) scale(.98);
   }
 }
 
-.content-y92flZ {
+.content-TMHpYm {
   align-items: flex-start;
   gap: var(--ac-space-3);
   padding: var(--ac-space-4);
@@ -78,7 +78,7 @@
   display: grid;
 }
 
-.leading-GRRnqU {
+.leading-gM08RM {
   color: inherit;
   justify-content: center;
   align-items: center;
@@ -88,30 +88,30 @@
   display: flex;
 }
 
-.body-Lw99EO {
+.body-kFIEHQ {
   gap: var(--ac-space-1);
   flex-direction: column;
   min-width: 0;
   display: flex;
 }
 
-.title-ymKu15 {
+.title-kXfMGB {
   color: inherit;
   font-weight: 600;
   line-height: 1.4;
 }
 
-.description-ZtIAQh, .title-ymKu15 {
+.description-I8ct1l, .title-kXfMGB {
   font-size: var(--ac-text-sm);
   margin: 0;
 }
 
-.description-ZtIAQh {
+.description-I8ct1l {
   color: var(--ac-muted-foreground);
   line-height: 1.5;
 }
 
-.close-n3q99W {
+.close-eMrgdZ {
   border-radius: calc(var(--ac-radius-md) - 2px);
   color: var(--ac-muted-foreground);
   cursor: pointer;
@@ -131,24 +131,24 @@
   }
 }
 
-.closeIcon-gqyKiy, .icon-vXiuPh {
+.closeIcon-OazeuD, .icon-G29Yjv {
   flex-shrink: 0;
   width: 1rem;
   height: 1rem;
 }
 
-.iconSpin-ly7P4C {
-  animation: .9s linear infinite toast-spin-u5gKWc;
+.iconSpin-xicEw2 {
+  animation: .9s linear infinite toast-spin-PgaAxf;
 }
 
-.actions-wq9nP1 {
+.actions-ISQ9_4 {
   gap: var(--ac-space-2);
   margin-top: var(--ac-space-2);
   flex-wrap: wrap;
   display: flex;
 }
 
-.primaryAction-IbtEiI, .secondaryAction-DWySkL {
+.primaryAction-L_Ifg3, .secondaryAction-Uv1cEU {
   border-radius: var(--ac-radius-md);
   cursor: pointer;
   font-size: var(--ac-text-xs);
@@ -162,7 +162,7 @@
   display: inline-flex;
 }
 
-.primaryAction-IbtEiI {
+.primaryAction-L_Ifg3 {
   background: var(--ac-foreground);
   color: var(--ac-background);
 
@@ -172,7 +172,7 @@
   }
 }
 
-.secondaryAction-DWySkL {
+.secondaryAction-Uv1cEU {
   border-color: color-mix(in oklab,var(--ac-border) 75%,transparent);
   color: var(--ac-foreground);
   background: none;
@@ -183,43 +183,43 @@
   }
 }
 
-.default-ecwLjq {
+.default-KHMvJy {
   border-color: color-mix(in oklab,var(--ac-border) 88%,transparent);
 }
 
-.success-pLAR9p {
+.success-VAn7xf {
   background: color-mix(in oklab,var(--ac-success, #16a34a) 10%,var(--ac-background));
   border-color: color-mix(in oklab,var(--ac-success, #16a34a) 45%,var(--ac-border));
   color: color-mix(in oklab,var(--ac-success, #16a34a) 78%,var(--ac-foreground));
 }
 
-.error-pOqy4L {
+.error-fbRDFy {
   background: color-mix(in oklab,var(--ac-destructive) 10%,var(--ac-background));
   border-color: color-mix(in oklab,var(--ac-destructive) 48%,var(--ac-border));
   color: color-mix(in oklab,var(--ac-destructive) 82%,var(--ac-foreground));
 }
 
-.info-t5y2YI {
+.info-be_454 {
   background: color-mix(in oklab,var(--ac-primary, #2563eb) 10%,var(--ac-background));
   border-color: color-mix(in oklab,var(--ac-primary, #2563eb) 42%,var(--ac-border));
   color: color-mix(in oklab,var(--ac-primary, #2563eb) 78%,var(--ac-foreground));
 }
 
-.warning-M6kW38 {
+.warning-EzQWby {
   background: color-mix(in oklab,#f59e0b 12%,var(--ac-background));
   border-color: color-mix(in oklab,#f59e0b 45%,var(--ac-border));
   color: color-mix(in oklab,#f59e0b 80%,var(--ac-foreground));
 }
 
-.loading-pRuJz9 {
+.loading-OTB2rn {
   border-color: color-mix(in oklab,var(--ac-muted-foreground) 34%,var(--ac-border));
 }
 
-.error-pOqy4L .description-ZtIAQh, .info-t5y2YI .description-ZtIAQh, .success-pLAR9p .description-ZtIAQh, .warning-M6kW38 .description-ZtIAQh {
+.error-fbRDFy .description-I8ct1l, .info-be_454 .description-I8ct1l, .success-VAn7xf .description-I8ct1l, .warning-EzQWby .description-I8ct1l {
   color: color-mix(in oklab,currentcolor 68%,var(--ac-muted-foreground));
 }
 
-@keyframes toast-spin-u5gKWc {
+@keyframes toast-spin-PgaAxf {
   0% {
     transform: rotate(0);
   }
@@ -230,4 +230,4 @@
 }
 
 
-/*# sourceMappingURL=sonner_module.css.map */
+/*# sourceMappingURL=toast_module.css.map */

package/dist/components/ui/toast_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toast.module.css","webpack://./src/components/ui/toast.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;EACpB,aAAa;EACb,sBAAsB;EACtB,+BAA+B;EAC/B,aAAa;EACb,eAAe;AACjB;;ADTiL;ECY/K,uBAAuB;EACvB,MAAM;EACN,OAAO;AACT;;ADfsO;ECkBpO,qBAAqB;EACrB,MAAM;EACN,QAAQ;AACV;;ADrB2R;ECwBzR,uBAAuB;EACvB,SAAS;EACT,OAAO;AACT;;AD3BsV;EC8BpV,qBAAqB;EACrB,SAAS;EACT,QAAQ;AACV;;ADjCiZ;ECoC/Y,MAAM;AACR;;ADrC0a;ECwCxa,mBAAmB;EACnB,SAAS;EACT,2BAA2B;AAC7B;;AD3C0gB;EC8CxgB,SAAS;AACX;;AD/CyiB;ECkDviB,2BAA2B;EAC3B,6FAA6F;EAC7F,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,oBAAoB;EACpB,WAAW;EACX,wCAAwC;EACxC,gBAAgB;EAChB,oEAAoE;;ED3Do3B;IC8Dt7B,UAAU;IACV,qCAAqC;EACvC;;EDhEw/B;ICmEt/B,UAAU;IACV,qCAAqC;EACvC;AACF;;ADtEyjC;ECyEvjC,uBAAuB;EACvB,sBAAsB;EACtB,0BAA0B;EAC1B,+CAA+C;EAC/C,aAAa;AACf;;AD9EosC;ECiFlsC,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,aAAa;AACf;;ADxFg0C;EC2F9zC,sBAAsB;EACtB,sBAAsB;EACtB,YAAY;EACZ,aAAa;AACf;;AD/F24C;ECkGz4C,cAAc;EACd,gBAAgB;EAChB,gBAAgB;AAClB;;ADrGg8C;ECwG97C,4BAA4B;EAC5B,SAAS;AACX;;AD1Gy/C;EC6Gv/C,iCAAiC;EACjC,gBAAgB;AAClB;;AD/GujD;ECkHrjD,8CAA8C;EAC9C,iCAAiC;EACjC,eAAe;EACf,gBAAgB;EAChB,SAAS;EACT,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,6CAA6C;EAC7C,oBAAoB;;ED5HizD;IC+Hn0D,+DAA+D;IAC/D,2BAA2B;IAC3B,aAAa;EACf;AACF;;ADnIu8D;ECsIr8D,cAAc;EACd,WAAW;EACX,YAAY;AACd;;ADzI6/D;EC4I3/D,gDAAyC;AAC3C;;AD7IgjE;ECgJ9iE,sBAAsB;EACtB,6BAA6B;EAC7B,eAAe;EACf,aAAa;AACf;;ADpJwoE;ECuJtoE,kCAAkC;EAClC,eAAe;EACf,4BAA4B;EAC5B,gBAAgB;EAChB,4BAA4B;EAC5B,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,gEAAgE;EAChE,oBAAoB;AACtB;;ADlKy9E;ECqKv9E,gCAAgC;EAChC,2BAA2B;;EDtKsgF;ICyK/hF,6DAA6D;IAC7D,aAAa;EACf;AACF;;AD5KsoF;EC+KpoF,kEAAkE;EAClE,2BAA2B;EAC3B,gBAAgB;;EDjLyvF;ICoLvwF,+DAA+D;IAC/D,aAAa;EACf;AACF;;ADvLg3F;EC0L92F,kEAAkE;AACpE;;AD3L27F;EC8Lz7F,mFAAmF;EACnF,iFAAiF;EACjF,8EAA8E;AAChF;;ADjMmrG;ECoMjrG,8EAA8E;EAC9E,4EAA4E;EAC5E,yEAAyE;AAC3E;;ADvM65G;EC0M35G,mFAAmF;EACnF,iFAAiF;EACjF,8EAA8E;AAChF;;AD7MkpH;ECgNhpH,gEAAgE;EAChE,8DAA8D;EAC9D,2DAA2D;AAC7D;;ADnNo1H;ECsNl1H,iFAAiF;AACnF;;ADvN86H;EC0N56H,sEAAsE;AACxE;;AD3NukI;EC8NrkI;IACE,oBAAoB;EACtB;;EAEA;IACE,wBAAwB;EAC1B;AACF","sourcesContent":[".viewport{display:flex;flex-direction:column;gap:var(--ac-space-3);padding:var(--ac-space-4);pointer-events:none;position:fixed;width:min(calc(100vw - 2rem),24rem);z-index:9999}.viewportTopLeft{align-items:flex-start;left:0;top:0}.viewportTopRight{align-items:flex-end;right:0;top:0}.viewportBottomLeft{align-items:flex-start;bottom:0;left:0}.viewportBottomRight{align-items:flex-end;bottom:0;right:0}.viewportTopCenter{top:0}.viewportBottomCenter,.viewportTopCenter{align-items:center;left:50%;transform:translateX(-50%)}.viewportBottomCenter{bottom:0}.root{backdrop-filter:blur(16px);background:color-mix(in oklab,var(--ac-background),var(--ac-card,var(--ac-background)) 25%);border:1px solid var(--ac-border);border-radius:var(--ac-radius-xl);box-shadow:0 18px 40px -24px rgba(15,23,42,.45),0 10px 18px -12px rgba(15,23,42,.28);color:var(--ac-foreground);overflow:hidden;pointer-events:auto;transition:opacity .16s ease,transform .16s ease;width:100%;&[data-starting]{opacity:0;transform:translateY(8px) scale(.98)}&[data-ending]{opacity:0;transform:translateY(4px) scale(.98)}}.content{align-items:flex-start;display:grid;gap:var(--ac-space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--ac-space-4)}.leading{align-items:center;color:inherit;display:flex;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.body{display:flex;flex-direction:column;gap:var(--ac-space-1);min-width:0}.title{color:inherit;font-weight:600;line-height:1.4}.description,.title{font-size:var(--ac-text-sm);margin:0}.description{color:var(--ac-muted-foreground);line-height:1.5}.close{align-items:center;background:transparent;border:0;border-radius:calc(var(--ac-radius-md) - 2px);color:var(--ac-muted-foreground);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;transition:background-color .14s ease,color .14s ease;width:2rem;&:focus-visible,&:hover{background:color-mix(in oklab,var(--ac-muted) 84%,transparent);color:var(--ac-foreground);outline:none}}.closeIcon,.icon{flex-shrink:0;height:1rem;width:1rem}.iconSpin{animation:toast-spin .9s linear infinite}.actions{display:flex;flex-wrap:wrap;gap:var(--ac-space-2);margin-top:var(--ac-space-2)}.primaryAction,.secondaryAction{align-items:center;border:1px solid transparent;border-radius:var(--ac-radius-md);cursor:pointer;display:inline-flex;font-size:var(--ac-text-xs);font-weight:600;justify-content:center;min-height:2rem;padding:0 var(--ac-space-3);transition:background-color .14s ease,border-color .14s ease,color .14s ease}.primaryAction{background:var(--ac-foreground);color:var(--ac-background);&:focus-visible,&:hover{background:color-mix(in oklab,var(--ac-foreground) 88%,#fff);outline:none}}.secondaryAction{background:transparent;border-color:color-mix(in oklab,var(--ac-border) 75%,transparent);color:var(--ac-foreground);&:focus-visible,&:hover{background:color-mix(in oklab,var(--ac-muted) 72%,transparent);outline:none}}.default{border-color:color-mix(in oklab,var(--ac-border) 88%,transparent)}.success{background:color-mix(in oklab,var(--ac-success,#16a34a) 10%,var(--ac-background));border-color:color-mix(in oklab,var(--ac-success,#16a34a) 45%,var(--ac-border));color:color-mix(in oklab,var(--ac-success,#16a34a) 78%,var(--ac-foreground))}.error{background:color-mix(in oklab,var(--ac-destructive) 10%,var(--ac-background));border-color:color-mix(in oklab,var(--ac-destructive) 48%,var(--ac-border));color:color-mix(in oklab,var(--ac-destructive) 82%,var(--ac-foreground))}.info{background:color-mix(in oklab,var(--ac-primary,#2563eb) 10%,var(--ac-background));border-color:color-mix(in oklab,var(--ac-primary,#2563eb) 42%,var(--ac-border));color:color-mix(in oklab,var(--ac-primary,#2563eb) 78%,var(--ac-foreground))}.warning{background:color-mix(in oklab,#f59e0b 12%,var(--ac-background));border-color:color-mix(in oklab,#f59e0b 45%,var(--ac-border));color:color-mix(in oklab,#f59e0b 80%,var(--ac-foreground))}.loading{border-color:color-mix(in oklab,var(--ac-muted-foreground) 34%,var(--ac-border))}.error .description,.info .description,.success .description,.warning .description{color:color-mix(in oklab,currentcolor 68%,var(--ac-muted-foreground))}@keyframes toast-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",".viewport {\n  gap: var(--ac-space-3);\n  padding: var(--ac-space-4);\n  pointer-events: none;\n  z-index: 9999;\n  flex-direction: column;\n  width: min(100vw - 2rem, 24rem);\n  display: flex;\n  position: fixed;\n}\n\n.viewportTopLeft {\n  align-items: flex-start;\n  top: 0;\n  left: 0;\n}\n\n.viewportTopRight {\n  align-items: flex-end;\n  top: 0;\n  right: 0;\n}\n\n.viewportBottomLeft {\n  align-items: flex-start;\n  bottom: 0;\n  left: 0;\n}\n\n.viewportBottomRight {\n  align-items: flex-end;\n  bottom: 0;\n  right: 0;\n}\n\n.viewportTopCenter {\n  top: 0;\n}\n\n.viewportBottomCenter, .viewportTopCenter {\n  align-items: center;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.viewportBottomCenter {\n  bottom: 0;\n}\n\n.root {\n  backdrop-filter: blur(16px);\n  background: color-mix(in oklab,var(--ac-background),var(--ac-card, var(--ac-background)) 25%);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-xl);\n  color: var(--ac-foreground);\n  pointer-events: auto;\n  width: 100%;\n  transition: opacity .16s, transform .16s;\n  overflow: hidden;\n  box-shadow: 0 18px 40px -24px #0f172a73, 0 10px 18px -12px #0f172a47;\n\n  &[data-starting] {\n    opacity: 0;\n    transform: translateY(8px) scale(.98);\n  }\n\n  &[data-ending] {\n    opacity: 0;\n    transform: translateY(4px) scale(.98);\n  }\n}\n\n.content {\n  align-items: flex-start;\n  gap: var(--ac-space-3);\n  padding: var(--ac-space-4);\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  display: grid;\n}\n\n.leading {\n  color: inherit;\n  justify-content: center;\n  align-items: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: .125rem;\n  display: flex;\n}\n\n.body {\n  gap: var(--ac-space-1);\n  flex-direction: column;\n  min-width: 0;\n  display: flex;\n}\n\n.title {\n  color: inherit;\n  font-weight: 600;\n  line-height: 1.4;\n}\n\n.description, .title {\n  font-size: var(--ac-text-sm);\n  margin: 0;\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  line-height: 1.5;\n}\n\n.close {\n  border-radius: calc(var(--ac-radius-md) - 2px);\n  color: var(--ac-muted-foreground);\n  cursor: pointer;\n  background: none;\n  border: 0;\n  justify-content: center;\n  align-items: center;\n  width: 2rem;\n  height: 2rem;\n  transition: background-color .14s, color .14s;\n  display: inline-flex;\n\n  &:focus-visible, &:hover {\n    background: color-mix(in oklab,var(--ac-muted) 84%,transparent);\n    color: var(--ac-foreground);\n    outline: none;\n  }\n}\n\n.closeIcon, .icon {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n}\n\n.iconSpin {\n  animation: .9s linear infinite toast-spin;\n}\n\n.actions {\n  gap: var(--ac-space-2);\n  margin-top: var(--ac-space-2);\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.primaryAction, .secondaryAction {\n  border-radius: var(--ac-radius-md);\n  cursor: pointer;\n  font-size: var(--ac-text-xs);\n  min-height: 2rem;\n  padding: 0 var(--ac-space-3);\n  border: 1px solid #0000;\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  transition: background-color .14s, border-color .14s, color .14s;\n  display: inline-flex;\n}\n\n.primaryAction {\n  background: var(--ac-foreground);\n  color: var(--ac-background);\n\n  &:focus-visible, &:hover {\n    background: color-mix(in oklab,var(--ac-foreground) 88%,#fff);\n    outline: none;\n  }\n}\n\n.secondaryAction {\n  border-color: color-mix(in oklab,var(--ac-border) 75%,transparent);\n  color: var(--ac-foreground);\n  background: none;\n\n  &:focus-visible, &:hover {\n    background: color-mix(in oklab,var(--ac-muted) 72%,transparent);\n    outline: none;\n  }\n}\n\n.default {\n  border-color: color-mix(in oklab,var(--ac-border) 88%,transparent);\n}\n\n.success {\n  background: color-mix(in oklab,var(--ac-success, #16a34a) 10%,var(--ac-background));\n  border-color: color-mix(in oklab,var(--ac-success, #16a34a) 45%,var(--ac-border));\n  color: color-mix(in oklab,var(--ac-success, #16a34a) 78%,var(--ac-foreground));\n}\n\n.error {\n  background: color-mix(in oklab,var(--ac-destructive) 10%,var(--ac-background));\n  border-color: color-mix(in oklab,var(--ac-destructive) 48%,var(--ac-border));\n  color: color-mix(in oklab,var(--ac-destructive) 82%,var(--ac-foreground));\n}\n\n.info {\n  background: color-mix(in oklab,var(--ac-primary, #2563eb) 10%,var(--ac-background));\n  border-color: color-mix(in oklab,var(--ac-primary, #2563eb) 42%,var(--ac-border));\n  color: color-mix(in oklab,var(--ac-primary, #2563eb) 78%,var(--ac-foreground));\n}\n\n.warning {\n  background: color-mix(in oklab,#f59e0b 12%,var(--ac-background));\n  border-color: color-mix(in oklab,#f59e0b 45%,var(--ac-border));\n  color: color-mix(in oklab,#f59e0b 80%,var(--ac-foreground));\n}\n\n.loading {\n  border-color: color-mix(in oklab,var(--ac-muted-foreground) 34%,var(--ac-border));\n}\n\n.error .description, .info .description, .success .description, .warning .description {\n  color: color-mix(in oklab,currentcolor 68%,var(--ac-muted-foreground));\n}\n\n@keyframes toast-spin {\n  0% {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(1turn);\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/toggle-group.js

@@ -3,12 +3,12 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { ToggleGroup as toggle_group_ToggleGroup } from "@base-ui/react/toggle-group";
 import { useRender } from "@base-ui/react/use-render";
-import { createContext, forwardRef, useContext } from "react";
 import { cn } from "../../lib/utilities.js";
 import { Toggle, toggleVariants } from "./toggle.js";
 import toggle_group_module from "./toggle-group.module.js";
-const ToggleGroupContext = /*#__PURE__*/ createContext({});
-const ui_toggle_group_ToggleGroup = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+import * as __rspack_external_react from "react";
+const ToggleGroupContext = /*#__PURE__*/ __rspack_external_react.createContext({});
+const ui_toggle_group_ToggleGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, size, variant, ...otherProps } = props;
     return /*#__PURE__*/ jsx(toggle_group_ToggleGroup, {
         ...otherProps,
@@ -29,9 +29,9 @@ const ui_toggle_group_ToggleGroup = /*#__PURE__*/ forwardRef(function(props, for
         })
     });
 });
-const toggle_group_ToggleGroupItem = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+const toggle_group_ToggleGroupItem = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, size, variant, ...otherProps } = props;
-    const context = useContext(ToggleGroupContext);
+    const context = __rspack_external_react.useContext(ToggleGroupContext);
     return /*#__PURE__*/ jsx(Toggle, {
         ref: forwardedRef,
         className: cn(toggleVariants({

package/dist/components/ui/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/toggle-group.js","sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {ToggleGroup as BaseToggleGroup} from \"@base-ui/react/toggle-group\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Toggle, toggleVariants, type ToggleProps, type ToggleSize, type ToggleVariant} from \"./toggle\";\r\nimport styles from \"./toggle-group.module.css\";\r\n\r\ninterface ToggleGroupContextValue {\r\n  size?: ToggleSize;\r\n  variant?: ToggleVariant;\r\n}\r\n\r\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({});\r\n\r\nexport interface ToggleGroupProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggleGroup>, \"className\"> {\r\n  /**\r\n   * Additional CSS classes merged with the toggle-group root styles.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Shared visual variant inherited by descendant toggle items when not explicitly overridden.\r\n   * @default undefined\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Shared size inherited by descendant toggle items when not explicitly overridden.\r\n   * @default undefined\r\n   */\r\n  size?: ToggleSize;\r\n}\r\n\r\n/**\r\n * Props for an individual toggle-group item.\r\n *\r\n * @remarks\r\n * Inherits the shared toggle API except for pressed-state props, which are controlled\r\n * by the surrounding {@link ToggleGroup}.\r\n */\r\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, \"pressed\" | \"defaultPressed\" | \"onPressedChange\"> {}\r\n\r\n/**\r\n * Groups related toggles into a single multi-select or single-select control.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toggle Group primitives\r\n * - Provides shared `size` and `variant` values to descendant items\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleGroup\r\n *   defaultValue={[\"bold\"]}\r\n *   toggleMultiple>\r\n *   <ToggleGroupItem value='bold'>Bold</ToggleGroupItem>\r\n *   <ToggleGroupItem value='italic'>Italic</ToggleGroupItem>\r\n * </ToggleGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}\r\n */\r\nconst ToggleGroup = React.forwardRef<HTMLDivElement, ToggleGroup.Props>(function ToggleGroup(props, forwardedRef) {\r\n  const {className, children, render, size, variant, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToggleGroup\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n    </BaseToggleGroup>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders an individual toggle item within a toggle group.\r\n *\r\n * @remarks\r\n * - Renders a styled toggle button\r\n * - Built on the shared `Toggle` component and Base UI Toggle Group state\r\n * - Inherits `size` and `variant` from the nearest {@link ToggleGroup} when omitted\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleGroup defaultValue={[\"left\"]}>\r\n *   <ToggleGroupItem value='left'>Left</ToggleGroupItem>\r\n * </ToggleGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}\r\n */\r\nconst ToggleGroupItem = React.forwardRef<HTMLButtonElement, ToggleGroupItem.Props>(function ToggleGroupItem(props, forwardedRef) {\r\n  const {className, size, variant, ...otherProps} = props;\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <Toggle\r\n      ref={forwardedRef}\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: variant ?? context.variant,\r\n          size: size ?? context.size,\r\n        }),\r\n        className,\r\n      )}\r\n      size={size ?? context.size}\r\n      variant={variant ?? context.variant}\r\n      {...otherProps}\r\n    />\r\n  );\r\n});\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToggleGroup {\r\n  export type Props = ToggleGroupProps;\r\n  export type State = BaseToggleGroup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToggleGroupItem {\r\n  export type Props = ToggleGroupItemProps;\r\n  export type State = Toggle.State;\r\n}\r\n\r\nToggleGroup.displayName = \"ToggleGroup\";\r\nToggleGroupItem.displayName = \"ToggleGroupItem\";\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","props","forwardedRef","className","children","render","size","variant","otherProps","BaseToggleGroup","useRender","mergeProps","cn","styles","ToggleGroupItem","context","Toggle","toggleVariants"],"mappings":";;;;;;;;;AAgBA,MAAMA,qBAAqB,WAAHA,GAAGC,cAA6C,CAAC;AAiDzE,MAAMC,8BAAc,WAAHA,GAAGD,WAAoD,SAAqBE,KAAK,EAAEC,YAAY;IAC9G,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGP;IAEpE,OAAO,WAAP,GACE,IAACQ,0BAAeA;QACb,GAAGD,UAAU;QACd,KAAKN;QACL,QAAQQ,UAAU;YAChB,gBAAgB;YAChB,QAAQL;YACR,OAAOM,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,IAAW,EAAEV;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACL,mBAAmB,QAAQ;YAAC,OAAO;gBAACS;gBAASD;YAAI;sBAAIF;;;AAG5D;AAmBA,MAAMU,+BAAkB,WAAHA,GAAGf,WAA2D,SAAyBE,KAAK,EAAEC,YAAY;IAC7H,MAAM,EAACC,SAAS,EAAEG,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGP;IAClD,MAAMc,UAAUhB,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACkB,QAAMA;QACL,KAAKd;QACL,WAAWU,GACTK,eAAe;YACb,SAASV,WAAWQ,QAAQ,OAAO;YACnC,MAAMT,QAAQS,QAAQ,IAAI;QAC5B,IACAZ;QAEF,MAAMG,QAAQS,QAAQ,IAAI;QAC1B,SAASR,WAAWQ,QAAQ,OAAO;QAClC,GAAGP,UAAU;;AAGpB;AAcAR,4BAAY,WAAW,GAAG;AAC1Bc,6BAAgB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/toggle-group.js","sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {ToggleGroup as BaseToggleGroup} from \"@base-ui/react/toggle-group\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Toggle, toggleVariants, type ToggleProps, type ToggleSize, type ToggleVariant} from \"./toggle\";\r\nimport styles from \"./toggle-group.module.css\";\r\n\r\ninterface ToggleGroupContextValue {\r\n  size?: ToggleSize;\r\n  variant?: ToggleVariant;\r\n}\r\n\r\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({});\r\n\r\nexport interface ToggleGroupProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggleGroup>, \"className\"> {\r\n  /**\r\n   * Additional CSS classes merged with the toggle-group root styles.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Shared visual variant inherited by descendant toggle items when not explicitly overridden.\r\n   * @default undefined\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Shared size inherited by descendant toggle items when not explicitly overridden.\r\n   * @default undefined\r\n   */\r\n  size?: ToggleSize;\r\n}\r\n\r\n/**\r\n * Props for an individual toggle-group item.\r\n *\r\n * @remarks\r\n * Inherits the shared toggle API except for pressed-state props, which are controlled\r\n * by the surrounding {@link ToggleGroup}.\r\n */\r\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, \"pressed\" | \"defaultPressed\" | \"onPressedChange\"> {}\r\n\r\n/**\r\n * Groups related toggles into a single multi-select or single-select control.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toggle Group primitives\r\n * - Provides shared `size` and `variant` values to descendant items\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleGroup\r\n *   defaultValue={[\"bold\"]}\r\n *   toggleMultiple>\r\n *   <ToggleGroupItem value='bold'>Bold</ToggleGroupItem>\r\n *   <ToggleGroupItem value='italic'>Italic</ToggleGroupItem>\r\n * </ToggleGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}\r\n */\r\nconst ToggleGroup = React.forwardRef<HTMLDivElement, ToggleGroup.Props>(function ToggleGroup(props, forwardedRef) {\r\n  const {className, children, render, size, variant, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToggleGroup\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n    </BaseToggleGroup>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders an individual toggle item within a toggle group.\r\n *\r\n * @remarks\r\n * - Renders a styled toggle button\r\n * - Built on the shared `Toggle` component and Base UI Toggle Group state\r\n * - Inherits `size` and `variant` from the nearest {@link ToggleGroup} when omitted\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleGroup defaultValue={[\"left\"]}>\r\n *   <ToggleGroupItem value='left'>Left</ToggleGroupItem>\r\n * </ToggleGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}\r\n */\r\nconst ToggleGroupItem = React.forwardRef<HTMLButtonElement, ToggleGroupItem.Props>(function ToggleGroupItem(props, forwardedRef) {\r\n  const {className, size, variant, ...otherProps} = props;\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <Toggle\r\n      ref={forwardedRef}\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: variant ?? context.variant,\r\n          size: size ?? context.size,\r\n        }),\r\n        className,\r\n      )}\r\n      size={size ?? context.size}\r\n      variant={variant ?? context.variant}\r\n      {...otherProps}\r\n    />\r\n  );\r\n});\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToggleGroup {\r\n  export type Props = ToggleGroupProps;\r\n  export type State = BaseToggleGroup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToggleGroupItem {\r\n  export type Props = ToggleGroupItemProps;\r\n  export type State = Toggle.State;\r\n}\r\n\r\nToggleGroup.displayName = \"ToggleGroup\";\r\nToggleGroupItem.displayName = \"ToggleGroupItem\";\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","props","forwardedRef","className","children","render","size","variant","otherProps","BaseToggleGroup","useRender","mergeProps","cn","styles","ToggleGroupItem","context","Toggle","toggleVariants"],"mappings":";;;;;;;;;AAgBA,MAAMA,qBAAqB,WAAHA,GAAGC,wBAAAA,aAAmB,CAA0B,CAAC;AAiDzE,MAAMC,8BAAc,WAAHA,GAAGD,wBAAAA,UAAgB,CAAoC,SAAqBE,KAAK,EAAEC,YAAY;IAC9G,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGP;IAEpE,OAAO,WAAP,GACE,IAACQ,0BAAeA;QACb,GAAGD,UAAU;QACd,KAAKN;QACL,QAAQQ,UAAU;YAChB,gBAAgB;YAChB,QAAQL;YACR,OAAOM,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,IAAW,EAAEV;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACL,mBAAmB,QAAQ;YAAC,OAAO;gBAACS;gBAASD;YAAI;sBAAIF;;;AAG5D;AAmBA,MAAMU,+BAAkB,WAAHA,GAAGf,wBAAAA,UAAgB,CAA2C,SAAyBE,KAAK,EAAEC,YAAY;IAC7H,MAAM,EAACC,SAAS,EAAEG,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGP;IAClD,MAAMc,UAAUhB,wBAAAA,UAAgB,CAACD;IAEjC,OAAO,WAAP,GACE,IAACkB,QAAMA;QACL,KAAKd;QACL,WAAWU,GACTK,eAAe;YACb,SAASV,WAAWQ,QAAQ,OAAO;YACnC,MAAMT,QAAQS,QAAQ,IAAI;QAC5B,IACAZ;QAEF,MAAMG,QAAQS,QAAQ,IAAI;QAC1B,SAASR,WAAWQ,QAAQ,OAAO;QAClC,GAAGP,UAAU;;AAGpB;AAcAR,4BAAY,WAAW,GAAG;AAC1Bc,6BAAgB,WAAW,GAAG"}

package/dist/components/ui/toggle-group_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toggle-group.module.css","webpack://./src/components/ui/toggle-group.module.css"],"names":[],"mappings":"AADA;ECEE,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;AACtB","sourcesContent":[".root{align-items:center;display:inline-flex;gap:var(--ac-space-1)}",".root {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-flex;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toggle-group.module.css","webpack://./src/components/ui/toggle-group.module.css"],"names":[],"mappings":"AAAA;ECCE,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;AACtB","sourcesContent":[".root{align-items:center;display:inline-flex;gap:var(--ac-space-1)}",".root {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-flex;\n}\n"],"sourceRoot":""}

package/dist/components/ui/toggle.js

@@ -3,15 +3,15 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Toggle } from "@base-ui/react/toggle";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import toggle_module from "./toggle.module.js";
+import * as __rspack_external_react from "react";
 function toggleVariants({ variant = "default", size = "default", className } = {}) {
     const variantClass = "outline" === variant ? toggle_module.outline : toggle_module["default"];
     const sizeClass = "sm" === size ? toggle_module.sizeSm : "lg" === size ? toggle_module.sizeLg : toggle_module.sizeDefault;
     return cn(toggle_module.root, variantClass, sizeClass, className);
 }
-const toggle_Toggle = /*#__PURE__*/ forwardRef((props, ref)=>{
+const toggle_Toggle = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, size, variant, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Toggle, {
         ref: ref,

package/dist/components/ui/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Toggle as BaseToggle} from \"@base-ui/react/toggle\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./toggle.module.css\";\r\n\r\nexport type ToggleVariant = \"default\" | \"outline\";\r\nexport type ToggleSize = \"default\" | \"sm\" | \"lg\";\r\n\r\nexport interface ToggleVariantOptions {\r\n  /**\r\n   * Controls the rendered visual variant.\r\n   * @default \"default\"\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Controls the rendered size variant.\r\n   * @default \"default\"\r\n   */\r\n  size?: ToggleSize;\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/** Returns the CSS module classes used by the toggle wrapper. */\r\nexport function toggleVariants({variant = \"default\", size = \"default\", className}: Readonly<ToggleVariantOptions> = {}): string {\r\n  const variantClass = variant === \"outline\" ? styles.outline : styles.default;\r\n  const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeDefault;\r\n\r\n  return cn(styles.root, variantClass, sizeClass, className);\r\n}\r\n\r\nexport interface ToggleProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggle>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Controls the rendered visual variant.\r\n   * @default \"default\"\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Controls the rendered size variant.\r\n   * @default \"default\"\r\n   */\r\n  size?: ToggleSize;\r\n}\r\n\r\n/**\r\n * Renders the toggle control.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/toggle | Base UI Toggle}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Toggle>Content</Toggle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle | Base UI Documentation}\r\n */\r\nconst Toggle = React.forwardRef<React.ComponentRef<typeof BaseToggle>, Toggle.Props>(\r\n  (props: Readonly<Toggle.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, size, variant, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseToggle\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: toggleVariants({variant, size, className})}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseToggle>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Toggle {\r\n  export type Props = ToggleProps;\r\n  export type State = BaseToggle.State;\r\n}\r\n\r\nToggle.displayName = \"Toggle\";\r\n\r\nexport {Toggle};\r\n"],"names":["toggleVariants","variant","size","className","variantClass","styles","sizeClass","cn","Toggle","React","props","ref","children","render","otherProps","BaseToggle","useRender","mergeProps"],"mappings":";;;;;;;;AAgCO,SAASA,eAAe,EAACC,UAAU,SAAS,EAAEC,OAAO,SAAS,EAAEC,SAAS,EAAiC,GAAG,CAAC,CAAC;IACpH,MAAMC,eAAeH,AAAY,cAAZA,UAAwBI,cAAAA,OAAc,GAAGA,aAAAA,CAAAA,UAAc;IAC5E,MAAMC,YAAYJ,AAAS,SAATA,OAAgBG,cAAAA,MAAa,GAAGH,AAAS,SAATA,OAAgBG,cAAAA,MAAa,GAAGA,cAAAA,WAAkB;IAEpG,OAAOE,GAAGF,cAAAA,IAAW,EAAED,cAAcE,WAAWH;AAClD;AAmCA,MAAMK,gBAAS,WAAHA,GAAGC,WACb,CAACC,OAA+BC;IAC9B,MAAM,EAACR,SAAS,EAAES,QAAQ,EAAEC,MAAM,EAAEX,IAAI,EAAED,OAAO,EAAE,GAAGa,YAAW,GAAGJ;IAEpE,OAAO,WAAP,GACE,IAACK,QAAUA;QACT,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWjB,eAAe;oBAACC;oBAASC;oBAAMC;gBAAS;YAAE,GAAG,CAAC;QAC9E;kBACCS;;AAGP;AASFJ,cAAO,WAAW,GAAG"}
+{"version":3,"file":"components/ui/toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Toggle as BaseToggle} from \"@base-ui/react/toggle\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./toggle.module.css\";\r\n\r\nexport type ToggleVariant = \"default\" | \"outline\";\r\nexport type ToggleSize = \"default\" | \"sm\" | \"lg\";\r\n\r\nexport interface ToggleVariantOptions {\r\n  /**\r\n   * Controls the rendered visual variant.\r\n   * @default \"default\"\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Controls the rendered size variant.\r\n   * @default \"default\"\r\n   */\r\n  size?: ToggleSize;\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/** Returns the CSS module classes used by the toggle wrapper. */\r\nexport function toggleVariants({variant = \"default\", size = \"default\", className}: Readonly<ToggleVariantOptions> = {}): string {\r\n  const variantClass = variant === \"outline\" ? styles.outline : styles.default;\r\n  const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeDefault;\r\n\r\n  return cn(styles.root, variantClass, sizeClass, className);\r\n}\r\n\r\nexport interface ToggleProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggle>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Controls the rendered visual variant.\r\n   * @default \"default\"\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Controls the rendered size variant.\r\n   * @default \"default\"\r\n   */\r\n  size?: ToggleSize;\r\n}\r\n\r\n/**\r\n * Renders the toggle control.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/toggle | Base UI Toggle}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Toggle>Content</Toggle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle | Base UI Documentation}\r\n */\r\nconst Toggle = React.forwardRef<React.ComponentRef<typeof BaseToggle>, Toggle.Props>(\r\n  (props: Readonly<Toggle.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, size, variant, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseToggle\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: toggleVariants({variant, size, className})}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseToggle>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Toggle {\r\n  export type Props = ToggleProps;\r\n  export type State = BaseToggle.State;\r\n}\r\n\r\nToggle.displayName = \"Toggle\";\r\n\r\nexport {Toggle};\r\n"],"names":["toggleVariants","variant","size","className","variantClass","styles","sizeClass","cn","Toggle","React","props","ref","children","render","otherProps","BaseToggle","useRender","mergeProps"],"mappings":";;;;;;;;AAgCO,SAASA,eAAe,EAACC,UAAU,SAAS,EAAEC,OAAO,SAAS,EAAEC,SAAS,EAAiC,GAAG,CAAC,CAAC;IACpH,MAAMC,eAAeH,AAAY,cAAZA,UAAwBI,cAAAA,OAAc,GAAGA,aAAAA,CAAAA,UAAc;IAC5E,MAAMC,YAAYJ,AAAS,SAATA,OAAgBG,cAAAA,MAAa,GAAGH,AAAS,SAATA,OAAgBG,cAAAA,MAAa,GAAGA,cAAAA,WAAkB;IAEpG,OAAOE,GAAGF,cAAAA,IAAW,EAAED,cAAcE,WAAWH;AAClD;AAmCA,MAAMK,gBAAS,WAAHA,GAAGC,wBAAAA,UAAgB,CAC7B,CAACC,OAA+BC;IAC9B,MAAM,EAACR,SAAS,EAAES,QAAQ,EAAEC,MAAM,EAAEX,IAAI,EAAED,OAAO,EAAE,GAAGa,YAAW,GAAGJ;IAEpE,OAAO,WAAP,GACE,IAACK,QAAUA;QACT,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWjB,eAAe;oBAACC;oBAASC;oBAAMC;gBAAS;YAAE,GAAG,CAAC;QAC9E;kBACCS;;AAGP;AASFJ,cAAO,WAAW,GAAG"}

package/dist/components/ui/toggle_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toggle.module.css","webpack://./src/components/ui/toggle.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,6HAA6H;EAC7H,uBAAuB;EACvB,uBAAuB;EACvB,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,8BAA8B;EAC9B,+BAA+B;AACjC;;AAEA;EACE,8BAA8B;EAC9B,iCAAiC;AACnC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,yBAAyB;EACzB,4BAA4B;AAC9B;;AAEA;EACE,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;AAC9B","sourcesContent":[".root{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--ac-radius-md);color:var(--ac-foreground);cursor:pointer;display:inline-flex;font-size:var(--ac-text-sm);font-weight:500;gap:var(--ac-space-2);justify-content:center;outline:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast)}.root:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.root[data-disabled]{opacity:.5;pointer-events:none}.root[data-pressed]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.default{background-color:transparent}.outline{border-color:var(--ac-border);box-shadow:0 1px 2px rgba(0,0,0,.04)}.sizeDefault{height:var(--ac-size-default);min-width:var(--ac-size-default)}.sizeDefault,.sizeSm{padding:0 var(--ac-space-2)}.sizeSm{height:var(--ac-size-md);min-width:var(--ac-size-md)}.sizeLg{height:var(--ac-size-lg);min-width:var(--ac-size-lg);padding:0 var(--ac-space-3)}",".root {\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast);\n  background-color: #0000;\n  border: 1px solid #0000;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  display: inline-flex;\n}\n\n.root:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.root[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.root[data-pressed] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.default {\n  background-color: #0000;\n}\n\n.outline {\n  border-color: var(--ac-border);\n  box-shadow: 0 1px 2px #0000000a;\n}\n\n.sizeDefault {\n  height: var(--ac-size-default);\n  min-width: var(--ac-size-default);\n}\n\n.sizeDefault, .sizeSm {\n  padding: 0 var(--ac-space-2);\n}\n\n.sizeSm {\n  height: var(--ac-size-md);\n  min-width: var(--ac-size-md);\n}\n\n.sizeLg {\n  height: var(--ac-size-lg);\n  min-width: var(--ac-size-lg);\n  padding: 0 var(--ac-space-3);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toggle.module.css","webpack://./src/components/ui/toggle.module.css"],"names":[],"mappings":"AAAA;ECCE,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,6HAA6H;EAC7H,uBAAuB;EACvB,uBAAuB;EACvB,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,oBAAoB;AACtB;;ADdsZ;ECiBpZ,iCAAiC;EACjC,mBAAmB;AACrB;;ADnB8d;ECsB5d,WAAW;EACX,oBAAoB;AACtB;;ADxBkhB;EC2BhhB,kCAAkC;EAClC,kCAAkC;AACpC;;AD7B0mB;ECgCxmB,uBAAuB;AACzB;;ADjCgpB;ECoC9oB,8BAA8B;EAC9B,+BAA+B;AACjC;;ADtC4tB;ECyC1tB,8BAA8B;EAC9B,iCAAiC;AACnC;;AD3CwyB;EC8CtyB,4BAA4B;AAC9B;;AD/Cy1B;ECkDv1B,yBAAyB;EACzB,4BAA4B;AAC9B;;ADpDs5B;ECuDp5B,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;AAC9B","sourcesContent":[".root{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--ac-radius-md);color:var(--ac-foreground);cursor:pointer;display:inline-flex;font-size:var(--ac-text-sm);font-weight:500;gap:var(--ac-space-2);justify-content:center;outline:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast)}.root:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.root[data-disabled]{opacity:.5;pointer-events:none}.root[data-pressed]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.default{background-color:transparent}.outline{border-color:var(--ac-border);box-shadow:0 1px 2px rgba(0,0,0,.04)}.sizeDefault{height:var(--ac-size-default);min-width:var(--ac-size-default)}.sizeDefault,.sizeSm{padding:0 var(--ac-space-2)}.sizeSm{height:var(--ac-size-md);min-width:var(--ac-size-md)}.sizeLg{height:var(--ac-size-lg);min-width:var(--ac-size-lg);padding:0 var(--ac-space-3)}",".root {\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast);\n  background-color: #0000;\n  border: 1px solid #0000;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  display: inline-flex;\n}\n\n.root:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.root[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.root[data-pressed] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.default {\n  background-color: #0000;\n}\n\n.outline {\n  border-color: var(--ac-border);\n  box-shadow: 0 1px 2px #0000000a;\n}\n\n.sizeDefault {\n  height: var(--ac-size-default);\n  min-width: var(--ac-size-default);\n}\n\n.sizeDefault, .sizeSm {\n  padding: 0 var(--ac-space-2);\n}\n\n.sizeSm {\n  height: var(--ac-size-md);\n  min-width: var(--ac-size-md);\n}\n\n.sizeLg {\n  height: var(--ac-size-lg);\n  min-width: var(--ac-size-lg);\n  padding: 0 var(--ac-space-3);\n}\n"],"sourceRoot":""}

package/dist/components/ui/toolbar.js

@@ -3,10 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Toolbar as toolbar_Toolbar } from "@base-ui/react/toolbar";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import toolbar_module from "./toolbar.module.js";
-const ui_toolbar_Toolbar = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+import * as __rspack_external_react from "react";
+const ui_toolbar_Toolbar = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(toolbar_Toolbar.Root, {
         ...otherProps,
@@ -21,7 +21,7 @@ const ui_toolbar_Toolbar = /*#__PURE__*/ forwardRef(function(props, forwardedRef
         children: children
     });
 });
-const toolbar_ToolbarButton = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+const toolbar_ToolbarButton = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(toolbar_Toolbar.Button, {
         ...otherProps,
@@ -36,7 +36,7 @@ const toolbar_ToolbarButton = /*#__PURE__*/ forwardRef(function(props, forwarded
         children: children
     });
 });
-const toolbar_ToolbarGroup = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+const toolbar_ToolbarGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(toolbar_Toolbar.Group, {
         ...otherProps,
@@ -51,7 +51,7 @@ const toolbar_ToolbarGroup = /*#__PURE__*/ forwardRef(function(props, forwardedR
         children: children
     });
 });
-const toolbar_ToolbarSeparator = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+const toolbar_ToolbarSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(toolbar_Toolbar.Separator, {
         ...otherProps,
@@ -65,7 +65,7 @@ const toolbar_ToolbarSeparator = /*#__PURE__*/ forwardRef(function(props, forwar
         })
     });
 });
-const toolbar_ToolbarLink = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+const toolbar_ToolbarLink = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(toolbar_Toolbar.Link, {
         ...otherProps,

package/dist/components/ui/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/toolbar.js","sources":["../../../src/components/ui/toolbar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Toolbar as BaseToolbar} from \"@base-ui/react/toolbar\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./toolbar.module.css\";\r\n\r\n/**\r\n * Arranges related actions into a keyboard-accessible toolbar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar primitives\r\n * - Supports roving focus and compound toolbar item composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Toolbar aria-label='Text formatting'>\r\n *   <ToolbarButton>Bold</ToolbarButton>\r\n *   <ToolbarButton>Italic</ToolbarButton>\r\n * </Toolbar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst Toolbar = React.forwardRef<HTMLDivElement, Toolbar.Props>(function Toolbar(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Root\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Root>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders an interactive button within a toolbar.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Toolbar button behavior\r\n * - Applies shared toolbar item spacing and focus styling\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarButton aria-label='Bold'>B</ToolbarButton>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButton.Props>(function ToolbarButton(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Button\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.button, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Button>\r\n  );\r\n});\r\n\r\n/**\r\n * Groups related toolbar controls into a single visual cluster.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar grouping primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarGroup>\r\n *   <ToolbarButton>Left</ToolbarButton>\r\n *   <ToolbarButton>Center</ToolbarButton>\r\n * </ToolbarGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarGroup = React.forwardRef<HTMLDivElement, ToolbarGroup.Props>(function ToolbarGroup(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Group\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.group, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Group>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders a visual separator between toolbar items or groups.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar separator primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarSeparator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarSeparator = React.forwardRef<HTMLDivElement, ToolbarSeparator.Props>(function ToolbarSeparator(props, forwardedRef) {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Separator\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n});\r\n\r\n/**\r\n * Renders a link that visually matches toolbar buttons.\r\n *\r\n * @remarks\r\n * - Renders an `<a>` element by default\r\n * - Built on Base UI Toolbar link primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarLink href='/docs'>Docs</ToolbarLink>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarLink = React.forwardRef<HTMLAnchorElement, ToolbarLink.Props>(function ToolbarLink(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Link\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"a\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.link, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Link>\r\n  );\r\n});\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Toolbar {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Root>;\r\n  export type State = BaseToolbar.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarButton {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Button>;\r\n  export type State = BaseToolbar.Button.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarGroup {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Group>;\r\n  export type State = BaseToolbar.Group.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarSeparator {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Separator>;\r\n  export type State = BaseToolbar.Separator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarLink {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;\r\n  export type State = BaseToolbar.Link.State;\r\n}\r\n\r\nToolbar.displayName = \"Toolbar\";\r\nToolbarButton.displayName = \"ToolbarButton\";\r\nToolbarGroup.displayName = \"ToolbarGroup\";\r\nToolbarSeparator.displayName = \"ToolbarSeparator\";\r\nToolbarLink.displayName = \"ToolbarLink\";\r\n\r\nexport {Toolbar, ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator};\r\n"],"names":["Toolbar","React","props","forwardedRef","className","children","render","otherProps","BaseToolbar","useRender","mergeProps","cn","styles","ToolbarButton","ToolbarGroup","ToolbarSeparator","ToolbarLink"],"mappings":";;;;;;;;AA4BA,MAAMA,qBAAU,WAAHA,GAAGC,WAAgD,SAAiBC,KAAK,EAAEC,YAAY;IAClG,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AAiBA,MAAMQ,wBAAgB,WAAHA,GAAGZ,WAAyD,SAAuBC,KAAK,EAAEC,YAAY;IACvH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,MAAkB;QAChB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,MAAa,EAAER;YAAU,GAAG,CAAC;QAC7E;kBACCC;;AAGP;AAmBA,MAAMS,uBAAe,WAAHA,GAAGb,WAAqD,SAAsBC,KAAK,EAAEC,YAAY;IACjH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,KAAiB;QACf,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAgBA,MAAMU,2BAAmB,WAAHA,GAAGd,WAAyD,SAA0BC,KAAK,EAAEC,YAAY;IAC7H,MAAM,EAACC,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAE3C,OAAO,WAAP,GACE,IAACM,gBAAAA,SAAqB;QACnB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnE;;AAGN;AAgBA,MAAMY,sBAAc,WAAHA,GAAGf,WAAuD,SAAqBC,KAAK,EAAEC,YAAY;IACjH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC3E;kBACCC;;AAGP;AAgCAL,mBAAQ,WAAW,GAAG;AACtBa,sBAAc,WAAW,GAAG;AAC5BC,qBAAa,WAAW,GAAG;AAC3BC,yBAAiB,WAAW,GAAG;AAC/BC,oBAAY,WAAW,GAAG"}
+{"version":3,"file":"components/ui/toolbar.js","sources":["../../../src/components/ui/toolbar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Toolbar as BaseToolbar} from \"@base-ui/react/toolbar\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./toolbar.module.css\";\r\n\r\n/**\r\n * Arranges related actions into a keyboard-accessible toolbar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar primitives\r\n * - Supports roving focus and compound toolbar item composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Toolbar aria-label='Text formatting'>\r\n *   <ToolbarButton>Bold</ToolbarButton>\r\n *   <ToolbarButton>Italic</ToolbarButton>\r\n * </Toolbar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst Toolbar = React.forwardRef<HTMLDivElement, Toolbar.Props>(function Toolbar(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Root\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Root>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders an interactive button within a toolbar.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Toolbar button behavior\r\n * - Applies shared toolbar item spacing and focus styling\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarButton aria-label='Bold'>B</ToolbarButton>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButton.Props>(function ToolbarButton(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Button\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.button, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Button>\r\n  );\r\n});\r\n\r\n/**\r\n * Groups related toolbar controls into a single visual cluster.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar grouping primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarGroup>\r\n *   <ToolbarButton>Left</ToolbarButton>\r\n *   <ToolbarButton>Center</ToolbarButton>\r\n * </ToolbarGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarGroup = React.forwardRef<HTMLDivElement, ToolbarGroup.Props>(function ToolbarGroup(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Group\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.group, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Group>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders a visual separator between toolbar items or groups.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar separator primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarSeparator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarSeparator = React.forwardRef<HTMLDivElement, ToolbarSeparator.Props>(function ToolbarSeparator(props, forwardedRef) {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Separator\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n});\r\n\r\n/**\r\n * Renders a link that visually matches toolbar buttons.\r\n *\r\n * @remarks\r\n * - Renders an `<a>` element by default\r\n * - Built on Base UI Toolbar link primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarLink href='/docs'>Docs</ToolbarLink>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nconst ToolbarLink = React.forwardRef<HTMLAnchorElement, ToolbarLink.Props>(function ToolbarLink(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Link\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"a\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.link, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Link>\r\n  );\r\n});\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Toolbar {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Root>;\r\n  export type State = BaseToolbar.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarButton {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Button>;\r\n  export type State = BaseToolbar.Button.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarGroup {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Group>;\r\n  export type State = BaseToolbar.Group.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarSeparator {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Separator>;\r\n  export type State = BaseToolbar.Separator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarLink {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;\r\n  export type State = BaseToolbar.Link.State;\r\n}\r\n\r\nToolbar.displayName = \"Toolbar\";\r\nToolbarButton.displayName = \"ToolbarButton\";\r\nToolbarGroup.displayName = \"ToolbarGroup\";\r\nToolbarSeparator.displayName = \"ToolbarSeparator\";\r\nToolbarLink.displayName = \"ToolbarLink\";\r\n\r\nexport {Toolbar, ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator};\r\n"],"names":["Toolbar","React","props","forwardedRef","className","children","render","otherProps","BaseToolbar","useRender","mergeProps","cn","styles","ToolbarButton","ToolbarGroup","ToolbarSeparator","ToolbarLink"],"mappings":";;;;;;;;AA4BA,MAAMA,qBAAU,WAAHA,GAAGC,wBAAAA,UAAgB,CAAgC,SAAiBC,KAAK,EAAEC,YAAY;IAClG,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AAiBA,MAAMQ,wBAAgB,WAAHA,GAAGZ,wBAAAA,UAAgB,CAAyC,SAAuBC,KAAK,EAAEC,YAAY;IACvH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,MAAkB;QAChB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,MAAa,EAAER;YAAU,GAAG,CAAC;QAC7E;kBACCC;;AAGP;AAmBA,MAAMS,uBAAe,WAAHA,GAAGb,wBAAAA,UAAgB,CAAqC,SAAsBC,KAAK,EAAEC,YAAY;IACjH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,KAAiB;QACf,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAgBA,MAAMU,2BAAmB,WAAHA,GAAGd,wBAAAA,UAAgB,CAAyC,SAA0BC,KAAK,EAAEC,YAAY;IAC7H,MAAM,EAACC,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAE3C,OAAO,WAAP,GACE,IAACM,gBAAAA,SAAqB;QACnB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnE;;AAGN;AAgBA,MAAMY,sBAAc,WAAHA,GAAGf,wBAAAA,UAAgB,CAAuC,SAAqBC,KAAK,EAAEC,YAAY;IACjH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC3E;kBACCC;;AAGP;AAgCAL,mBAAQ,WAAW,GAAG;AACtBa,sBAAc,WAAW,GAAG;AAC5BC,qBAAa,WAAW,GAAG;AAC3BC,yBAAiB,WAAW,GAAG;AAC/BC,oBAAY,WAAW,GAAG"}

package/dist/components/ui/toolbar_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toolbar.module.css","webpack://./src/components/ui/toolbar.module.css"],"names":[],"mappings":"AADA;ECEE,gCAAgC;EAChC,kCAAkC;EAClC,8CAA8C;EAC9C,gCAAgC;EAChC,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;EACpB,+BAA+B;;EAE/B;IACE,sBAAsB;IACtB,oBAAoB;EACtB;;EAEA;IACE,WAAW;EACb;AACF;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;;EAEpB;IACE,sBAAsB;IACtB,oBAAoB;EACtB;;EAEA;IACE,WAAW;EACb;AACF;;AAEA;EACE,kCAAkC;EAClC,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,6BAA6B;EAC7B,4BAA4B;EAC5B,2HAA2H;EAC3H,mBAAmB;EACnB,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,cAAc;EACd,qBAAqB;EACrB,oBAAoB;;EAEpB;IACE,kCAAkC;IAClC,0CAA0C;IAC1C,kCAAkC;EACpC;;EAEA;IACE,WAAW;IACX,oBAAoB;EACtB;;EAEA;IACE,cAAc;IACd,cAAc;IACd,eAAe;EACjB;AACF;;AAEA;EACE,eAAe;EACf,uBAAuB;EACvB,SAAS;;EAET;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,mBAAmB;;EAEnB;IACE,WAAW;IACX,WAAW;IACX,eAAe;EACjB;;EAEA;IACE,UAAU;IACV,cAAc;IACd,YAAY;IACZ,kBAAkB;EACpB;AACF","sourcesContent":[".root{align-items:center;background-color:var(--ac-card);border:1px solid var(--ac-border);border-radius:calc(var(--ac-radius-md) + 1px);box-shadow:0 1px 2px 0 rgba(0,0,0,.04);color:var(--ac-card-foreground);display:inline-flex;gap:var(--ac-space-1);padding:var(--ac-space-1);&[data-orientation=vertical]{align-items:stretch;flex-direction:column}&[data-disabled]{opacity:.7}}.group{align-items:center;display:inline-flex;gap:var(--ac-space-1);&[data-orientation=vertical]{align-items:stretch;flex-direction:column}&[data-disabled]{opacity:.7}}.item{align-items:center;border-radius:var(--ac-radius-sm);box-sizing:border-box;color:var(--ac-foreground);display:inline-flex;font-size:var(--ac-text-xs);font-weight:500;gap:var(--ac-space-2);justify-content:center;line-height:1;min-height:var(--ac-size-md);outline:none;padding:0 var(--ac-space-2);text-decoration:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);white-space:nowrap;&:focus-visible{background-color:var(--ac-accent);box-shadow:inset 0 0 0 1px var(--ac-ring);color:var(--ac-accent-foreground)}&[data-disabled]{opacity:.5;pointer-events:none}& svg{flex-shrink:0;height:.875rem;width:.875rem}}.button{background-color:transparent;border:0;cursor:pointer;@media (hover:hover){&:hover:not([data-disabled]){background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.link{@media (hover:hover){&:hover{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.separator{align-self:stretch;background-color:var(--ac-border);flex-shrink:0;&[data-orientation=horizontal]{height:1px;min-height:1px;width:100%}&[data-orientation=vertical]{height:1rem;margin-block:auto;min-width:1px;width:1px}}",".root {\n  background-color: var(--ac-card);\n  border: 1px solid var(--ac-border);\n  border-radius: calc(var(--ac-radius-md) + 1px);\n  color: var(--ac-card-foreground);\n  align-items: center;\n  gap: var(--ac-space-1);\n  padding: var(--ac-space-1);\n  display: inline-flex;\n  box-shadow: 0 1px 2px #0000000a;\n\n  &[data-orientation=\"vertical\"] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  &[data-disabled] {\n    opacity: .7;\n  }\n}\n\n.group {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-flex;\n\n  &[data-orientation=\"vertical\"] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  &[data-disabled] {\n    opacity: .7;\n  }\n}\n\n.item {\n  border-radius: var(--ac-radius-sm);\n  box-sizing: border-box;\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-xs);\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-height: var(--ac-size-md);\n  padding: 0 var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  white-space: nowrap;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  display: inline-flex;\n\n  &:focus-visible {\n    background-color: var(--ac-accent);\n    box-shadow: inset 0 0 0 1px var(--ac-ring);\n    color: var(--ac-accent-foreground);\n  }\n\n  &[data-disabled] {\n    opacity: .5;\n    pointer-events: none;\n  }\n\n  & svg {\n    flex-shrink: 0;\n    width: .875rem;\n    height: .875rem;\n  }\n}\n\n.button {\n  cursor: pointer;\n  background-color: #0000;\n  border: 0;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.link {\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.separator {\n  background-color: var(--ac-border);\n  flex-shrink: 0;\n  align-self: stretch;\n\n  &[data-orientation=\"horizontal\"] {\n    width: 100%;\n    height: 1px;\n    min-height: 1px;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    width: 1px;\n    min-width: 1px;\n    height: 1rem;\n    margin-block: auto;\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toolbar.module.css","webpack://./src/components/ui/toolbar.module.css"],"names":[],"mappings":"AAAA;ECCE,gCAAgC;EAChC,kCAAkC;EAClC,8CAA8C;EAC9C,gCAAgC;EAChC,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;EACpB,+BAA+B;;EDTmP;ICYhR,sBAAsB;IACtB,oBAAoB;EACtB;;EDdyV;ICiBvV,WAAW;EACb;AACF;;ADnBwX;ECsBtX,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;;EDxBsa;IC2Bxb,sBAAsB;IACtB,oBAAoB;EACtB;;ED7BigB;ICgC/f,WAAW;EACb;AACF;;ADlCgiB;ECqC9hB,kCAAkC;EAClC,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,6BAA6B;EAC7B,4BAA4B;EAC5B,2HAA2H;EAC3H,mBAAmB;EACnB,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,cAAc;EACd,qBAAqB;EACrB,oBAAoB;;EDpD09B;ICuD5+B,kCAAkC;IAClC,0CAA0C;IAC1C,kCAAkC;EACpC;;ED1D4mC;IC6D1mC,WAAW;IACX,oBAAoB;EACtB;;ED/D4pC;ICkE1pC,cAAc;IACd,cAAc;IACd,eAAe;EACjB;AACF;;ADtEgtC;ECyE9sC,eAAe;EACf,uBAAuB;EACvB,SAAS;;ED3EkwC;IAAqB;MC+E5xC,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;ADnFq4C;EAAM;IAAqB;MCwF15C,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AD5F8+C;EC+F5+C,kCAAkC;EAClC,cAAc;EACd,mBAAmB;;EDjGuiD;ICoGxjD,WAAW;IACX,WAAW;IACX,eAAe;EACjB;;EDvG8nD;IC0G5nD,UAAU;IACV,cAAc;IACd,YAAY;IACZ,kBAAkB;EACpB;AACF","sourcesContent":[".root{align-items:center;background-color:var(--ac-card);border:1px solid var(--ac-border);border-radius:calc(var(--ac-radius-md) + 1px);box-shadow:0 1px 2px 0 rgba(0,0,0,.04);color:var(--ac-card-foreground);display:inline-flex;gap:var(--ac-space-1);padding:var(--ac-space-1);&[data-orientation=vertical]{align-items:stretch;flex-direction:column}&[data-disabled]{opacity:.7}}.group{align-items:center;display:inline-flex;gap:var(--ac-space-1);&[data-orientation=vertical]{align-items:stretch;flex-direction:column}&[data-disabled]{opacity:.7}}.item{align-items:center;border-radius:var(--ac-radius-sm);box-sizing:border-box;color:var(--ac-foreground);display:inline-flex;font-size:var(--ac-text-xs);font-weight:500;gap:var(--ac-space-2);justify-content:center;line-height:1;min-height:var(--ac-size-md);outline:none;padding:0 var(--ac-space-2);text-decoration:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);white-space:nowrap;&:focus-visible{background-color:var(--ac-accent);box-shadow:inset 0 0 0 1px var(--ac-ring);color:var(--ac-accent-foreground)}&[data-disabled]{opacity:.5;pointer-events:none}& svg{flex-shrink:0;height:.875rem;width:.875rem}}.button{background-color:transparent;border:0;cursor:pointer;@media (hover:hover){&:hover:not([data-disabled]){background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.link{@media (hover:hover){&:hover{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.separator{align-self:stretch;background-color:var(--ac-border);flex-shrink:0;&[data-orientation=horizontal]{height:1px;min-height:1px;width:100%}&[data-orientation=vertical]{height:1rem;margin-block:auto;min-width:1px;width:1px}}",".root {\n  background-color: var(--ac-card);\n  border: 1px solid var(--ac-border);\n  border-radius: calc(var(--ac-radius-md) + 1px);\n  color: var(--ac-card-foreground);\n  align-items: center;\n  gap: var(--ac-space-1);\n  padding: var(--ac-space-1);\n  display: inline-flex;\n  box-shadow: 0 1px 2px #0000000a;\n\n  &[data-orientation=\"vertical\"] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  &[data-disabled] {\n    opacity: .7;\n  }\n}\n\n.group {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-flex;\n\n  &[data-orientation=\"vertical\"] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  &[data-disabled] {\n    opacity: .7;\n  }\n}\n\n.item {\n  border-radius: var(--ac-radius-sm);\n  box-sizing: border-box;\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-xs);\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-height: var(--ac-size-md);\n  padding: 0 var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  white-space: nowrap;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  display: inline-flex;\n\n  &:focus-visible {\n    background-color: var(--ac-accent);\n    box-shadow: inset 0 0 0 1px var(--ac-ring);\n    color: var(--ac-accent-foreground);\n  }\n\n  &[data-disabled] {\n    opacity: .5;\n    pointer-events: none;\n  }\n\n  & svg {\n    flex-shrink: 0;\n    width: .875rem;\n    height: .875rem;\n  }\n}\n\n.button {\n  cursor: pointer;\n  background-color: #0000;\n  border: 0;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.link {\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.separator {\n  background-color: var(--ac-border);\n  flex-shrink: 0;\n  align-self: stretch;\n\n  &[data-orientation=\"horizontal\"] {\n    width: 100%;\n    height: 1px;\n    min-height: 1px;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    width: 1px;\n    min-width: 1px;\n    height: 1rem;\n    margin-block: auto;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/tooltip.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
 import tooltip_module from "./tooltip.module.js";
+import * as __rspack_external_react from "react";
 const TooltipProvider = ({ children })=>children;
 TooltipProvider.displayName = "TooltipProvider";
 function tooltip_Tooltip(props) {
@@ -17,9 +17,9 @@ function tooltip_Tooltip(props) {
     });
 }
 tooltip_Tooltip.displayName = "Tooltip";
-const TooltipTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+const TooltipTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { asChild = false, children, className, ...otherProps } = props;
-    if (asChild && /*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+    if (asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children)) return /*#__PURE__*/ jsx(Tooltip.Trigger, {
         ref: ref,
         className: cn(tooltip_module.trigger, className),
         render: children,
@@ -33,7 +33,7 @@ const TooltipTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
     });
 });
 TooltipTrigger.displayName = "TooltipTrigger";
-const TooltipContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+const TooltipContent = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, side = "top", sideOffset = 4, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Tooltip.Portal, {
         children: /*#__PURE__*/ jsx(Tooltip.Positioner, {

package/dist/components/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Tooltip as BaseTooltip} from \"@base-ui/react/tooltip\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./tooltip.module.css\";\r\n\r\ninterface TooltipProviderProps {\r\n  /** Tooltip content and triggers managed by the provider. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Delay in milliseconds before tooltip content becomes visible. @default undefined */\r\n  delayDuration?: number;\r\n}\r\n\r\ninterface TooltipProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Root>, \"delay\"> {\r\n  /** Delay in milliseconds before tooltip content becomes visible. @default undefined */\r\n  delayDuration?: number;\r\n}\r\n\r\ninterface TooltipTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Trigger>, \"className\"> {\r\n  /** Additional CSS classes merged with the tooltip trigger styles. @default undefined */\r\n  className?: string;\r\n  /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface TooltipContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Popup>, \"className\"> {\r\n  /** Additional CSS classes merged with the tooltip popup styles. @default undefined */\r\n  className?: string;\r\n  /** The offset in pixels between the trigger and the tooltip popup. @default 4 */\r\n  sideOffset?: number;\r\n  /** Preferred side on which the tooltip should appear. @default \"top\" */\r\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n}\r\n\r\n/**\r\n * Provides a compatibility wrapper for grouping tooltip triggers and content.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and returns its children directly\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Does not expose a `render` prop because it is a pass-through provider shim\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipProvider>\r\n *   <Tooltip>\r\n *     <TooltipTrigger>Hover</TooltipTrigger>\r\n *     <TooltipContent>Details</TooltipContent>\r\n *   </Tooltip>\r\n * </TooltipProvider>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipProvider = ({children}: Readonly<TooltipProviderProps>): React.ReactNode => children;\r\nTooltipProvider.displayName = \"TooltipProvider\";\r\n\r\n/**\r\n * Coordinates tooltip timing, open state, and accessibility semantics.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant tooltip parts\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Tooltip>\r\n *   <TooltipTrigger>Hover</TooltipTrigger>\r\n *   <TooltipContent>Details</TooltipContent>\r\n * </Tooltip>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nfunction Tooltip(props: Readonly<Tooltip.Props>): React.ReactElement {\r\n  const {delayDuration, ...otherProps} = props;\r\n  const tooltipProps = delayDuration === undefined ? otherProps : {...otherProps, delay: delayDuration};\r\n\r\n  return <BaseTooltip.Root {...tooltipProps} />;\r\n}\r\nTooltip.displayName = \"Tooltip\";\r\n\r\n/**\r\n * Anchors tooltip behavior to an interactive trigger element.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipTrigger>Hover</TooltipTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTrigger.Props>(\r\n  (props: Readonly<TooltipTrigger.Props>, ref): React.ReactElement => {\r\n    // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild support is part of the public API.\r\n    const {asChild = false, children, className, ...otherProps} = props;\r\n\r\n    if (asChild && React.isValidElement(children)) {\r\n      return (\r\n        <BaseTooltip.Trigger\r\n          ref={ref}\r\n          className={cn(styles.trigger, className)}\r\n          render={children as React.ReactElement}\r\n          {...otherProps}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <BaseTooltip.Trigger\r\n        ref={ref}\r\n        className={cn(styles.trigger, className)}\r\n        {...otherProps}>\r\n        {children}\r\n      </BaseTooltip.Trigger>\r\n    );\r\n  },\r\n);\r\nTooltipTrigger.displayName = \"TooltipTrigger\";\r\n\r\n/**\r\n * Renders positioned tooltip content inside a portal.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipContent>Details</TooltipContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipContent = React.forwardRef<React.ComponentRef<typeof BaseTooltip.Popup>, TooltipContent.Props>(\r\n  (props: Readonly<TooltipContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, side = \"top\", sideOffset = 4, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseTooltip.Portal>\r\n        <BaseTooltip.Positioner\r\n          className={styles.positioner}\r\n          side={side}\r\n          sideOffset={sideOffset}>\r\n          <BaseTooltip.Popup\r\n            ref={ref}\r\n            className={cn(styles.popup, className)}\r\n            {...otherProps}>\r\n            {children}\r\n          </BaseTooltip.Popup>\r\n        </BaseTooltip.Positioner>\r\n      </BaseTooltip.Portal>\r\n    );\r\n  },\r\n);\r\nTooltipContent.displayName = \"TooltipContent\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Tooltip {\r\n  export type Props = TooltipProps;\r\n  export type State = BaseTooltip.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TooltipTrigger {\r\n  export type Props = TooltipTriggerProps;\r\n  export type State = BaseTooltip.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TooltipContent {\r\n  export type Props = TooltipContentProps;\r\n  export type State = BaseTooltip.Popup.State;\r\n}\r\n\r\nexport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger};\r\n"],"names":["TooltipProvider","children","Tooltip","props","delayDuration","otherProps","tooltipProps","undefined","BaseTooltip","TooltipTrigger","React","ref","asChild","className","cn","styles","TooltipContent","side","sideOffset"],"mappings":";;;;;;AAyDA,MAAMA,kBAAkB,CAAC,EAACC,QAAQ,EAAiC,GAAsBA;AACzFD,gBAAgB,WAAW,GAAG;AAqB9B,SAASE,gBAAQC,KAA8B;IAC7C,MAAM,EAACC,aAAa,EAAE,GAAGC,YAAW,GAAGF;IACvC,MAAMG,eAAeF,AAAkBG,WAAlBH,gBAA8BC,aAAa;QAAC,GAAGA,UAAU;QAAE,OAAOD;IAAa;IAEpG,OAAO,WAAP,GAAO,IAACI,QAAAA,IAAgB;QAAE,GAAGF,YAAY;;AAC3C;AACAJ,gBAAQ,WAAW,GAAG;AAkBtB,MAAMO,iBAAiB,WAAHA,GAAGC,WACrB,CAACP,OAAuCQ;IAEtC,MAAM,EAACC,UAAU,KAAK,EAAEX,QAAQ,EAAEY,SAAS,EAAE,GAAGR,YAAW,GAAGF;IAE9D,IAAIS,WAAW,WAAXA,GAAWF,eAAqBT,WAClC,OAAO,WAAP,GACE,IAACO,QAAAA,OAAmB;QAClB,KAAKG;QACL,WAAWG,GAAGC,eAAAA,OAAc,EAAEF;QAC9B,QAAQZ;QACP,GAAGI,UAAU;;IAKpB,OAAO,WAAP,GACE,IAACG,QAAAA,OAAmB;QAClB,KAAKG;QACL,WAAWG,GAAGC,eAAAA,OAAc,EAAEF;QAC7B,GAAGR,UAAU;kBACbJ;;AAGP;AAEFQ,eAAe,WAAW,GAAG;AAkB7B,MAAMO,iBAAiB,WAAHA,GAAGN,WACrB,CAACP,OAAuCQ;IACtC,MAAM,EAACE,SAAS,EAAEZ,QAAQ,EAAEgB,OAAO,KAAK,EAAEC,aAAa,CAAC,EAAE,GAAGb,YAAW,GAAGF;IAE3E,OAAO,WAAP,GACE,IAACK,QAAAA,MAAkB;kBACjB,kBAACA,QAAAA,UAAsB;YACrB,WAAWO,eAAAA,UAAiB;YAC5B,MAAME;YACN,YAAYC;sBACZ,kBAACV,QAAAA,KAAiB;gBAChB,KAAKG;gBACL,WAAWG,GAAGC,eAAAA,KAAY,EAAEF;gBAC3B,GAAGR,UAAU;0BACbJ;;;;AAKX;AAEFe,eAAe,WAAW,GAAG"}
+{"version":3,"file":"components/ui/tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Tooltip as BaseTooltip} from \"@base-ui/react/tooltip\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./tooltip.module.css\";\r\n\r\ninterface TooltipProviderProps {\r\n  /** Tooltip content and triggers managed by the provider. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Delay in milliseconds before tooltip content becomes visible. @default undefined */\r\n  delayDuration?: number;\r\n}\r\n\r\ninterface TooltipProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Root>, \"delay\"> {\r\n  /** Delay in milliseconds before tooltip content becomes visible. @default undefined */\r\n  delayDuration?: number;\r\n}\r\n\r\ninterface TooltipTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Trigger>, \"className\"> {\r\n  /** Additional CSS classes merged with the tooltip trigger styles. @default undefined */\r\n  className?: string;\r\n  /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface TooltipContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Popup>, \"className\"> {\r\n  /** Additional CSS classes merged with the tooltip popup styles. @default undefined */\r\n  className?: string;\r\n  /** The offset in pixels between the trigger and the tooltip popup. @default 4 */\r\n  sideOffset?: number;\r\n  /** Preferred side on which the tooltip should appear. @default \"top\" */\r\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n}\r\n\r\n/**\r\n * Provides a compatibility wrapper for grouping tooltip triggers and content.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and returns its children directly\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Does not expose a `render` prop because it is a pass-through provider shim\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipProvider>\r\n *   <Tooltip>\r\n *     <TooltipTrigger>Hover</TooltipTrigger>\r\n *     <TooltipContent>Details</TooltipContent>\r\n *   </Tooltip>\r\n * </TooltipProvider>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipProvider = ({children}: Readonly<TooltipProviderProps>): React.ReactNode => children;\r\nTooltipProvider.displayName = \"TooltipProvider\";\r\n\r\n/**\r\n * Coordinates tooltip timing, open state, and accessibility semantics.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant tooltip parts\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Tooltip>\r\n *   <TooltipTrigger>Hover</TooltipTrigger>\r\n *   <TooltipContent>Details</TooltipContent>\r\n * </Tooltip>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nfunction Tooltip(props: Readonly<Tooltip.Props>): React.ReactElement {\r\n  const {delayDuration, ...otherProps} = props;\r\n  const tooltipProps = delayDuration === undefined ? otherProps : {...otherProps, delay: delayDuration};\r\n\r\n  return <BaseTooltip.Root {...tooltipProps} />;\r\n}\r\nTooltip.displayName = \"Tooltip\";\r\n\r\n/**\r\n * Anchors tooltip behavior to an interactive trigger element.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipTrigger>Hover</TooltipTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTrigger.Props>(\r\n  (props: Readonly<TooltipTrigger.Props>, ref): React.ReactElement => {\r\n    // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild support is part of the public API.\r\n    const {asChild = false, children, className, ...otherProps} = props;\r\n\r\n    if (asChild && React.isValidElement(children)) {\r\n      return (\r\n        <BaseTooltip.Trigger\r\n          ref={ref}\r\n          className={cn(styles.trigger, className)}\r\n          render={children as React.ReactElement}\r\n          {...otherProps}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <BaseTooltip.Trigger\r\n        ref={ref}\r\n        className={cn(styles.trigger, className)}\r\n        {...otherProps}>\r\n        {children}\r\n      </BaseTooltip.Trigger>\r\n    );\r\n  },\r\n);\r\nTooltipTrigger.displayName = \"TooltipTrigger\";\r\n\r\n/**\r\n * Renders positioned tooltip content inside a portal.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipContent>Details</TooltipContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipContent = React.forwardRef<React.ComponentRef<typeof BaseTooltip.Popup>, TooltipContent.Props>(\r\n  (props: Readonly<TooltipContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, side = \"top\", sideOffset = 4, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseTooltip.Portal>\r\n        <BaseTooltip.Positioner\r\n          className={styles.positioner}\r\n          side={side}\r\n          sideOffset={sideOffset}>\r\n          <BaseTooltip.Popup\r\n            ref={ref}\r\n            className={cn(styles.popup, className)}\r\n            {...otherProps}>\r\n            {children}\r\n          </BaseTooltip.Popup>\r\n        </BaseTooltip.Positioner>\r\n      </BaseTooltip.Portal>\r\n    );\r\n  },\r\n);\r\nTooltipContent.displayName = \"TooltipContent\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Tooltip {\r\n  export type Props = TooltipProps;\r\n  export type State = BaseTooltip.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TooltipTrigger {\r\n  export type Props = TooltipTriggerProps;\r\n  export type State = BaseTooltip.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TooltipContent {\r\n  export type Props = TooltipContentProps;\r\n  export type State = BaseTooltip.Popup.State;\r\n}\r\n\r\nexport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger};\r\n"],"names":["TooltipProvider","children","Tooltip","props","delayDuration","otherProps","tooltipProps","undefined","BaseTooltip","TooltipTrigger","React","ref","asChild","className","cn","styles","TooltipContent","side","sideOffset"],"mappings":";;;;;;AAyDA,MAAMA,kBAAkB,CAAC,EAACC,QAAQ,EAAiC,GAAsBA;AACzFD,gBAAgB,WAAW,GAAG;AAqB9B,SAASE,gBAAQC,KAA8B;IAC7C,MAAM,EAACC,aAAa,EAAE,GAAGC,YAAW,GAAGF;IACvC,MAAMG,eAAeF,AAAkBG,WAAlBH,gBAA8BC,aAAa;QAAC,GAAGA,UAAU;QAAE,OAAOD;IAAa;IAEpG,OAAO,WAAP,GAAO,IAACI,QAAAA,IAAgB;QAAE,GAAGF,YAAY;;AAC3C;AACAJ,gBAAQ,WAAW,GAAG;AAkBtB,MAAMO,iBAAiB,WAAHA,GAAGC,wBAAAA,UAAgB,CACrC,CAACP,OAAuCQ;IAEtC,MAAM,EAACC,UAAU,KAAK,EAAEX,QAAQ,EAAEY,SAAS,EAAE,GAAGR,YAAW,GAAGF;IAE9D,IAAIS,WAAW,WAAXA,GAAWF,wBAAAA,cAAoB,CAACT,WAClC,OAAO,WAAP,GACE,IAACO,QAAAA,OAAmB;QAClB,KAAKG;QACL,WAAWG,GAAGC,eAAAA,OAAc,EAAEF;QAC9B,QAAQZ;QACP,GAAGI,UAAU;;IAKpB,OAAO,WAAP,GACE,IAACG,QAAAA,OAAmB;QAClB,KAAKG;QACL,WAAWG,GAAGC,eAAAA,OAAc,EAAEF;QAC7B,GAAGR,UAAU;kBACbJ;;AAGP;AAEFQ,eAAe,WAAW,GAAG;AAkB7B,MAAMO,iBAAiB,WAAHA,GAAGN,wBAAAA,UAAgB,CACrC,CAACP,OAAuCQ;IACtC,MAAM,EAACE,SAAS,EAAEZ,QAAQ,EAAEgB,OAAO,KAAK,EAAEC,aAAa,CAAC,EAAE,GAAGb,YAAW,GAAGF;IAE3E,OAAO,WAAP,GACE,IAACK,QAAAA,MAAkB;kBACjB,kBAACA,QAAAA,UAAsB;YACrB,WAAWO,eAAAA,UAAiB;YAC5B,MAAME;YACN,YAAYC;sBACZ,kBAACV,QAAAA,KAAiB;gBAChB,KAAKG;gBACL,WAAWG,GAAGC,eAAAA,KAAY,EAAEF;gBAC3B,GAAGR,UAAU;0BACbJ;;;;AAKX;AAEFe,eAAe,WAAW,GAAG"}

package/dist/components/ui/tooltip_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/tooltip.module.css","webpack://./src/components/ui/tooltip.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,oBAAoB;AACtB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,4BAA4B;EAC5B,4CAA4C;EAC5C,yCAAyC;EACzC,iFAAiF;EACjF,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,+BAA+B;;EAE/B;IACE,cAAc;IACd,uBAAuB;EACzB;;EAEA;IACE,UAAU;IACV,qBAAqB;EACvB;AACF","sourcesContent":[".trigger{display:inline-flex;max-width:max-content}.positioner{z-index:50}.popup{background-color:var(--ac-foreground);border-radius:var(--ac-radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--ac-background);font-size:var(--ac-text-xs);line-height:1.5;overflow:hidden;padding:var(--ac-space-1) var(--ac-space-2);position:relative;transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-fast),transform var(--ac-transition-fast);& *{background-color:transparent;color:inherit}&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.96)}}",".trigger {\n  max-width: max-content;\n  display: inline-flex;\n}\n\n.positioner {\n  z-index: 50;\n}\n\n.popup {\n  background-color: var(--ac-foreground);\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-background);\n  font-size: var(--ac-text-xs);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-fast),transform var(--ac-transition-fast);\n  line-height: 1.5;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 2px 8px #0000001f;\n\n  & * {\n    color: inherit;\n    background-color: #0000;\n  }\n\n  &[data-ending-style], &[data-starting-style] {\n    opacity: 0;\n    transform: scale(.96);\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/tooltip.module.css","webpack://./src/components/ui/tooltip.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;EACtB,oBAAoB;AACtB;;ADHmD;ECMjD,WAAW;AACb;;ADP0E;ECUxE,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,4BAA4B;EAC5B,4CAA4C;EAC5C,yCAAyC;EACzC,iFAAiF;EACjF,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,+BAA+B;;EDpB4a;ICuBzc,cAAc;IACd,uBAAuB;EACzB;;EDzB0f;IC4Bxf,UAAU;IACV,qBAAqB;EACvB;AACF","sourcesContent":[".trigger{display:inline-flex;max-width:max-content}.positioner{z-index:50}.popup{background-color:var(--ac-foreground);border-radius:var(--ac-radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--ac-background);font-size:var(--ac-text-xs);line-height:1.5;overflow:hidden;padding:var(--ac-space-1) var(--ac-space-2);position:relative;transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-fast),transform var(--ac-transition-fast);& *{background-color:transparent;color:inherit}&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.96)}}",".trigger {\n  max-width: max-content;\n  display: inline-flex;\n}\n\n.positioner {\n  z-index: 50;\n}\n\n.popup {\n  background-color: var(--ac-foreground);\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-background);\n  font-size: var(--ac-text-xs);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-fast),transform var(--ac-transition-fast);\n  line-height: 1.5;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 2px 8px #0000001f;\n\n  & * {\n    color: inherit;\n    background-color: #0000;\n  }\n\n  &[data-ending-style], &[data-starting-style] {\n    opacity: 0;\n    transform: scale(.96);\n  }\n}\n"],"sourceRoot":""}