@arolariu/components 1.0.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.d.ts

@@ -47,10 +47,7 @@ export interface ToggleGroupItemProps extends Omit<ToggleProps, "pressed" | "def
  *
  * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}
  */
-declare function ToggleGroup(props: Readonly<ToggleGroup.Props>): React.ReactElement;
-declare namespace ToggleGroup {
-    var displayName: string;
-}
+declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<ToggleGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders an individual toggle item within a toggle group.
  *
@@ -68,10 +65,7 @@ declare namespace ToggleGroup {
  *
  * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}
  */
-declare function ToggleGroupItem(props: Readonly<ToggleGroupItem.Props>): React.ReactElement;
-declare namespace ToggleGroupItem {
-    var displayName: string;
-}
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare namespace ToggleGroup {
     type Props = ToggleGroupProps;
     type State = BaseToggleGroup.State;

package/dist/components/ui/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,MAAM,EAAkB,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAC,MAAM,UAAU,CAAC;AAUvG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9G;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;CAAG;AAEpH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAgBpB;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAkBnF;kBAlBQ,eAAe;;;AAqBxB,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,eAAe,CAAC;IACxB,KAAY,KAAK,GAAG,oBAAoB,CAAC;IACzC,KAAY,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;CAClC;AAKD,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,MAAM,EAAkB,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAC,MAAM,UAAU,CAAC;AAUvG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9G;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;CAAG;AAEpH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,WAAW,sGAef,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,eAAe,6GAmBnB,CAAC;AAGH,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,eAAe,CAAC;IACxB,KAAY,KAAK,GAAG,oBAAoB,CAAC;IACzC,KAAY,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;CAClC;AAKD,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC"}

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

@@ -1,17 +1,18 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { ToggleGroup } from "@base-ui/react/toggle-group";
+import { ToggleGroup as toggle_group_ToggleGroup } from "@base-ui/react/toggle-group";
 import { useRender } from "@base-ui/react/use-render";
-import { createContext, 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({});
-function toggle_group_ToggleGroup(props) {
+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(ToggleGroup, {
+    return /*#__PURE__*/ jsx(toggle_group_ToggleGroup, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -27,11 +28,12 @@ function toggle_group_ToggleGroup(props) {
             children: children
         })
     });
-}
-function ToggleGroupItem(props) {
+});
+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({
             variant: variant ?? context.variant,
             size: size ?? context.size
@@ -40,9 +42,9 @@ function ToggleGroupItem(props) {
         variant: variant ?? context.variant,
         ...otherProps
     });
-}
-toggle_group_ToggleGroup.displayName = "ToggleGroup";
-ToggleGroupItem.displayName = "ToggleGroupItem";
-export { ToggleGroupItem, toggle_group_ToggleGroup as ToggleGroup };
+});
+ui_toggle_group_ToggleGroup.displayName = "ToggleGroup";
+toggle_group_ToggleGroupItem.displayName = "ToggleGroupItem";
+export { toggle_group_ToggleGroupItem as ToggleGroupItem, ui_toggle_group_ToggleGroup as ToggleGroup };
 
 //# sourceMappingURL=toggle-group.js.map

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\nfunction ToggleGroup(props: Readonly<ToggleGroup.Props>): React.ReactElement {\r\n  const {className, children, render, size, variant, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToggleGroup\r\n      {...otherProps}\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\nfunction ToggleGroupItem(props: Readonly<ToggleGroupItem.Props>): React.ReactElement {\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      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","className","children","render","size","variant","otherProps","BaseToggleGroup","useRender","mergeProps","cn","styles","ToggleGroupItem","context","Toggle","toggleVariants"],"mappings":";;;;;;;;;AAgBA,MAAMA,qBAAqB,WAAHA,GAAGC,cAA6C,CAAC;AAiDzE,SAASC,yBAAYC,KAAkC;IACrD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGN;IAEpE,OAAO,WAAP,GACE,IAACO,aAAeA;QACb,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQL;YACR,OAAOM,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,IAAW,EAAEV;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACJ,mBAAmB,QAAQ;YAAC,OAAO;gBAACQ;gBAASD;YAAI;sBAAIF;;;AAG5D;AAmBA,SAASU,gBAAgBZ,KAAsC;IAC7D,MAAM,EAACC,SAAS,EAAEG,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGN;IAClD,MAAMa,UAAUf,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACiB,QAAMA;QACL,WAAWJ,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;AAcAP,yBAAY,WAAW,GAAG;AAC1Ba,gBAAgB,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.d.ts

@@ -1,10 +1,5 @@
 import { Toolbar as BaseToolbar } from "@base-ui/react/toolbar";
 import * as React from "react";
-type ToolbarProps = React.ComponentPropsWithRef<typeof BaseToolbar.Root>;
-type ToolbarButtonProps = React.ComponentPropsWithRef<typeof BaseToolbar.Button>;
-type ToolbarGroupProps = React.ComponentPropsWithRef<typeof BaseToolbar.Group>;
-type ToolbarSeparatorProps = React.ComponentPropsWithRef<typeof BaseToolbar.Separator>;
-type ToolbarLinkProps = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;
 /**
  * Arranges related actions into a keyboard-accessible toolbar.
  *
@@ -23,10 +18,7 @@ type ToolbarLinkProps = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;
  *
  * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
  */
-declare function Toolbar(props: Readonly<Toolbar.Props>): React.ReactElement;
-declare namespace Toolbar {
-    var displayName: string;
-}
+declare const Toolbar: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders an interactive button within a toolbar.
  *
@@ -42,10 +34,7 @@ declare namespace Toolbar {
  *
  * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
  */
-declare function ToolbarButton(props: Readonly<ToolbarButton.Props>): React.ReactElement;
-declare namespace ToolbarButton {
-    var displayName: string;
-}
+declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Groups related toolbar controls into a single visual cluster.
  *
@@ -63,10 +52,7 @@ declare namespace ToolbarButton {
  *
  * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
  */
-declare function ToolbarGroup(props: Readonly<ToolbarGroup.Props>): React.ReactElement;
-declare namespace ToolbarGroup {
-    var displayName: string;
-}
+declare const ToolbarGroup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders a visual separator between toolbar items or groups.
  *
@@ -81,10 +67,7 @@ declare namespace ToolbarGroup {
  *
  * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
  */
-declare function ToolbarSeparator(props: Readonly<ToolbarSeparator.Props>): React.ReactElement;
-declare namespace ToolbarSeparator {
-    var displayName: string;
-}
+declare const ToolbarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders a link that visually matches toolbar buttons.
  *
@@ -99,28 +82,25 @@ declare namespace ToolbarSeparator {
  *
  * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
  */
-declare function ToolbarLink(props: Readonly<ToolbarLink.Props>): React.ReactElement;
-declare namespace ToolbarLink {
-    var displayName: string;
-}
+declare const ToolbarLink: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 declare namespace Toolbar {
-    type Props = ToolbarProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Root>;
     type State = BaseToolbar.Root.State;
 }
 declare namespace ToolbarButton {
-    type Props = ToolbarButtonProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Button>;
     type State = BaseToolbar.Button.State;
 }
 declare namespace ToolbarGroup {
-    type Props = ToolbarGroupProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Group>;
     type State = BaseToolbar.Group.State;
 }
 declare namespace ToolbarSeparator {
-    type Props = ToolbarSeparatorProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Separator>;
     type State = BaseToolbar.Separator.State;
 }
 declare namespace ToolbarLink {
-    type Props = ToolbarLinkProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;
     type State = BaseToolbar.Link.State;
 }
 export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator };

package/dist/components/ui/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,YAAY,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AACzE,KAAK,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;AACjF,KAAK,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;AAC/E,KAAK,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;AACvF,KAAK,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAcnE;kBAdQ,OAAO;;;AAgBhB;;;;;;;;;;;;;;GAcG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc/E;kBAdQ,aAAa;;;AAgBtB;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7E;kBAdQ,YAAY;;;AAgBrB;;;;;;;;;;;;;GAaG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAarF;kBAbQ,gBAAgB;;;AAezB;;;;;;;;;;;;;GAaG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAiBpB,kBAAU,OAAO,CAAC;IAChB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,aAAa,CAAC;IACtB,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;CAC9C;AAGD,kBAAU,YAAY,CAAC;IACrB,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;CAC7C;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;CAC5C;AAQD,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,CAAC"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,OAAO,kLAeX,CAAC;AAEH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,0LAejB,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,YAAY,mLAehB,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,gBAAgB,uLAcpB,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,wLAef,CAAC;AAGH,kBAAU,OAAO,CAAC;IAChB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IACzE,KAAY,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,aAAa,CAAC;IACtB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3E,KAAY,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;CAC9C;AAGD,kBAAU,YAAY,CAAC;IACrB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1E,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;CAC7C;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9E,KAAY,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IACzE,KAAY,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;CAC5C;AAQD,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,CAAC"}