@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/sonner_module.css

@@ -0,0 +1,233 @@
+.viewport-H8aveR {
+  gap: var(--ac-space-3);
+  padding: var(--ac-space-4);
+  pointer-events: none;
+  z-index: 100;
+  flex-direction: column;
+  width: min(100vw - 2rem, 24rem);
+  display: flex;
+  position: fixed;
+}
+
+.viewportTopLeft-xM6PF1 {
+  align-items: flex-start;
+  top: 0;
+  left: 0;
+}
+
+.viewportTopRight-J7LgEN {
+  align-items: flex-end;
+  top: 0;
+  right: 0;
+}
+
+.viewportBottomLeft-gduLsn {
+  align-items: flex-start;
+  bottom: 0;
+  left: 0;
+}
+
+.viewportBottomRight-cgRbCY {
+  align-items: flex-end;
+  bottom: 0;
+  right: 0;
+}
+
+.viewportTopCenter-GmipAX {
+  top: 0;
+}
+
+.viewportBottomCenter-iNRY6t, .viewportTopCenter-GmipAX {
+  align-items: center;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.viewportBottomCenter-iNRY6t {
+  bottom: 0;
+}
+
+.root-Rvm8fE {
+  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);
+  color: var(--ac-foreground);
+  pointer-events: auto;
+  width: 100%;
+  transition: opacity .16s, transform .16s;
+  overflow: hidden;
+  box-shadow: 0 18px 40px -24px #0f172a73, 0 10px 18px -12px #0f172a47;
+
+  &[data-starting] {
+    opacity: 0;
+    transform: translateY(8px)scale(.98);
+  }
+
+  &[data-ending] {
+    opacity: 0;
+    transform: translateY(4px)scale(.98);
+  }
+}
+
+.content-y92flZ {
+  align-items: flex-start;
+  gap: var(--ac-space-3);
+  padding: var(--ac-space-4);
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  display: grid;
+}
+
+.leading-GRRnqU {
+  color: inherit;
+  justify-content: center;
+  align-items: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  margin-top: .125rem;
+  display: flex;
+}
+
+.body-Lw99EO {
+  gap: var(--ac-space-1);
+  flex-direction: column;
+  min-width: 0;
+  display: flex;
+}
+
+.title-ymKu15 {
+  color: inherit;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.description-ZtIAQh, .title-ymKu15 {
+  font-size: var(--ac-text-sm);
+  margin: 0;
+}
+
+.description-ZtIAQh {
+  color: var(--ac-muted-foreground);
+  line-height: 1.5;
+}
+
+.close-n3q99W {
+  border-radius: calc(var(--ac-radius-md) - 2px);
+  color: var(--ac-muted-foreground);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  justify-content: center;
+  align-items: center;
+  width: 2rem;
+  height: 2rem;
+  transition: background-color .14s, color .14s;
+  display: inline-flex;
+
+  &:focus-visible, &:hover {
+    background: color-mix(in oklab,var(--ac-muted) 84%,transparent);
+    color: var(--ac-foreground);
+    outline: none;
+  }
+}
+
+.closeIcon-gqyKiy, .icon-vXiuPh {
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+}
+
+.iconSpin-ly7P4C {
+  animation: .9s linear infinite toast-spin-u5gKWc;
+}
+
+.actions-wq9nP1 {
+  gap: var(--ac-space-2);
+  margin-top: var(--ac-space-2);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+.primaryAction-IbtEiI, .secondaryAction-DWySkL {
+  border-radius: var(--ac-radius-md);
+  cursor: pointer;
+  font-size: var(--ac-text-xs);
+  min-height: 2rem;
+  padding: 0 var(--ac-space-3);
+  border: 1px solid #0000;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+  transition: background-color .14s, border-color .14s, color .14s;
+  display: inline-flex;
+}
+
+.primaryAction-IbtEiI {
+  background: var(--ac-foreground);
+  color: var(--ac-background);
+
+  &:focus-visible, &:hover {
+    background: color-mix(in oklab,var(--ac-foreground) 88%,#fff);
+    outline: none;
+  }
+}
+
+.secondaryAction-DWySkL {
+  border-color: color-mix(in oklab,var(--ac-border) 75%,transparent);
+  color: var(--ac-foreground);
+  background: none;
+
+  &:focus-visible, &:hover {
+    background: color-mix(in oklab,var(--ac-muted) 72%,transparent);
+    outline: none;
+  }
+}
+
+.default-ecwLjq {
+  border-color: color-mix(in oklab,var(--ac-border) 88%,transparent);
+}
+
+.success-pLAR9p {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  color: color-mix(in oklab,currentcolor 68%,var(--ac-muted-foreground));
+}
+
+@keyframes toast-spin-u5gKWc {
+  0% {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+
+/*# sourceMappingURL=sonner_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/sonner.module.css","webpack://./src/components/ui/sonner.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;EACpB,YAAY;EACZ,sBAAsB;EACtB,+BAA+B;EAC/B,aAAa;EACb,eAAe;AACjB;;AAEA;EACE,uBAAuB;EACvB,MAAM;EACN,OAAO;AACT;;AAEA;EACE,qBAAqB;EACrB,MAAM;EACN,QAAQ;AACV;;AAEA;EACE,uBAAuB;EACvB,SAAS;EACT,OAAO;AACT;;AAEA;EACE,qBAAqB;EACrB,SAAS;EACT,QAAQ;AACV;;AAEA;EACE,MAAM;AACR;;AAEA;EACE,mBAAmB;EACnB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,2BAA2B;EAC3B,6FAA6F;EAC7F,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,oBAAoB;EACpB,WAAW;EACX,wCAAwC;EACxC,gBAAgB;EAChB,oEAAoE;;EAEpE;IACE,UAAU;IACV,oCAAoC;EACtC;;EAEA;IACE,UAAU;IACV,oCAAoC;EACtC;AACF;;AAEA;EACE,uBAAuB;EACvB,sBAAsB;EACtB,0BAA0B;EAC1B,+CAA+C;EAC/C,aAAa;AACf;;AAEA;EACE,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,sBAAsB;EACtB,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,4BAA4B;EAC5B,SAAS;AACX;;AAEA;EACE,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,8CAA8C;EAC9C,iCAAiC;EACjC,eAAe;EACf,gBAAgB;EAChB,SAAS;EACT,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,6CAA6C;EAC7C,oBAAoB;;EAEpB;IACE,+DAA+D;IAC/D,2BAA2B;IAC3B,aAAa;EACf;AACF;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;AACd;;AAEA;EACE,gDAAyC;AAC3C;;AAEA;EACE,sBAAsB;EACtB,6BAA6B;EAC7B,eAAe;EACf,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,eAAe;EACf,4BAA4B;EAC5B,gBAAgB;EAChB,4BAA4B;EAC5B,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,gEAAgE;EAChE,oBAAoB;AACtB;;AAEA;EACE,gCAAgC;EAChC,2BAA2B;;EAE3B;IACE,6DAA6D;IAC7D,aAAa;EACf;AACF;;AAEA;EACE,kEAAkE;EAClE,2BAA2B;EAC3B,gBAAgB;;EAEhB;IACE,+DAA+D;IAC/D,aAAa;EACf;AACF;;AAEA;EACE,kEAAkE;AACpE;;AAEA;EACE,mFAAmF;EACnF,iFAAiF;EACjF,8EAA8E;AAChF;;AAEA;EACE,8EAA8E;EAC9E,4EAA4E;EAC5E,yEAAyE;AAC3E;;AAEA;EACE,mFAAmF;EACnF,iFAAiF;EACjF,8EAA8E;AAChF;;AAEA;EACE,gEAAgE;EAChE,8DAA8D;EAC9D,2DAA2D;AAC7D;;AAEA;EACE,iFAAiF;AACnF;;AAEA;EACE,sEAAsE;AACxE;;AAEA;EACE;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:100}.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: 100;\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/spinner.d.ts

@@ -1,4 +1,23 @@
 import * as React from "react";
-declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the {@link Spinner} component.
+ */
+export type SpinnerProps = React.ComponentPropsWithoutRef<"svg">;
+/**
+ * Renders an animated loading indicator.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<svg>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <Spinner aria-label='Loading data' />
+ * ```
+ *
+ * @see {@link SpinnerProps} for available props
+ */
+declare const Spinner: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Spinner };
 //# sourceMappingURL=spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CASlE;AAED,OAAO,EAAC,OAAO,EAAC,CAAC"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEjE;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,OAAO,kHA2BZ,CAAC;AAIF,OAAO,EAAC,OAAO,EAAC,CAAC"}

package/dist/components/ui/spinner.js

@@ -1,16 +1,34 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-import { Loader2Icon } from "lucide-react";
-import "react";
-function Spinner({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Loader2Icon, {
+import spinner_module from "./spinner.module.js";
+const Spinner = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("svg", {
+        ref: ref,
         role: "status",
-        "aria-label": "Loading",
-        className: cn("size-4 animate-spin", className),
-        ...props
-    });
-}
+        "aria-label": props["aria-label"] ?? "Loading",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        className: cn(spinner_module.spinner, className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx("circle", {
+                className: spinner_module.track,
+                cx: "12",
+                cy: "12",
+                r: "9",
+                stroke: "currentColor",
+                strokeWidth: "3"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                className: spinner_module.indicator,
+                d: "M21 12a9 9 0 0 0-9-9",
+                stroke: "currentColor",
+                strokeWidth: "3"
+            })
+        ]
+    }));
+Spinner.displayName = "Spinner";
 export { Spinner };
 
 //# sourceMappingURL=spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/spinner.js","sources":["../../../src/components/ui/spinner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Loader2Icon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nfunction Spinner({className, ...props}: React.ComponentProps<\"svg\">) {\r\n  return (\r\n    <Loader2Icon\r\n      role='status'\r\n      aria-label='Loading'\r\n      className={cn(\"size-4 animate-spin\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","className","props","Loader2Icon","cn"],"mappings":";;;;;AAMA,SAASA,QAAQ,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACjE,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components/ui/spinner.js","sources":["../../../src/components/ui/spinner.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./spinner.module.css\";\r\n\r\n/**\r\n * Props for the {@link Spinner} component.\r\n */\r\nexport type SpinnerProps = React.ComponentPropsWithoutRef<\"svg\">;\r\n\r\n/**\r\n * Renders an animated loading indicator.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<svg>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Spinner aria-label='Loading data' />\r\n * ```\r\n *\r\n * @see {@link SpinnerProps} for available props\r\n */\r\nconst Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(\r\n  ({children, className, ...props}: Readonly<SpinnerProps>, ref): React.JSX.Element => (\r\n    <svg\r\n      ref={ref}\r\n      role='status'\r\n      aria-label={props[\"aria-label\"] ?? \"Loading\"}\r\n      viewBox='0 0 24 24'\r\n      fill='none'\r\n      className={cn(styles.spinner, className)}\r\n      {...props}>\r\n      {children}\r\n      <circle\r\n        className={styles.track}\r\n        cx='12'\r\n        cy='12'\r\n        r='9'\r\n        stroke='currentColor'\r\n        strokeWidth='3'\r\n      />\r\n      <path\r\n        className={styles.indicator}\r\n        d='M21 12a9 9 0 0 0-9-9'\r\n        stroke='currentColor'\r\n        strokeWidth='3'\r\n      />\r\n    </svg>\r\n  ),\r\n);\r\n\r\nSpinner.displayName = \"Spinner\";\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","React","children","className","props","ref","cn","styles"],"mappings":";;;;AAyBA,MAAMA,UAAU,WAAHA,GAAGC,WACd,CAAC,EAACC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAA8B,EAAEC,MAAAA,WAAAA,GACxD,KAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAYD,KAAK,CAAC,aAAa,IAAI;QACnC,SAAQ;QACR,MAAK;QACL,WAAWE,GAAGC,eAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;YACRF;0BACD,IAAC;gBACC,WAAWK,eAAAA,KAAY;gBACvB,IAAG;gBACH,IAAG;gBACH,GAAE;gBACF,QAAO;gBACP,aAAY;;0BAEd,IAAC;gBACC,WAAWA,eAAAA,SAAgB;gBAC3B,GAAE;gBACF,QAAO;gBACP,aAAY;;;;AAMpBP,QAAQ,WAAW,GAAG"}

package/dist/components/ui/spinner.module.js

@@ -0,0 +1,10 @@
+import "./spinner_module.css";
+const spinner_module = {
+    spinner: "spinner-R6WX_P",
+    spin: "spin-q0qyGs",
+    track: "track-yVCPfY",
+    indicator: "indicator-fZm2Rm"
+};
+export default spinner_module;
+
+//# sourceMappingURL=spinner.module.js.map

package/dist/components/ui/spinner.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/spinner.module.js","sources":["../../../src/components/ui/spinner.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./spinner_module.css\"\nexport default {\"spinner\":\"spinner-R6WX_P\",\"spin\":\"spin-q0qyGs\",\"track\":\"track-yVCPfY\",\"indicator\":\"indicator-fZm2Rm\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,SAAU;IAAiB,MAAO;IAAc,OAAQ;IAAe,WAAY;AAAkB"}

package/dist/components/ui/spinner_module.css

@@ -0,0 +1,28 @@
+.spinner-R6WX_P {
+  color: var(--ac-foreground);
+  transform-origin: center;
+  width: 1rem;
+  height: 1rem;
+  animation: .8s linear infinite spin-q0qyGs;
+}
+
+.track-yVCPfY {
+  opacity: .2;
+}
+
+.indicator-fZm2Rm {
+  stroke-linecap: round;
+}
+
+@keyframes spin-q0qyGs {
+  0% {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+
+/*# sourceMappingURL=spinner_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/spinner.module.css","webpack://./src/components/ui/spinner.module.css"],"names":[],"mappings":"AADA;ECEE,2BAA2B;EAC3B,wBAAwB;EACxB,WAAW;EACX,YAAY;EACZ,0CAAmC;AACrC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE;IACE,oBAAoB;EACtB;;EAEA;IACE,wBAAwB;EAC1B;AACF","sourcesContent":[".spinner{animation:spin .8s linear infinite;color:var(--ac-foreground);height:1rem;transform-origin:center;width:1rem}.track{opacity:.2}.indicator{stroke-linecap:round}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",".spinner {\n  color: var(--ac-foreground);\n  transform-origin: center;\n  width: 1rem;\n  height: 1rem;\n  animation: .8s linear infinite spin;\n}\n\n.track {\n  opacity: .2;\n}\n\n.indicator {\n  stroke-linecap: round;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(1turn);\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/stepper.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+/**
+ * Represents the configurable props for the {@link Stepper} component.
+ *
+ * @remarks
+ * Extends native `<div>` attributes so step progress indicators can expose data
+ * attributes, testing hooks, and ARIA metadata while remaining layout-flexible.
+ */
+interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Labels for each step in the progress sequence.
+     */
+    steps: ReadonlyArray<string>;
+    /**
+     * Zero-based index of the currently active step.
+     */
+    activeStep: number;
+    /**
+     * Visual orientation of the stepper layout.
+     *
+     * @default "horizontal"
+     */
+    orientation?: "horizontal" | "vertical";
+}
+/**
+ * Displays a multi-step progress indicator for wizard-like workflows.
+ *
+ * @remarks
+ * **Rendering Context**: Server- and client-compatible presentational component.
+ *
+ * Renders a semantic list of steps and marks each item as completed, active, or upcoming
+ * based on the supplied zero-based active index. Use it to communicate progress across
+ * onboarding flows, checkout funnels, or multi-step forms.
+ *
+ * @example
+ * ```tsx
+ * <Stepper
+ *   steps={["Account", "Profile", "Review"]}
+ *   activeStep={1}
+ * />
+ * ```
+ *
+ * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/progressbar/progressbar.html | WAI progress indicator guidance}
+ */
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export { Stepper };
+export type { StepperProps };
+//# sourceMappingURL=stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;GAMG;AACH,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,OAAO,qFAyCZ,CAAC;AAGF,OAAO,EAAC,OAAO,EAAC,CAAC;AACjB,YAAY,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/ui/stepper.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import stepper_module from "./stepper.module.js";
+const Stepper = /*#__PURE__*/ forwardRef(({ steps, activeStep, orientation = "horizontal", className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        role: "list",
+        "aria-label": "Progress",
+        "data-orientation": orientation,
+        className: cn(stepper_module.stepper, "vertical" === orientation && stepper_module.vertical, className),
+        ...props,
+        children: steps.map((label, index)=>{
+            let state = "upcoming";
+            if (index < activeStep) state = "completed";
+            else if (index === activeStep) state = "active";
+            return /*#__PURE__*/ jsxs("div", {
+                role: "listitem",
+                className: stepper_module.step,
+                "data-state": state,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: stepper_module.indicator,
+                        "aria-hidden": "true",
+                        children: "completed" === state ? "✓" : index + 1
+                    }),
+                    index < steps.length - 1 ? /*#__PURE__*/ jsx("div", {
+                        className: stepper_module.connector,
+                        "aria-hidden": "true"
+                    }) : null,
+                    /*#__PURE__*/ jsx("span", {
+                        className: stepper_module.label,
+                        children: label
+                    })
+                ]
+            }, `${label}-${index}`);
+        })
+    }));
+Stepper.displayName = "Stepper";
+export { Stepper };
+
+//# sourceMappingURL=stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/stepper.js","sources":["../../../src/components/ui/stepper.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./stepper.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link Stepper} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so step progress indicators can expose data\r\n * attributes, testing hooks, and ARIA metadata while remaining layout-flexible.\r\n */\r\ninterface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Labels for each step in the progress sequence.\r\n   */\r\n  steps: ReadonlyArray<string>;\r\n  /**\r\n   * Zero-based index of the currently active step.\r\n   */\r\n  activeStep: number;\r\n  /**\r\n   * Visual orientation of the stepper layout.\r\n   *\r\n   * @default \"horizontal\"\r\n   */\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n}\r\n\r\n/**\r\n * Displays a multi-step progress indicator for wizard-like workflows.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a semantic list of steps and marks each item as completed, active, or upcoming\r\n * based on the supplied zero-based active index. Use it to communicate progress across\r\n * onboarding flows, checkout funnels, or multi-step forms.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Stepper\r\n *   steps={[\"Account\", \"Profile\", \"Review\"]}\r\n *   activeStep={1}\r\n * />\r\n * ```\r\n *\r\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/progressbar/progressbar.html | WAI progress indicator guidance}\r\n */\r\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\r\n  ({steps, activeStep, orientation = \"horizontal\", className, ...props}, ref) => (\r\n    <div\r\n      ref={ref}\r\n      role='list'\r\n      aria-label='Progress'\r\n      data-orientation={orientation}\r\n      className={cn(styles.stepper, orientation === \"vertical\" && styles.vertical, className)}\r\n      {...props}>\r\n      {steps.map((label, index) => {\r\n        let state: \"completed\" | \"active\" | \"upcoming\" = \"upcoming\";\r\n\r\n        if (index < activeStep) {\r\n          state = \"completed\";\r\n        } else if (index === activeStep) {\r\n          state = \"active\";\r\n        }\r\n\r\n        return (\r\n          <div\r\n            key={`${label}-${index}`}\r\n            role='listitem'\r\n            className={styles.step}\r\n            data-state={state}>\r\n            <div\r\n              className={styles.indicator}\r\n              aria-hidden='true'>\r\n              {state === \"completed\" ? \"✓\" : index + 1}\r\n            </div>\r\n            {index < steps.length - 1 ? (\r\n              <div\r\n                className={styles.connector}\r\n                aria-hidden='true'\r\n              />\r\n            ) : null}\r\n            <span className={styles.label}>{label}</span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  ),\r\n);\r\nStepper.displayName = \"Stepper\";\r\n\r\nexport {Stepper};\r\nexport type {StepperProps};\r\n"],"names":["Stepper","React","steps","activeStep","orientation","className","props","ref","cn","styles","label","index","state"],"mappings":";;;;AAiDA,MAAMA,UAAU,WAAHA,GAAGC,WACd,CAAC,EAACC,KAAK,EAAEC,UAAU,EAAEC,cAAc,YAAY,EAAEC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACrE,IAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAW;QACX,oBAAkBH;QAClB,WAAWI,GAAGC,eAAAA,OAAc,EAAEL,AAAgB,eAAhBA,eAA8BK,eAAAA,QAAe,EAAEJ;QAC5E,GAAGC,KAAK;kBACRJ,MAAM,GAAG,CAAC,CAACQ,OAAOC;YACjB,IAAIC,QAA6C;YAEjD,IAAID,QAAQR,YACVS,QAAQ;iBACH,IAAID,UAAUR,YACnBS,QAAQ;YAGV,OAAO,WAAP,GACE,KAAC;gBAEC,MAAK;gBACL,WAAWH,eAAAA,IAAW;gBACtB,cAAYG;;kCACZ,IAAC;wBACC,WAAWH,eAAAA,SAAgB;wBAC3B,eAAY;kCACXG,AAAU,gBAAVA,QAAwB,MAAMD,QAAQ;;oBAExCA,QAAQT,MAAM,MAAM,GAAG,IAAI,WAAJ,GACtB,IAAC;wBACC,WAAWO,eAAAA,SAAgB;wBAC3B,eAAY;yBAEZ;kCACJ,IAAC;wBAAK,WAAWA,eAAAA,KAAY;kCAAGC;;;eAf3B,GAAGA,MAAM,CAAC,EAAEC,OAAO;QAkB9B;;AAINX,QAAQ,WAAW,GAAG"}

package/dist/components/ui/stepper.module.js

@@ -0,0 +1,12 @@
+import "./stepper_module.css";
+const stepper_module = {
+    stepper: "stepper-zI1PdI",
+    vertical: "vertical-GWnVMV",
+    step: "step-pUl5wl",
+    indicator: "indicator-ywL5Ph",
+    connector: "connector-f5sHoL",
+    label: "label-ZRKeKH"
+};
+export default stepper_module;
+
+//# sourceMappingURL=stepper.module.js.map

package/dist/components/ui/stepper.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/stepper.module.js","sources":["../../../src/components/ui/stepper.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./stepper_module.css\"\nexport default {\"stepper\":\"stepper-zI1PdI\",\"vertical\":\"vertical-GWnVMV\",\"step\":\"step-pUl5wl\",\"indicator\":\"indicator-ywL5Ph\",\"connector\":\"connector-f5sHoL\",\"label\":\"label-ZRKeKH\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,SAAU;IAAiB,UAAW;IAAkB,MAAO;IAAc,WAAY;IAAmB,WAAY;IAAmB,OAAQ;AAAc"}

package/dist/components/ui/stepper_module.css

@@ -0,0 +1,75 @@
+.stepper-zI1PdI {
+  align-items: flex-start;
+  gap: var(--ac-space-2);
+  display: flex;
+}
+
+.vertical-GWnVMV {
+  flex-direction: column;
+}
+
+.step-pUl5wl {
+  gap: var(--ac-space-2);
+  position: relative;
+}
+
+.indicator-ywL5Ph, .step-pUl5wl {
+  align-items: center;
+  display: flex;
+}
+
+.indicator-ywL5Ph {
+  border: 2px solid var(--ac-border);
+  font-size: var(--ac-text-sm);
+  height: 2rem;
+  transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast),color var(--ac-transition-fast);
+  border-radius: 50%;
+  flex-shrink: 0;
+  justify-content: center;
+  width: 2rem;
+  font-weight: 600;
+}
+
+.step-pUl5wl[data-state="completed"] .indicator-ywL5Ph {
+  background-color: var(--ac-primary);
+  border-color: var(--ac-primary);
+  color: var(--ac-primary-foreground);
+}
+
+.step-pUl5wl[data-state="active"] .indicator-ywL5Ph {
+  border-color: var(--ac-primary);
+  color: var(--ac-primary);
+}
+
+.step-pUl5wl[data-state="upcoming"] .indicator-ywL5Ph {
+  color: var(--ac-muted-foreground);
+}
+
+.connector-f5sHoL {
+  background-color: var(--ac-border);
+  height: 2px;
+  min-width: var(--ac-space-4);
+  flex: 1;
+}
+
+.step-pUl5wl[data-state="completed"] .connector-f5sHoL {
+  background-color: var(--ac-primary);
+}
+
+.vertical-GWnVMV .connector-f5sHoL {
+  height: var(--ac-space-4);
+  min-width: unset;
+  width: 2px;
+}
+
+.label-ZRKeKH {
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+}
+
+.step-pUl5wl[data-state="upcoming"] .label-ZRKeKH {
+  color: var(--ac-muted-foreground);
+}
+
+
+/*# sourceMappingURL=stepper_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/stepper.module.css","webpack://./src/components/ui/stepper.module.css"],"names":[],"mappings":"AADA;ECEE,uBAAuB;EACvB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,4BAA4B;EAC5B,YAAY;EACZ,6HAA6H;EAC7H,kBAAkB;EAClB,cAAc;EACd,uBAAuB;EACvB,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,+BAA+B;EAC/B,mCAAmC;AACrC;;AAEA;EACE,+BAA+B;EAC/B,wBAAwB;AAC1B;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,kCAAkC;EAClC,WAAW;EACX,4BAA4B;EAC5B,OAAO;AACT;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,UAAU;AACZ;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;AACnC","sourcesContent":[".stepper{align-items:flex-start;display:flex;gap:var(--ac-space-2)}.vertical{flex-direction:column}.step{gap:var(--ac-space-2);position:relative}.indicator,.step{align-items:center;display:flex}.indicator{border:2px solid var(--ac-border);border-radius:50%;flex-shrink:0;font-size:var(--ac-text-sm);font-weight:600;height:2rem;justify-content:center;transition:background-color var(--ac-transition-fast),border-color var(--ac-transition-fast),color var(--ac-transition-fast);width:2rem}.step[data-state=completed] .indicator{background-color:var(--ac-primary);border-color:var(--ac-primary);color:var(--ac-primary-foreground)}.step[data-state=active] .indicator{border-color:var(--ac-primary);color:var(--ac-primary)}.step[data-state=upcoming] .indicator{color:var(--ac-muted-foreground)}.connector{background-color:var(--ac-border);flex:1;height:2px;min-width:var(--ac-space-4)}.step[data-state=completed] .connector{background-color:var(--ac-primary)}.vertical .connector{height:var(--ac-space-4);min-width:unset;width:2px}.label{color:var(--ac-foreground);font-size:var(--ac-text-sm)}.step[data-state=upcoming] .label{color:var(--ac-muted-foreground)}",".stepper {\n  align-items: flex-start;\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.vertical {\n  flex-direction: column;\n}\n\n.step {\n  gap: var(--ac-space-2);\n  position: relative;\n}\n\n.indicator, .step {\n  align-items: center;\n  display: flex;\n}\n\n.indicator {\n  border: 2px solid var(--ac-border);\n  font-size: var(--ac-text-sm);\n  height: 2rem;\n  transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  border-radius: 50%;\n  flex-shrink: 0;\n  justify-content: center;\n  width: 2rem;\n  font-weight: 600;\n}\n\n.step[data-state=\"completed\"] .indicator {\n  background-color: var(--ac-primary);\n  border-color: var(--ac-primary);\n  color: var(--ac-primary-foreground);\n}\n\n.step[data-state=\"active\"] .indicator {\n  border-color: var(--ac-primary);\n  color: var(--ac-primary);\n}\n\n.step[data-state=\"upcoming\"] .indicator {\n  color: var(--ac-muted-foreground);\n}\n\n.connector {\n  background-color: var(--ac-border);\n  height: 2px;\n  min-width: var(--ac-space-4);\n  flex: 1;\n}\n\n.step[data-state=\"completed\"] .connector {\n  background-color: var(--ac-primary);\n}\n\n.vertical .connector {\n  height: var(--ac-space-4);\n  min-width: unset;\n  width: 2px;\n}\n\n.label {\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n}\n\n.step[data-state=\"upcoming\"] .label {\n  color: var(--ac-muted-foreground);\n}\n"],"sourceRoot":""}

package/dist/components/ui/switch.d.ts

@@ -1,5 +1,32 @@
-import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { Switch as BaseSwitch } from "@base-ui/react/switch";
 import * as React from "react";
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Props for the shared switch wrapper.
+ */
+interface SwitchProps extends Omit<React.ComponentPropsWithRef<typeof BaseSwitch.Root>, "className"> {
+    /** Additional CSS classes merged with the switch root styles. @default undefined */
+    className?: string;
+}
+/**
+ * Toggles between on and off states with a styled thumb control.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/switch | Base UI Switch}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Switch defaultChecked />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/switch | Base UI Documentation}
+ */
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare namespace Switch {
+    type Props = SwitchProps;
+    type State = BaseSwitch.Root.State;
+}
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,8JAiBV,CAAC;AAGH,OAAO,EAAC,MAAM,EAAC,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAClG,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM,8FAiBX,CAAC;AAIF,kBAAU,MAAM,CAAC;IACf,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;CAC3C;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}