@altimateai/ui-components 0.0.1-beta.2 → 0.0.1-beta.4

package/dist/shadcn/index.js

@@ -48,41 +48,24 @@ const Wi = it(
   }
 ), Br = s.forwardRef(({ side: e = "right", className: a, children: t, ...r }, o) => /* @__PURE__ */ l.jsxs(Ui, { children: [
   /* @__PURE__ */ l.jsx(Hr, {}),
-  /* @__PURE__ */ l.jsxs(
-    wa,
-    {
-      ref: o,
-      className: S(Wi({ side: e }), a),
-      ...r,
-      children: [
-        t,
-        /* @__PURE__ */ l.jsxs(Ct, { className: "al-absolute al-right-4 al-top-4 al-rounded-sm al-opacity-70 al-ring-offset-background al-transition-opacity hover:al-opacity-100 focus:al-outline-none focus:al-ring-2 focus:al-ring-ring focus:al-ring-offset-2 disabled:al-pointer-events-none data-[state=open]:al-bg-secondary", children: [
-          /* @__PURE__ */ l.jsx(kr, { className: "al-h-4 al-w-4" }),
-          /* @__PURE__ */ l.jsx("span", { className: "al-sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
+  /* @__PURE__ */ l.jsxs(wa, { ref: o, className: S(Wi({ side: e }), a), ...r, children: [
+    t,
+    /* @__PURE__ */ l.jsxs(Ct, { className: "al-absolute al-right-4 al-top-4 al-rounded-sm al-opacity-70 al-ring-offset-background al-transition-opacity hover:al-opacity-100 focus:al-outline-none focus:al-ring-2 focus:al-ring-ring focus:al-ring-offset-2 disabled:al-pointer-events-none data-[state=open]:al-bg-secondary", children: [
+      /* @__PURE__ */ l.jsx(kr, { className: "al-h-4 al-w-4" }),
+      /* @__PURE__ */ l.jsx("span", { className: "al-sr-only", children: "Close" })
+    ] })
+  ] })
 ] }));
 Br.displayName = wa.displayName;
-const Xi = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsx(
+const Xi = ({ className: e, ...a }) => /* @__PURE__ */ l.jsx(
   "div",
   {
-    className: S(
-      "al-flex al-flex-col al-space-y-2 al-text-center sm:al-text-left",
-      e
-    ),
+    className: S("al-flex al-flex-col al-space-y-2 al-text-center sm:al-text-left", e),
     ...a
   }
 );
 Xi.displayName = "SheetHeader";
-const Yi = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsx(
+const Yi = ({ className: e, ...a }) => /* @__PURE__ */ l.jsx(
   "div",
   {
     className: S(
@@ -126,14 +109,7 @@ Gr.displayName = Zi;
 var Kr = Gr;
 const Qi = it(
   "al-text-sm al-font-medium al-leading-none peer-disabled:al-cursor-not-allowed peer-disabled:al-opacity-70"
-), Ur = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  Kr,
-  {
-    ref: t,
-    className: S(Qi(), e),
-    ...a
-  }
-));
+), Ur = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(Kr, { ref: t, className: S(Qi(), e), ...a }));
 Ur.displayName = Kr.displayName;
 var Da = "Radio", [ec, Wr] = ie(Da), [tc, ac] = ec(Da), Xr = s.forwardRef(
   (e, a) => {
@@ -338,14 +314,7 @@ var ic = "RadioGroupIndicator", ro = s.forwardRef(
 );
 ro.displayName = ic;
 var oo = eo, no = ao, cc = ro;
-const dc = Ye(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  oo,
-  {
-    className: S("al-grid al-gap-2", e),
-    ...a,
-    ref: t
-  }
-));
+const dc = Ye(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(oo, { className: S("al-grid al-gap-2", e), ...a, ref: t }));
 dc.displayName = oo.displayName;
 const uc = Ye(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   no,
@@ -1218,6 +1187,8 @@ const nd = od, Go = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */
       "al-fixed al-top-0 al-z-[100] al-flex al-max-h-screen al-w-full al-flex-col-reverse al-p-4 sm:al-bottom-0 sm:al-right-0 sm:al-top-auto sm:al-flex-col md:al-max-w-[420px]",
       e
     ),
+    role: "region",
+    "aria-label": "notifications",
     ...a
   }
 ));
@@ -1240,6 +1211,8 @@ const sd = it(
   {
     ref: r,
     className: S(sd({ variant: a }), e),
+    role: "alert",
+    "aria-label": a === "destructive" ? "error-notification" : "notification",
     ...t
   }
 ));
@@ -1252,6 +1225,7 @@ const ld = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
       "al-inline-flex al-h-8 al-shrink-0 al-items-center al-justify-center al-rounded-md al-border al-bg-transparent al-px-3 al-text-sm al-font-medium al-ring-offset-background al-transition-colors hover:al-bg-secondary focus:al-outline-none focus:al-ring-2 focus:al-ring-ring focus:al-ring-offset-2 disabled:al-pointer-events-none disabled:al-opacity-50 group-[.destructive]:al-border-muted/40 group-[.destructive]:hover:al-border-destructive/30 group-[.destructive]:hover:al-bg-destructive group-[.destructive]:hover:al-text-destructive-foreground group-[.destructive]:focus:al-ring-destructive",
       e
     ),
+    role: "button",
     ...a
   }
 ));
@@ -1265,6 +1239,8 @@ const Uo = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
       e
     ),
     "toast-close": "",
+    role: "button",
+    "aria-label": "close notification",
     ...a,
     children: /* @__PURE__ */ l.jsx(kr, { className: "al-h-4 al-w-4" })
   }
@@ -1275,6 +1251,8 @@ const Wo = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   {
     ref: t,
     className: S("al-text-sm al-font-semibold", e),
+    role: "heading",
+    "aria-level": 2,
     ...a
   }
 ));
@@ -1284,6 +1262,7 @@ const Xo = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   {
     ref: t,
     className: S("al-text-sm al-opacity-90", e),
+    role: "status",
     ...a
   }
 ));
@@ -1313,9 +1292,7 @@ const Yt = /* @__PURE__ */ new Map(), ur = (e) => {
     case "UPDATE_TOAST":
       return {
         ...e,
-        toasts: e.toasts.map(
-          (t) => t.id === a.toast.id ? { ...t, ...a.toast } : t
-        )
+        toasts: e.toasts.map((t) => t.id === a.toast.id ? { ...t, ...a.toast } : t)
       };
     case "DISMISS_TOAST": {
       const { toastId: t } = a;
@@ -1413,28 +1390,31 @@ const md = it(
   {
     ref: r,
     role: "alert",
+    "aria-label": a === "destructive" ? "error-alert" : "status-alert",
     className: S(md({ variant: a }), e),
     ...t
   }
 ));
 gd.displayName = "Alert";
-const vd = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "h5",
-  {
-    ref: t,
-    className: S(
-      "al-mb-1 al-font-medium al-leading-none al-tracking-tight",
-      e
-    ),
-    ...a
-  }
-));
+const vd = s.forwardRef(
+  ({ className: e, children: a, ...t }, r) => /* @__PURE__ */ l.jsx(
+    "h5",
+    {
+      ref: r,
+      className: S("al-mb-1 al-font-medium al-leading-none al-tracking-tight", e),
+      ...t,
+      children: a
+    }
+  )
+);
 vd.displayName = "AlertTitle";
 const hd = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: t,
     className: S("al-text-sm [&_p]:al-leading-relaxed", e),
+    role: "alert",
+    "aria-label": "alert-description",
     ...a
   }
 ));
@@ -1566,24 +1546,15 @@ const Ad = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsxs(_d
   )
 ] }));
 Ad.displayName = dn.displayName;
-const Id = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsx(
+const Id = ({ className: e, ...a }) => /* @__PURE__ */ l.jsx(
   "div",
   {
-    className: S(
-      "al-flex al-flex-col al-space-y-2 al-text-center sm:al-text-left",
-      e
-    ),
+    className: S("al-flex al-flex-col al-space-y-2 al-text-center sm:al-text-left", e),
     ...a
   }
 );
 Id.displayName = "AlertDialogHeader";
-const Md = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsx(
+const Md = ({ className: e, ...a }) => /* @__PURE__ */ l.jsx(
   "div",
   {
     className: S(
@@ -1612,24 +1583,13 @@ const Dd = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   }
 ));
 Dd.displayName = mn.displayName;
-const Ld = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  un,
-  {
-    ref: t,
-    className: S(Ia(), e),
-    ...a
-  }
-));
+const Ld = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(un, { ref: t, className: S(Ia(), e), ...a }));
 Ld.displayName = un.displayName;
 const kd = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   fn,
   {
     ref: t,
-    className: S(
-      Ia({ variant: "outline" }),
-      "al-mt-2 sm:al-mt-0",
-      e
-    ),
+    className: S(Ia({ variant: "outline" }), "al-mt-2 sm:al-mt-0", e),
     ...a
   }
 ));
@@ -1723,6 +1683,8 @@ const Gd = s.forwardRef(({ className: e, value: a, ...t }, r) => {
       children: /* @__PURE__ */ l.jsx(
         Bd,
         {
+          role: "presentation",
+          "aria-label": "Progress indicator",
           className: "al-h-full al-w-full al-flex-1 al-bg-primary al-transition-all",
           style: {
             transform: n === 0 ? "translateX(0%)" : `translateX(-${n}%)`
@@ -2549,10 +2511,7 @@ const rs = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   es,
   {
     ref: t,
-    className: S(
-      "al-flex al-cursor-default al-items-center al-justify-center al-py-1",
-      e
-    ),
+    className: S("al-flex al-cursor-default al-items-center al-justify-center al-py-1", e),
     ...a,
     children: /* @__PURE__ */ l.jsx(Vi, { className: "al-h-4 al-w-4" })
   }
@@ -2562,10 +2521,7 @@ const os = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   ts,
   {
     ref: t,
-    className: S(
-      "al-flex al-cursor-default al-items-center al-justify-center al-py-1",
-      e
-    ),
+    className: S("al-flex al-cursor-default al-items-center al-justify-center al-py-1", e),
     ...a,
     children: /* @__PURE__ */ l.jsx(zr, { className: "al-h-4 al-w-4" })
   }
@@ -2603,10 +2559,7 @@ const xu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   Zn,
   {
     ref: t,
-    className: S(
-      "al-py-1.5 al-pl-8 al-pr-2 al-text-sm al-font-semibold",
-      e
-    ),
+    className: S("al-py-1.5 al-pl-8 al-pr-2 al-text-sm al-font-semibold", e),
     ...a
   }
 ));
@@ -2663,34 +2616,23 @@ function Nu(e) {
   return Ru.includes(e);
 }
 var ss = ns;
-const ls = s.forwardRef(
-  ({ className: e, orientation: a = "horizontal", decorative: t = !0, ...r }, o) => /* @__PURE__ */ l.jsx(
-    ss,
-    {
-      ref: o,
-      decorative: t,
-      orientation: a,
-      className: S(
-        "al-shrink-0 al-bg-border",
-        a === "horizontal" ? "al-h-[1px] al-w-full" : "al-h-full al-w-[1px]",
-        e
-      ),
-      ...r
-    }
-  )
-);
+const ls = s.forwardRef(({ className: e, orientation: a = "horizontal", decorative: t = !0, ...r }, o) => /* @__PURE__ */ l.jsx(
+  ss,
+  {
+    ref: o,
+    decorative: t,
+    orientation: a,
+    className: S(
+      "al-shrink-0 al-bg-border",
+      a === "horizontal" ? "al-h-[1px] al-w-full" : "al-h-full al-w-[1px]",
+      e
+    ),
+    ...r
+  }
+));
 ls.displayName = ss.displayName;
-function gr({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      className: S("al-animate-pulse al-rounded-md al-bg-muted", e),
-      ...a
-    }
-  );
+function gr({ className: e, ...a }) {
+  return /* @__PURE__ */ l.jsx("div", { className: S("al-animate-pulse al-rounded-md al-bg-muted", e), ...a });
 }
 const Pu = "sidebar:state", Tu = 60 * 60 * 24 * 7, Eu = "16rem", _u = "18rem", Au = "3rem", Iu = "b", is = s.createContext(null);
 function Lt() {
@@ -2857,43 +2799,47 @@ const Du = s.forwardRef(({ className: e, onClick: a, ...t }, r) => {
   );
 });
 Du.displayName = "SidebarTrigger";
-const Lu = s.forwardRef(({ className: e, ...a }, t) => {
-  const { toggleSidebar: r } = Lt();
-  return /* @__PURE__ */ l.jsx(
-    "button",
+const Lu = s.forwardRef(
+  ({ className: e, ...a }, t) => {
+    const { toggleSidebar: r } = Lt();
+    return /* @__PURE__ */ l.jsx(
+      "button",
+      {
+        ref: t,
+        "data-sidebar": "rail",
+        "aria-label": "Toggle Sidebar",
+        tabIndex: -1,
+        onClick: r,
+        title: "Toggle Sidebar",
+        className: S(
+          "al-absolute al-inset-y-0 al-z-20 al-hidden al-w-4 al--translate-x-1/2 al-transition-all al-ease-linear after:al-absolute after:al-inset-y-0 after:al-left-1/2 after:al-w-[2px] hover:after:al-bg-sidebar-border group-data-[side=left]:al--right-4 group-data-[side=right]:al-left-0 sm:al-flex",
+          "[[data-side=left]_&]:al-cursor-w-resize [[data-side=right]_&]:al-cursor-e-resize",
+          "[[data-side=left][data-state=collapsed]_&]:al-cursor-e-resize [[data-side=right][data-state=collapsed]_&]:al-cursor-w-resize",
+          "group-data-[collapsible=offcanvas]:al-translate-x-0 group-data-[collapsible=offcanvas]:after:al-left-full group-data-[collapsible=offcanvas]:hover:al-bg-sidebar",
+          "[[data-side=left][data-collapsible=offcanvas]_&]:al--right-2",
+          "[[data-side=right][data-collapsible=offcanvas]_&]:al--left-2",
+          e
+        ),
+        ...a
+      }
+    );
+  }
+);
+Lu.displayName = "SidebarRail";
+const ku = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "main",
     {
       ref: t,
-      "data-sidebar": "rail",
-      "aria-label": "Toggle Sidebar",
-      tabIndex: -1,
-      onClick: r,
-      title: "Toggle Sidebar",
       className: S(
-        "al-absolute al-inset-y-0 al-z-20 al-hidden al-w-4 al--translate-x-1/2 al-transition-all al-ease-linear after:al-absolute after:al-inset-y-0 after:al-left-1/2 after:al-w-[2px] hover:after:al-bg-sidebar-border group-data-[side=left]:al--right-4 group-data-[side=right]:al-left-0 sm:al-flex",
-        "[[data-side=left]_&]:al-cursor-w-resize [[data-side=right]_&]:al-cursor-e-resize",
-        "[[data-side=left][data-state=collapsed]_&]:al-cursor-e-resize [[data-side=right][data-state=collapsed]_&]:al-cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:al-translate-x-0 group-data-[collapsible=offcanvas]:after:al-left-full group-data-[collapsible=offcanvas]:hover:al-bg-sidebar",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:al--right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:al--left-2",
+        "al-relative al-flex al-min-h-svh al-flex-1 al-flex-col al-bg-background",
+        "peer-data-[variant=inset]:al-min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:al-m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:al-ml-2 md:peer-data-[variant=inset]:al-ml-0 md:peer-data-[variant=inset]:al-rounded-xl md:peer-data-[variant=inset]:al-shadow",
         e
       ),
       ...a
     }
-  );
-});
-Lu.displayName = "SidebarRail";
-const ku = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "main",
-  {
-    ref: t,
-    className: S(
-      "al-relative al-flex al-min-h-svh al-flex-1 al-flex-col al-bg-background",
-      "peer-data-[variant=inset]:al-min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:al-m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:al-ml-2 md:peer-data-[variant=inset]:al-ml-0 md:peer-data-[variant=inset]:al-rounded-xl md:peer-data-[variant=inset]:al-shadow",
-      e
-    ),
-    ...a
-  }
-));
+  )
+);
 ku.displayName = "SidebarInset";
 const Ou = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   Vr,
@@ -2908,25 +2854,29 @@ const Ou = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   }
 ));
 Ou.displayName = "SidebarInput";
-const zu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "div",
-  {
-    ref: t,
-    "data-sidebar": "header",
-    className: S("al-flex al-flex-col al-gap-2 al-p-2", e),
-    ...a
-  }
-));
+const zu = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "header",
+      className: S("al-flex al-flex-col al-gap-2 al-p-2", e),
+      ...a
+    }
+  )
+);
 zu.displayName = "SidebarHeader";
-const $u = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "div",
-  {
-    ref: t,
-    "data-sidebar": "footer",
-    className: S("al-flex al-flex-col al-gap-2 al-p-2", e),
-    ...a
-  }
-));
+const $u = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "footer",
+      className: S("al-flex al-flex-col al-gap-2 al-p-2", e),
+      ...a
+    }
+  )
+);
 $u.displayName = "SidebarFooter";
 const Fu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   ls,
@@ -2938,31 +2888,32 @@ const Fu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   }
 ));
 Fu.displayName = "SidebarSeparator";
-const Vu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "div",
-  {
-    ref: t,
-    "data-sidebar": "content",
-    className: S(
-      "al-flex al-min-h-0 al-flex-1 al-flex-col al-gap-2 al-overflow-auto group-data-[collapsible=icon]:al-overflow-hidden",
-      e
-    ),
-    ...a
-  }
-));
+const Vu = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "content",
+      className: S(
+        "al-flex al-min-h-0 al-flex-1 al-flex-col al-gap-2 al-overflow-auto group-data-[collapsible=icon]:al-overflow-hidden",
+        e
+      ),
+      ...a
+    }
+  )
+);
 Vu.displayName = "SidebarContent";
-const Hu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "div",
-  {
-    ref: t,
-    "data-sidebar": "group",
-    className: S(
-      "al-relative al-flex al-w-full al-min-w-0 al-flex-col al-p-2",
-      e
-    ),
-    ...a
-  }
-));
+const Hu = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "group",
+      className: S("al-relative al-flex al-w-full al-min-w-0 al-flex-col al-p-2", e),
+      ...a
+    }
+  )
+);
 Hu.displayName = "SidebarGroup";
 const Bu = s.forwardRef(({ className: e, asChild: a = !1, ...t }, r) => {
   const o = a ? Pe : "div";
@@ -3000,38 +2951,41 @@ const Gu = s.forwardRef(({ className: e, asChild: a = !1, ...t }, r) => {
   );
 });
 Gu.displayName = "SidebarGroupAction";
-const Ku = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "div",
-  {
-    ref: t,
-    "data-sidebar": "group-content",
-    className: S("al-w-full al-text-sm", e),
-    ...a
-  }
-));
+const Ku = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "group-content",
+      className: S("al-w-full al-text-sm", e),
+      ...a
+    }
+  )
+);
 Ku.displayName = "SidebarGroupContent";
-const Uu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "ul",
-  {
-    ref: t,
-    "data-sidebar": "menu",
-    className: S(
-      "al-flex al-w-full al-min-w-0 al-flex-col al-gap-1",
-      e
-    ),
-    ...a
-  }
-));
+const Uu = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "ul",
+    {
+      ref: t,
+      "data-sidebar": "menu",
+      className: S("al-flex al-w-full al-min-w-0 al-flex-col al-gap-1", e),
+      ...a
+    }
+  )
+);
 Uu.displayName = "SidebarMenu";
-const Wu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "li",
-  {
-    ref: t,
-    "data-sidebar": "menu-item",
-    className: S("al-group/menu-item al-relative", e),
-    ...a
-  }
-));
+const Wu = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "li",
+    {
+      ref: t,
+      "data-sidebar": "menu-item",
+      className: S("al-group/menu-item al-relative", e),
+      ...a
+    }
+  )
+);
 Wu.displayName = "SidebarMenuItem";
 const Xu = it(
   "al-peer/menu-button al-flex al-w-full al-items-center al-gap-2 al-overflow-hidden al-rounded-md al-p-2 al-text-left al-text-sm al-outline-none al-ring-sidebar-ring al-transition-[width,height,padding] hover:al-bg-sidebar-accent hover:al-text-sidebar-accent-foreground focus-visible:al-ring-2 active:al-bg-sidebar-accent active:al-text-sidebar-accent-foreground disabled:al-pointer-events-none disabled:al-opacity-50 al-group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:al-pointer-events-none aria-disabled:al-opacity-50 data-[active=true]:al-bg-sidebar-accent data-[active=true]:al-font-medium data-[active=true]:al-text-sidebar-accent-foreground data-[state=open]:hover:al-bg-sidebar-accent data-[state=open]:hover:al-text-sidebar-accent-foreground group-data-[collapsible=icon]:al-!size-8 group-data-[collapsible=icon]:al-!p-2 [&>span:last-child]:al-truncate [&>svg]:al-size-4 [&>svg]:al-shrink-0",
@@ -3113,23 +3067,25 @@ const qu = s.forwardRef(({ className: e, asChild: a = !1, showOnHover: t = !1, .
   );
 });
 qu.displayName = "SidebarMenuAction";
-const Ju = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "div",
-  {
-    ref: t,
-    "data-sidebar": "menu-badge",
-    className: S(
-      "al-absolute al-right-1 al-flex al-h-5 al-min-w-5 al-items-center al-justify-center al-rounded-md al-px-1 al-text-xs al-font-medium al-tabular-nums al-text-sidebar-foreground al-select-none al-pointer-events-none",
-      "al-peer-hover/menu-button:text-sidebar-accent-foreground al-peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
-      "al-peer-data-[size=sm]/menu-button:top-1",
-      "al-peer-data-[size=default]/menu-button:top-1.5",
-      "al-peer-data-[size=lg]/menu-button:top-2.5",
-      "group-data-[collapsible=icon]:al-hidden",
-      e
-    ),
-    ...a
-  }
-));
+const Ju = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      ref: t,
+      "data-sidebar": "menu-badge",
+      className: S(
+        "al-absolute al-right-1 al-flex al-h-5 al-min-w-5 al-items-center al-justify-center al-rounded-md al-px-1 al-text-xs al-font-medium al-tabular-nums al-text-sidebar-foreground al-select-none al-pointer-events-none",
+        "al-peer-hover/menu-button:text-sidebar-accent-foreground al-peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "al-peer-data-[size=sm]/menu-button:top-1",
+        "al-peer-data-[size=default]/menu-button:top-1.5",
+        "al-peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:al-hidden",
+        e
+      ),
+      ...a
+    }
+  )
+);
 Ju.displayName = "SidebarMenuBadge";
 const Zu = s.forwardRef(({ className: e, showIcon: a = !1, ...t }, r) => {
   const o = s.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
@@ -3138,19 +3094,10 @@ const Zu = s.forwardRef(({ className: e, showIcon: a = !1, ...t }, r) => {
     {
       ref: r,
       "data-sidebar": "menu-skeleton",
-      className: S(
-        "al-rounded-md al-h-8 al-flex al-gap-2 al-px-2 al-items-center",
-        e
-      ),
+      className: S("al-rounded-md al-h-8 al-flex al-gap-2 al-px-2 al-items-center", e),
       ...t,
       children: [
-        a && /* @__PURE__ */ l.jsx(
-          gr,
-          {
-            className: "al-size-4 al-rounded-md",
-            "data-sidebar": "menu-skeleton-icon"
-          }
-        ),
+        a && /* @__PURE__ */ l.jsx(gr, { className: "al-size-4 al-rounded-md", "data-sidebar": "menu-skeleton-icon" }),
         /* @__PURE__ */ l.jsx(
           gr,
           {
@@ -3166,21 +3113,25 @@ const Zu = s.forwardRef(({ className: e, showIcon: a = !1, ...t }, r) => {
   );
 });
 Zu.displayName = "SidebarMenuSkeleton";
-const Qu = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "ul",
-  {
-    ref: t,
-    "data-sidebar": "menu-sub",
-    className: S(
-      "al-mx-3.5 al-flex al-min-w-0 al-translate-x-px al-flex-col al-gap-1 al-border-l al-border-sidebar-border al-px-2.5 al-py-0.5",
-      "group-data-[collapsible=icon]:al-hidden",
-      e
-    ),
-    ...a
-  }
-));
+const Qu = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "ul",
+    {
+      ref: t,
+      "data-sidebar": "menu-sub",
+      className: S(
+        "al-mx-3.5 al-flex al-min-w-0 al-translate-x-px al-flex-col al-gap-1 al-border-l al-border-sidebar-border al-px-2.5 al-py-0.5",
+        "group-data-[collapsible=icon]:al-hidden",
+        e
+      ),
+      ...a
+    }
+  )
+);
 Qu.displayName = "SidebarMenuSub";
-const ef = s.forwardRef(({ ...e }, a) => /* @__PURE__ */ l.jsx("li", { ref: a, ...e }));
+const ef = s.forwardRef(
+  ({ ...e }, a) => /* @__PURE__ */ l.jsx("li", { ref: a, ...e })
+);
 ef.displayName = "SidebarMenuSubItem";
 const tf = s.forwardRef(({ asChild: e = !1, size: a = "md", isActive: t, className: r, ...o }, n) => {
   const i = e ? Pe : "a";
@@ -3506,26 +3457,30 @@ const mf = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
 mf.displayName = Ps.displayName;
 const gf = s.forwardRef(({ ...e }, a) => /* @__PURE__ */ l.jsx("nav", { ref: a, "aria-label": "breadcrumb", ...e }));
 gf.displayName = "Breadcrumb";
-const vf = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "ol",
-  {
-    ref: t,
-    className: S(
-      "al-flex al-flex-wrap al-items-center al-gap-1.5 al-break-words al-text-sm al-text-muted-foreground sm:al-gap-2.5",
-      e
-    ),
-    ...a
-  }
-));
+const vf = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "ol",
+    {
+      ref: t,
+      className: S(
+        "al-flex al-flex-wrap al-items-center al-gap-1.5 al-break-words al-text-sm al-text-muted-foreground sm:al-gap-2.5",
+        e
+      ),
+      ...a
+    }
+  )
+);
 vf.displayName = "BreadcrumbList";
-const hf = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "li",
-  {
-    ref: t,
-    className: S("al-inline-flex al-items-center al-gap-1.5", e),
-    ...a
-  }
-));
+const hf = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "li",
+    {
+      ref: t,
+      className: S("al-inline-flex al-items-center al-gap-1.5", e),
+      ...a
+    }
+  )
+);
 hf.displayName = "BreadcrumbItem";
 const bf = s.forwardRef(({ asChild: e, className: a, ...t }, r) => {
   const o = e ? Pe : "a";
@@ -3539,23 +3494,21 @@ const bf = s.forwardRef(({ asChild: e, className: a, ...t }, r) => {
   );
 });
 bf.displayName = "BreadcrumbLink";
-const xf = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "span",
-  {
-    ref: t,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: S("al-font-normal al-text-foreground", e),
-    ...a
-  }
-));
+const xf = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "span",
+    {
+      ref: t,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: S("al-font-normal al-text-foreground", e),
+      ...a
+    }
+  )
+);
 xf.displayName = "BreadcrumbPage";
-const wf = ({
-  children: e,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ l.jsx(
+const wf = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l.jsx(
   "li",
   {
     role: "presentation",
@@ -3566,18 +3519,12 @@ const wf = ({
   }
 );
 wf.displayName = "BreadcrumbSeparator";
-const yf = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsxs(
+const yf = ({ className: e, ...a }) => /* @__PURE__ */ l.jsxs(
   "span",
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: S(
-      "al-flex al-h-9 al-w-9 al-items-center al-justify-center",
-      e
-    ),
+    className: S("al-flex al-h-9 al-w-9 al-items-center al-justify-center", e),
     ...a,
     children: [
       /* @__PURE__ */ l.jsx(Fr, { className: "al-h-4 al-w-4" }),
@@ -3992,13 +3939,23 @@ const Ff = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsxs(
   Fs,
   {
     ref: t,
+    role: "group",
+    "aria-label": "Slider",
     className: S(
       "al-relative al-flex al-w-full al-touch-none al-select-none al-items-center",
       e
     ),
     ...a,
     children: [
-      /* @__PURE__ */ l.jsx(Of, { className: "al-relative al-h-2 al-w-full al-grow al-overflow-hidden al-rounded-full al-bg-secondary", children: /* @__PURE__ */ l.jsx(zf, { className: "al-absolute al-h-full al-bg-primary" }) }),
+      /* @__PURE__ */ l.jsx(
+        Of,
+        {
+          role: "presentation",
+          "aria-label": "Slider track",
+          className: "al-relative al-h-2 al-w-full al-grow al-overflow-hidden al-rounded-full al-bg-secondary",
+          children: /* @__PURE__ */ l.jsx(zf, { className: "al-absolute al-h-full al-bg-primary" })
+        }
+      ),
       /* @__PURE__ */ l.jsx($f, { className: "al-block al-h-5 al-w-5 al-rounded-full al-border-2 al-border-primary al-bg-background al-ring-offset-background al-transition-colors focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-pointer-events-none disabled:al-opacity-50" })
     ]
   }
@@ -4219,9 +4176,7 @@ function sp(e) {
     fieldState: p
   }), [f, c, p]);
 }
-const lp = (e) => e.render(sp(e)), Sg = Jf, Us = s.createContext(
-  {}
-), Cg = ({
+const lp = (e) => e.render(sp(e)), Sg = Jf, Us = s.createContext({}), Cg = ({
   ...e
 }) => /* @__PURE__ */ l.jsx(Us.Provider, { value: { name: e.name }, children: /* @__PURE__ */ l.jsx(lp, { ...e }) }), zt = () => {
   const e = s.useContext(Us), a = s.useContext(Ws), { getFieldState: t, formState: r } = Ot(), o = t(e.name, r);
@@ -4236,12 +4191,12 @@ const lp = (e) => e.render(sp(e)), Sg = Jf, Us = s.createContext(
     formMessageId: `${n}-form-item-message`,
     ...o
   };
-}, Ws = s.createContext(
-  {}
-), ip = s.forwardRef(({ className: e, ...a }, t) => {
-  const r = s.useId();
-  return /* @__PURE__ */ l.jsx(Ws.Provider, { value: { id: r }, children: /* @__PURE__ */ l.jsx("div", { ref: t, className: S("al-space-y-2", e), ...a }) });
-});
+}, Ws = s.createContext({}), ip = s.forwardRef(
+  ({ className: e, ...a }, t) => {
+    const r = s.useId();
+    return /* @__PURE__ */ l.jsx(Ws.Provider, { value: { id: r }, children: /* @__PURE__ */ l.jsx("div", { ref: t, className: S("al-space-y-2", e), ...a }) });
+  }
+);
 ip.displayName = "FormItem";
 const cp = s.forwardRef(({ className: e, ...a }, t) => {
   const { error: r, formItemId: o } = zt();
@@ -4656,22 +4611,20 @@ const $p = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   }
 ));
 $p.displayName = Rl.displayName;
-const Fp = s.forwardRef(
-  ({ className: e, align: a = "start", alignOffset: t = -4, sideOffset: r = 8, ...o }, n) => /* @__PURE__ */ l.jsx(gl, { children: /* @__PURE__ */ l.jsx(
-    vl,
-    {
-      ref: n,
-      align: a,
-      alignOffset: t,
-      sideOffset: r,
-      className: S(
-        "al-z-50 al-min-w-[12rem] al-overflow-hidden al-rounded-md al-border al-bg-popover al-p-1 al-text-popover-foreground al-shadow-md data-[state=open]:al-animate-in data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0 data-[state=closed]:al-zoom-out-95 data-[state=open]:al-zoom-in-95 data-[side=bottom]:al-slide-in-from-top-2 data-[side=left]:al-slide-in-from-right-2 data-[side=right]:al-slide-in-from-left-2 data-[side=top]:al-slide-in-from-bottom-2",
-        e
-      ),
-      ...o
-    }
-  ) })
-);
+const Fp = s.forwardRef(({ className: e, align: a = "start", alignOffset: t = -4, sideOffset: r = 8, ...o }, n) => /* @__PURE__ */ l.jsx(gl, { children: /* @__PURE__ */ l.jsx(
+  vl,
+  {
+    ref: n,
+    align: a,
+    alignOffset: t,
+    sideOffset: r,
+    className: S(
+      "al-z-50 al-min-w-[12rem] al-overflow-hidden al-rounded-md al-border al-bg-popover al-p-1 al-text-popover-foreground al-shadow-md data-[state=open]:al-animate-in data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0 data-[state=closed]:al-zoom-out-95 data-[state=open]:al-zoom-in-95 data-[side=bottom]:al-slide-in-from-top-2 data-[side=left]:al-slide-in-from-right-2 data-[side=right]:al-slide-in-from-left-2 data-[side=top]:al-slide-in-from-bottom-2",
+      e
+    ),
+    ...o
+  }
+) }));
 Fp.displayName = vl.displayName;
 const Vp = s.forwardRef(({ className: e, inset: a, ...t }, r) => /* @__PURE__ */ l.jsx(
   bl,
@@ -4723,11 +4676,7 @@ const Gp = s.forwardRef(({ className: e, inset: a, ...t }, r) => /* @__PURE__ */
   hl,
   {
     ref: r,
-    className: S(
-      "al-px-2 al-py-1.5 al-text-sm al-font-semibold",
-      a && "al-pl-8",
-      e
-    ),
+    className: S("al-px-2 al-py-1.5 al-text-sm al-font-semibold", a && "al-pl-8", e),
     ...t
   }
 ));
@@ -4741,16 +4690,10 @@ const Kp = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
   }
 ));
 Kp.displayName = Sl.displayName;
-const Up = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsx(
+const Up = ({ className: e, ...a }) => /* @__PURE__ */ l.jsx(
   "span",
   {
-    className: S(
-      "al-ml-auto al-text-xs al-tracking-widest al-text-muted-foreground",
-      e
-    ),
+    className: S("al-ml-auto al-text-xs al-tracking-widest al-text-muted-foreground", e),
     ...a
   }
 );
@@ -4765,26 +4708,33 @@ const Wp = ({ className: e, ...a }) => /* @__PURE__ */ l.jsx(
   }
 );
 Wp.displayName = "Pagination";
-const Xp = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
-  "ul",
-  {
-    ref: t,
-    className: S("al-flex al-flex-row al-items-center al-gap-1", e),
-    ...a
-  }
-));
+const Xp = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+    "ul",
+    {
+      ref: t,
+      className: S("al-flex al-flex-row al-items-center al-gap-1", e),
+      ...a
+    }
+  )
+);
 Xp.displayName = "PaginationContent";
-const Yp = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx("li", { ref: t, className: S("al-", e), ...a }));
+const Yp = s.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx("li", { ref: t, className: S("al-", e), ...a })
+);
 Yp.displayName = "PaginationItem";
 const Ja = ({
   className: e,
   isActive: a,
   size: t = "icon",
-  ...r
+  children: r,
+  "aria-label": o,
+  ...n
 }) => /* @__PURE__ */ l.jsx(
   "a",
   {
     "aria-current": a ? "page" : void 0,
+    "aria-label": o || (typeof r == "string" ? r : "Page"),
     className: S(
       Ia({
         variant: a ? "outline" : "ghost",
@@ -4792,7 +4742,8 @@ const Ja = ({
       }),
       e
     ),
-    ...r
+    ...n,
+    children: r
   }
 );
 Ja.displayName = "PaginationLink";
@@ -4813,10 +4764,7 @@ const qp = ({
   }
 );
 qp.displayName = "PaginationPrevious";
-const Jp = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsxs(
+const Jp = ({ className: e, ...a }) => /* @__PURE__ */ l.jsxs(
   Ja,
   {
     "aria-label": "Go to next page",
@@ -4830,17 +4778,11 @@ const Jp = ({
   }
 );
 Jp.displayName = "PaginationNext";
-const Zp = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ l.jsxs(
+const Zp = ({ className: e, ...a }) => /* @__PURE__ */ l.jsxs(
   "span",
   {
     "aria-hidden": !0,
-    className: S(
-      "al-flex al-h-9 al-w-9 al-items-center al-justify-center",
-      e
-    ),
+    className: S("al-flex al-h-9 al-w-9 al-items-center al-justify-center", e),
     ...a,
     children: [
       /* @__PURE__ */ l.jsx(Fr, { className: "al-h-4 al-w-4" }),
@@ -6327,6 +6269,8 @@ const Ig = ({
       "al-flex al-h-full al-w-full data-[panel-group-direction=vertical]:al-flex-col",
       e
     ),
+    role: "group",
+    "aria-label": "resizable-panel-group",
     ...a
   }
 ), Mg = ({
@@ -6338,6 +6282,8 @@ const Ig = ({
   _l,
   {
     className: S("al-group al-relative", e),
+    role: "region",
+    "aria-label": "resizable-panel",
     ...r,
     "data-panel-min-size": a,
     "data-panel-max-size": t
@@ -6346,17 +6292,31 @@ const Ig = ({
   withHandle: e,
   className: a,
   ...t
-}) => /* @__PURE__ */ l.jsx(
-  Wl,
-  {
-    className: S(
-      "al-relative al-flex al-w-px al-items-center al-justify-center al-bg-border after:al-absolute after:al-inset-y-0 after:al-left-1/2 after:al-w-1 after:al--translate-x-1/2 focus-visible:al-outline-none focus-visible:al-ring-1 focus-visible:al-ring-ring focus-visible:al-ring-offset-1 data-[panel-group-direction=vertical]:al-h-px data-[panel-group-direction=vertical]:al-w-full data-[panel-group-direction=vertical]:after:al-left-0 data-[panel-group-direction=vertical]:after:al-h-1 data-[panel-group-direction=vertical]:after:al-w-full data-[panel-group-direction=vertical]:after:al-translate-y-1/2 data-[panel-group-direction=vertical]:after:al-translate-x-0 [&[data-panel-group-direction=vertical]>div]:al-rotate-90",
-      a
-    ),
-    ...t,
-    children: e && /* @__PURE__ */ l.jsx("div", { className: "al-z-10 al-flex al-h-4 al-w-3 al-items-center al-justify-center al-rounded-sm al-border al-bg-border", children: /* @__PURE__ */ l.jsx(Gi, { className: "al-h-2.5 al-w-2.5" }) })
-  }
-);
+}) => {
+  const r = t["data-panel-group-direction"] === "vertical";
+  return /* @__PURE__ */ l.jsx(
+    Wl,
+    {
+      className: S(
+        "al-relative al-flex al-w-px al-items-center al-justify-center al-bg-border after:al-absolute after:al-inset-y-0 after:al-left-1/2 after:al-w-1 after:al--translate-x-1/2 focus-visible:al-outline-none focus-visible:al-ring-1 focus-visible:al-ring-ring focus-visible:al-ring-offset-1 data-[panel-group-direction=vertical]:al-h-px data-[panel-group-direction=vertical]:al-w-full data-[panel-group-direction=vertical]:after:al-left-0 data-[panel-group-direction=vertical]:after:al-h-1 data-[panel-group-direction=vertical]:after:al-w-full data-[panel-group-direction=vertical]:after:al-translate-y-1/2 data-[panel-group-direction=vertical]:after:al-translate-x-0 [&[data-panel-group-direction=vertical]>div]:al-rotate-90",
+        a
+      ),
+      role: "separator",
+      "aria-label": "resize-handle",
+      "aria-orientation": r ? "horizontal" : "vertical",
+      ...t,
+      children: e && /* @__PURE__ */ l.jsx(
+        "div",
+        {
+          className: "al-z-10 al-flex al-h-4 al-w-3 al-items-center al-justify-center al-rounded-sm al-border al-bg-border",
+          "aria-hidden": "true",
+          "aria-label": "resize grip",
+          children: /* @__PURE__ */ l.jsx(Gi, { className: "al-h-2.5 al-w-2.5" })
+        }
+      )
+    }
+  );
+};
 function _m(e, a) {
   return s.useReducer((t, r) => a[t][r] ?? t, e);
 }
@@ -6873,9 +6833,19 @@ const Hm = s.forwardRef(({ className: e, children: a, ...t }, r) => /* @__PURE__
   {
     ref: r,
     className: S("al-relative al-overflow-hidden", e),
+    role: "region",
+    "aria-label": "scroll-area",
     ...t,
     children: [
-      /* @__PURE__ */ l.jsx(Fm, { className: "al-h-full al-w-full al-rounded-[inherit]", children: a }),
+      /* @__PURE__ */ l.jsx(
+        Fm,
+        {
+          className: "al-h-full al-w-full al-rounded-[inherit]",
+          role: "region",
+          "aria-label": "scrollable-content",
+          children: a
+        }
+      ),
       /* @__PURE__ */ l.jsx(ba, {}),
       /* @__PURE__ */ l.jsx(ba, { orientation: "horizontal" }),
       /* @__PURE__ */ l.jsx(Vm, {})