@ai-matrx/design-system 0.61.20 → 0.61.22

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.61.22
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.61.21..npm/design-system/v0.61.22 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 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

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,
@@ -2512,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");