@neuronection/assistant-ui 0.8.1 → 0.10.0

package/dist/chunk-MLQAA2QV.js

@@ -0,0 +1,68 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var CapabilityChips = React.forwardRef(
+  function CapabilityChips2({
+    caps,
+    selected,
+    onToggle,
+    variant = "toggle",
+    minSelected = 0,
+    disabled = false,
+    ariaLabel,
+    className
+  }, ref) {
+    const interactive = variant === "toggle" && Boolean(onToggle);
+    const locked = (value) => interactive && !disabled && selected.includes(value) && selected.length <= minSelected;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-as": "capability-chips",
+        "data-variant": variant,
+        role: interactive ? "group" : void 0,
+        "aria-label": interactive ? ariaLabel : void 0,
+        className: cn("flex flex-wrap items-center gap-1.5", className),
+        children: caps.map((cap) => {
+          const on = selected.includes(cap.value);
+          if (!interactive) {
+            return /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-active": on || void 0,
+                className: cn(
+                  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-[11px]",
+                  on ? "border-[var(--as-primary)] bg-[var(--as-primary)]/10 text-[var(--as-primary)]" : "border-[var(--as-border)] text-[var(--as-muted-fg)]"
+                ),
+                children: cap.label
+              },
+              cap.value
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": on,
+              disabled: disabled || locked(cap.value),
+              onClick: () => onToggle?.(cap.value),
+              className: cn(
+                "cursor-pointer rounded-full border px-2.5 py-0.5 text-[11px] transition-colors",
+                "focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
+                "disabled:pointer-events-none disabled:opacity-50",
+                on ? "border-[var(--as-primary)] bg-[var(--as-primary)]/10 text-[var(--as-primary)]" : "border-[var(--as-border)] text-[var(--as-muted-fg)] hover:bg-[var(--as-secondary)]"
+              ),
+              children: cap.label
+            },
+            cap.value
+          );
+        })
+      }
+    );
+  }
+);
+
+export { CapabilityChips };
+//# sourceMappingURL=chunk-MLQAA2QV.js.map
+//# sourceMappingURL=chunk-MLQAA2QV.js.map

package/dist/chunk-MLQAA2QV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/capability-chips/CapabilityChips.tsx"],"names":["CapabilityChips"],"mappings":";;;;AAmBO,IAAM,eAAA,GAAwB,KAAA,CAAA,UAAA;AAAA,EACnC,SAASA,gBAAAA,CACP;AAAA,IACE,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,WAAA,GAAc,CAAA;AAAA,IACd,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,EACA;AACA,IAAA,MAAM,WAAA,GAAc,OAAA,KAAY,QAAA,IAAY,OAAA,CAAQ,QAAQ,CAAA;AAC5D,IAAA,MAAM,MAAA,GAAS,CAAC,KAAA,KACd,WAAA,IAAe,CAAC,QAAA,IAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,QAAA,CAAS,MAAA,IAAU,WAAA;AAE7E,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,kBAAA;AAAA,QACR,cAAA,EAAc,OAAA;AAAA,QACd,IAAA,EAAM,cAAc,OAAA,GAAU,MAAA;AAAA,QAC9B,YAAA,EAAY,cAAc,SAAA,GAAY,MAAA;AAAA,QACtC,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA;AAAA,QAE7D,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,KAAQ;AACjB,UAAA,MAAM,EAAA,GAAK,QAAA,CAAS,QAAA,CAAS,GAAA,CAAI,KAAK,CAAA;AACtC,UAAA,IAAI,CAAC,WAAA,EAAa;AAChB,YAAA,uBACE,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,eAAa,EAAA,IAAM,MAAA;AAAA,gBACnB,SAAA,EAAW,EAAA;AAAA,kBACT,wEAAA;AAAA,kBACA,KACI,+EAAA,GACA;AAAA,iBACN;AAAA,gBAEC,QAAA,EAAA,GAAA,CAAI;AAAA,eAAA;AAAA,cATA,GAAA,CAAI;AAAA,aAUX;AAAA,UAEJ;AACA,UAAA,uBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,QAAA;AAAA,cACL,cAAA,EAAc,EAAA;AAAA,cACd,QAAA,EAAU,QAAA,IAAY,MAAA,CAAO,GAAA,CAAI,KAAK,CAAA;AAAA,cACtC,OAAA,EAAS,MAAM,QAAA,GAAW,GAAA,CAAI,KAAK,CAAA;AAAA,cACnC,SAAA,EAAW,EAAA;AAAA,gBACT,gFAAA;AAAA,gBACA,qGAAA;AAAA,gBACA,kDAAA;AAAA,gBACA,KACI,+EAAA,GACA;AAAA,eACN;AAAA,cAEC,QAAA,EAAA,GAAA,CAAI;AAAA,aAAA;AAAA,YAdA,GAAA,CAAI;AAAA,WAeX;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF","file":"chunk-MLQAA2QV.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface CapabilityDescriptor {\n  value: string\n  label: string\n}\n\nexport interface CapabilityChipsProps {\n  caps: CapabilityDescriptor[]\n  selected: string[]\n  onToggle?: (value: string) => void\n  variant?: 'toggle' | 'badge'\n  minSelected?: number\n  disabled?: boolean\n  ariaLabel?: string\n  className?: string\n}\n\nexport const CapabilityChips = React.forwardRef<HTMLDivElement, CapabilityChipsProps>(\n  function CapabilityChips(\n    {\n      caps,\n      selected,\n      onToggle,\n      variant = 'toggle',\n      minSelected = 0,\n      disabled = false,\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) {\n    const interactive = variant === 'toggle' && Boolean(onToggle)\n    const locked = (value: string) =>\n      interactive && !disabled && selected.includes(value) && selected.length <= minSelected\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"capability-chips\"\n        data-variant={variant}\n        role={interactive ? 'group' : undefined}\n        aria-label={interactive ? ariaLabel : undefined}\n        className={cn('flex flex-wrap items-center gap-1.5', className)}\n      >\n        {caps.map((cap) => {\n          const on = selected.includes(cap.value)\n          if (!interactive) {\n            return (\n              <span\n                key={cap.value}\n                data-active={on || undefined}\n                className={cn(\n                  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-[11px]',\n                  on\n                    ? 'border-[var(--as-primary)] bg-[var(--as-primary)]/10 text-[var(--as-primary)]'\n                    : 'border-[var(--as-border)] text-[var(--as-muted-fg)]',\n                )}\n              >\n                {cap.label}\n              </span>\n            )\n          }\n          return (\n            <button\n              key={cap.value}\n              type=\"button\"\n              aria-pressed={on}\n              disabled={disabled || locked(cap.value)}\n              onClick={() => onToggle?.(cap.value)}\n              className={cn(\n                'cursor-pointer rounded-full border px-2.5 py-0.5 text-[11px] transition-colors',\n                'focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n                'disabled:pointer-events-none disabled:opacity-50',\n                on\n                  ? 'border-[var(--as-primary)] bg-[var(--as-primary)]/10 text-[var(--as-primary)]'\n                  : 'border-[var(--as-border)] text-[var(--as-muted-fg)] hover:bg-[var(--as-secondary)]',\n              )}\n            >\n              {cap.label}\n            </button>\n          )\n        })}\n      </div>\n    )\n  },\n)\n"]}