@ai-matrx/design-system 0.28.0 → 0.31.0

package/dist/index.js

@@ -3415,6 +3415,10 @@ function OrganizationPicker({
 }) {
   const active = organizations.find((o) => o.id === activeOrganizationId) ?? null;
   const isDefault = (id) => !!defaultOrganizationId && id === defaultOrganizationId;
+  const listed = defaultOrganizationId === null ? organizations : [
+    ...organizations.filter((o) => o.id === defaultOrganizationId),
+    ...organizations.filter((o) => o.id !== defaultOrganizationId)
+  ];
   const sharesItsName = (org) => organizations.filter((other) => other.name.trim() === org.name.trim()).length > 1;
   return /* @__PURE__ */ jsxs21("div", { className: cn("flex flex-col", className), "data-slot": "organization-picker", children: [
     !hideHeading && /* @__PURE__ */ jsx38("p", { className: "px-2 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Organization" }),
@@ -3427,7 +3431,7 @@ function OrganizationPicker({
         " ",
         /* @__PURE__ */ jsx38("span", { className: "font-medium text-foreground", children: active.name })
       ] }) : /* @__PURE__ */ jsx38("p", { className: "px-2 pb-1 text-[11px] text-destructive", "data-slot": "organization-picker-status", children: "No organization selected \u2014 pick one below." }),
-      /* @__PURE__ */ jsx38("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: organizations.map((org) => {
+      /* @__PURE__ */ jsx38("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: listed.map((org) => {
         const isActive = org.id === activeOrganizationId;
         return /* @__PURE__ */ jsx38("li", { role: "none", children: /* @__PURE__ */ jsxs21(
           "button",
@@ -3503,8 +3507,8 @@ function DefaultOrganizationSwitch({
       "data-slot": "organization-picker-default",
       children: [
         /* @__PURE__ */ jsxs21("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx38("p", { className: "text-xs font-medium text-foreground", children: "Set as my default" }),
-          /* @__PURE__ */ jsx38("p", { className: "truncate text-[11px] text-muted-foreground", children: disabled ? "Select an organization first" : checked ? `Next startup opens ${active.name}` : "Auto-select this at startup" })
+          /* @__PURE__ */ jsx38("p", { className: "text-xs font-medium text-foreground", children: "Keep it at the top" }),
+          /* @__PURE__ */ jsx38("p", { className: "truncate text-[11px] text-muted-foreground", children: disabled ? "Select an organization first" : checked ? `${active.name} is first in this list on every device` : "Star it so it is first in this list on every device" })
         ] }),
         /* @__PURE__ */ jsx38(
           Switch,
@@ -3512,7 +3516,7 @@ function DefaultOrganizationSwitch({
             checked,
             disabled,
             onCheckedChange: onChange,
-            "aria-label": "Set this organization as my default"
+            "aria-label": "Keep this organization at the top of the list"
           }
         )
       ]