@ai-matrx/design-system 0.61.19 → 0.61.21

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.61.21
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.61.20..npm/design-system/v0.61.21 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.61.20
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.61.19..npm/design-system/v0.61.20 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.61.19 — a switch is not an off-centre pill
 
 - Pill-inset guard: a `role="switch"`, `checkbox`, `slider` or `radio` carries state, not a

package/dist/desktop.cjs

@@ -87,6 +87,8 @@ __export(desktop_exports, {
   OrganizationMark: () => OrganizationMark,
   Page: () => Page,
   PageHeader: () => PageHeader,
+  PlaceMark: () => PlaceMark,
+  PlaceStrip: () => PlaceStrip,
   Popover: () => Popover,
   PopoverAnchor: () => PopoverAnchor,
   PopoverContent: () => PopoverContent,
@@ -2309,7 +2311,7 @@ function SourceListSection({ title, action, className, children, ...props }) {
     children
   ] });
 }
-var SourceListItem = React19.forwardRef(function SourceListItem2({ icon, label, hint, badge, current, className, type = "button", ...props }, ref) {
+var SourceListItem = React19.forwardRef(function SourceListItem2({ icon, label, hint, badge, current, soon, className, type = "button", ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "button",
     {
@@ -2317,10 +2319,12 @@ var SourceListItem = React19.forwardRef(function SourceListItem2({ icon, label,
       type,
       "data-slot": "source-list-item",
       "data-current": current || void 0,
+      "data-soon": soon || void 0,
       "aria-current": current ? "page" : void 0,
       className: cn(
         "focus-ring group/item flex w-full items-center gap-2 rounded-control px-2 text-left text-body text-label transition-colors duration-100 hover:bg-fill disabled:opacity-40",
-        hint ? "min-h-row py-1" : "h-sidebar-row",
+        hint && !soon ? "min-h-row py-1" : "h-sidebar-row",
+        soon && "text-label-tertiary",
         current && "bg-selection-muted font-medium hover:bg-selection-muted [[data-window-active=false]_&]:bg-fill",
         className
       ),
@@ -2329,7 +2333,7 @@ var SourceListItem = React19.forwardRef(function SourceListItem2({ icon, label,
         icon ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: cn("flex size-icon shrink-0 items-center justify-center text-label-secondary [&_svg]:size-icon", hint && "self-start mt-px"), children: icon }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: label }),
-          hint ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-callout font-normal text-label-secondary", children: hint }) : null
+          hint && !soon ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-callout font-normal text-label-secondary", children: hint }) : null
         ] }),
         badge ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex shrink-0 items-center text-callout tabular-nums text-label-tertiary", children: badge }) : null
       ]
@@ -2510,6 +2514,37 @@ function Kbd({ className, ...props }) {
     }
   );
 }
+var PLACE = {
+  in: "bg-tint",
+  out: "border border-label-tertiary",
+  hidden: "border-2 border-tint",
+  open: "bg-system-green"
+};
+var PLACE_DOT = {
+  in: "bg-window",
+  out: "bg-label-secondary",
+  hidden: "bg-tint",
+  open: "bg-window"
+};
+function PlaceMark({ state, marked = false, label, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "span",
+    {
+      role: "img",
+      "aria-label": label,
+      title: label,
+      "data-slot": "place-mark",
+      "data-state": state,
+      "data-marked": marked ? "true" : void 0,
+      className: cn("inline-flex size-3 shrink-0 items-center justify-center rounded-full", PLACE[state], className),
+      ...props,
+      children: marked ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: cn("size-1.5 rounded-full", PLACE_DOT[state]) }) : null
+    }
+  );
+}
+function PlaceStrip({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "data-slot": "place-strip", className: cn("inline-flex items-center gap-1", className), ...props });
+}
 
 // src/desktop/coming-soon.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");