@arbidocs/blocks 0.4.89 → 0.4.91

package/dist/chunk-DVUZTGVL.cjs

@@ -0,0 +1,52 @@
+"use client";
+'use strict';
+
+var chunk32HW2Q33_cjs = require('./chunk-32HW2Q33.cjs');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ToneBadge({
+  tone = "neutral",
+  icon,
+  children,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ...rest,
+      "data-slot": "tone-badge",
+      "data-tone": tone,
+      className: ui.cn(
+        "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",
+        chunk32HW2Q33_cjs.TONE_SURFACE[tone],
+        chunk32HW2Q33_cjs.TONE_BORDER[tone],
+        className
+      ),
+      children: [
+        icon,
+        children
+      ]
+    }
+  );
+}
+function Dot({ tone = "neutral", label, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...rest,
+      "data-slot": "dot",
+      "data-tone": tone,
+      role: label ? "img" : void 0,
+      "aria-label": label,
+      "aria-hidden": label ? void 0 : true,
+      className: ui.cn("inline-block size-2 shrink-0 rounded-full", chunk32HW2Q33_cjs.TONE_DOT[tone], className)
+    }
+  );
+}
+
+exports.Dot = Dot;
+exports.ToneBadge = ToneBadge;
+//# sourceMappingURL=chunk-DVUZTGVL.cjs.map
+//# sourceMappingURL=chunk-DVUZTGVL.cjs.map

package/dist/chunk-DVUZTGVL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToneBadge.tsx"],"names":["jsxs","cn","TONE_SURFACE","TONE_BORDER","jsx","TONE_DOT"],"mappings":";;;;;;AAcO,SAAS,SAAA,CAAU;AAAA,EACxB,IAAA,GAAO,SAAA;AAAA,EACP,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,uBACEA,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,WAAA,EAAU,YAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWC,KAAA;AAAA,QACT,oFAAA;AAAA,QACAC,+BAAa,IAAI,CAAA;AAAA,QACjBC,8BAAY,IAAI,CAAA;AAAA,QAChB;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QACA;AAAA;AAAA;AAAA,GACH;AAEJ;AASO,SAAS,GAAA,CAAI,EAAE,IAAA,GAAO,SAAA,EAAW,OAAO,SAAA,EAAW,GAAG,MAAK,EAAa;AAC7E,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,WAAA,EAAU,KAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,IAAA,EAAM,QAAQ,KAAA,GAAQ,MAAA;AAAA,MACtB,YAAA,EAAY,KAAA;AAAA,MACZ,aAAA,EAAa,QAAQ,MAAA,GAAY,IAAA;AAAA,MACjC,WAAWH,KAAA,CAAG,2CAAA,EAA6CI,0BAAA,CAAS,IAAI,GAAG,SAAS;AAAA;AAAA,GACtF;AAEJ","file":"chunk-DVUZTGVL.cjs","sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\nimport { TONE_BORDER, TONE_DOT, TONE_SURFACE, type Tone } from './tones'\n\nexport type { Tone }\n\nexport interface ToneBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: Tone\n  /** Leading glyph or dot. */\n  icon?: ReactNode\n  children: ReactNode\n}\n\n/** A small tinted label. The host decides the tone and the words (status, level, priority...). */\nexport function ToneBadge({\n  tone = 'neutral',\n  icon,\n  children,\n  className,\n  ...rest\n}: ToneBadgeProps) {\n  return (\n    <span\n      {...rest}\n      data-slot=\"tone-badge\"\n      data-tone={tone}\n      className={cn(\n        'inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium',\n        TONE_SURFACE[tone],\n        TONE_BORDER[tone],\n        className\n      )}\n    >\n      {icon}\n      {children}\n    </span>\n  )\n}\n\nexport interface DotProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: Tone\n  /** Accessible name; without it the dot is decorative (`aria-hidden`). */\n  label?: string\n}\n\n/** A solid status dot in a tone. */\nexport function Dot({ tone = 'neutral', label, className, ...rest }: DotProps) {\n  return (\n    <span\n      {...rest}\n      data-slot=\"dot\"\n      data-tone={tone}\n      role={label ? 'img' : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      className={cn('inline-block size-2 shrink-0 rounded-full', TONE_DOT[tone], className)}\n    />\n  )\n}\n"]}

package/dist/{chunk-TF6YMDZL.cjs → chunk-EHF63UYP.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkMOJ5JQDN_cjs = require('./chunk-MOJ5JQDN.cjs');
+var chunk3US5OIDQ_cjs = require('./chunk-3US5OIDQ.cjs');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
@@ -49,9 +49,9 @@ function workspaceActivityHeadline(item) {
       return item.status ? `${run2} (${item.status.replace(/_/g, " ")})` : run2;
     }
     default: {
-      const headline = chunkMOJ5JQDN_cjs.taskActivityHeadline(
+      const headline = chunk3US5OIDQ_cjs.taskActivityHeadline(
         { kind: item.kind, detail: item.detail },
-        chunkMOJ5JQDN_cjs.DEFAULT_TASK_ACTIVITY_LABELS
+        chunk3US5OIDQ_cjs.DEFAULT_TASK_ACTIVITY_LABELS
       );
       return `${headline} in ${thread}`;
     }
@@ -1267,5 +1267,5 @@ exports.tagTableDocx = tagTableDocx;
 exports.tagTableMarkdown = tagTableMarkdown;
 exports.workspaceActivityHeadline = workspaceActivityHeadline;
 exports.workspaceActivityTarget = workspaceActivityTarget;
-//# sourceMappingURL=chunk-TF6YMDZL.cjs.map
-//# sourceMappingURL=chunk-TF6YMDZL.cjs.map
+//# sourceMappingURL=chunk-EHF63UYP.cjs.map
+//# sourceMappingURL=chunk-EHF63UYP.cjs.map