@uisatin/ui 0.0.0-stage → 0.1.0

package/chunk-MR3JDI7E.js

@@ -0,0 +1,122 @@
+import { Progress } from './chunk-7TXHCRAG.js';
+import { Badge } from './chunk-O7F3CIDV.js';
+import { cn } from './chunk-H63FYCMY.js';
+import * as React from 'react';
+import { ArrowRight } from 'iconoir-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function AgentSuggestion({
+  kind,
+  icon,
+  meta,
+  title,
+  description,
+  actions,
+  children,
+  className,
+  ...props
+}) {
+  const titleId = React.useId();
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "agent-suggestion",
+      "aria-labelledby": title ? titleId : void 0,
+      className: cn(
+        "flex w-full max-w-[400px] flex-col gap-3 rounded-xl border border-border-subtle bg-bg-card p-3 text-text-default [box-shadow:0_1px_3px_0_var(--effect-shadow-sm),0_1px_2px_-1px_var(--effect-shadow-sm)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-6 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              size: "lg",
+              tone: "neutral",
+              variant: "outline",
+              className: "max-w-full [&_img]:size-3.5 [&_img]:shrink-0",
+              children: [
+                icon,
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: kind })
+              ]
+            }
+          ) }),
+          meta && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: meta })
+        ] }),
+        (title || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          title && /* @__PURE__ */ jsx("div", { id: titleId, className: "text-base leading-[14px] font-medium tracking-normal text-text-default", children: title }),
+          description && /* @__PURE__ */ jsx("div", { className: "text-base text-text-muted", children: description })
+        ] }),
+        children,
+        actions && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-end gap-2 pt-1", children: actions })
+      ]
+    }
+  );
+}
+function AgentSuggestionQuote({
+  from,
+  avatar,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("blockquote", { "data-slot": "agent-suggestion-quote", className: cn("m-0 flex flex-col gap-1 rounded-lg bg-bg-muted px-3 py-2", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      avatar,
+      /* @__PURE__ */ jsx("span", { className: "text-xs leading-3 font-medium tracking-normal text-text-default", children: from })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "m-0 text-base text-text-muted", children })
+  ] });
+}
+function AgentSuggestionMetric({
+  value,
+  unit,
+  used,
+  max,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "agent-suggestion-metric", className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-2xl leading-[1.5] font-medium tabular-nums", children: value }),
+      unit && /* @__PURE__ */ jsx("span", { className: "text-base text-text-muted", children: unit })
+    ] }),
+    used != null && max != null && /* @__PURE__ */ jsx(
+      Progress,
+      {
+        value: used,
+        max,
+        showValue: false,
+        "aria-label": typeof unit === "string" ? unit : void 0,
+        className: "[&_[role=progressbar]]:h-1.5"
+      }
+    )
+  ] });
+}
+function AgentSuggestionDiff({ before, after, className }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "agent-suggestion-diff", className: cn("flex flex-col gap-1 text-base", className), children: [
+    /* @__PURE__ */ jsxs("del", { className: "rounded-lg bg-bg-muted px-2 py-1.5 text-text-muted", children: [
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Remove: " }),
+      before
+    ] }),
+    /* @__PURE__ */ jsxs("ins", { className: "rounded-lg bg-status-green-bg px-2 py-1.5 text-status-green-fg no-underline", children: [
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Add: " }),
+      after
+    ] })
+  ] });
+}
+function AgentSuggestionChanges({ changes, className }) {
+  return /* @__PURE__ */ jsx("dl", { "data-slot": "agent-suggestion-changes", className: cn("m-0 flex flex-col gap-2 text-base", className), children: changes.map((c, i) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-[21px] items-center gap-2", children: [
+    /* @__PURE__ */ jsx("dt", { className: "w-[88px] shrink-0 text-text-muted", children: c.field }),
+    /* @__PURE__ */ jsxs("dd", { className: "m-0 flex min-w-0 items-center gap-2", children: [
+      c.from != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("del", { className: "text-text-subtle", children: c.from }),
+        /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": true, className: "size-4 shrink-0 text-text-subtle [stroke-width:1.875]" })
+      ] }),
+      typeof c.to === "string" ? /* @__PURE__ */ jsx("span", { className: "font-medium text-text-default", children: c.to }) : c.to
+    ] })
+  ] }, i)) });
+}
+
+export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote };
+//# sourceMappingURL=chunk-MR3JDI7E.js.map
+//# sourceMappingURL=chunk-MR3JDI7E.js.map

package/chunk-MR3JDI7E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/agent-suggestion.tsx"],"names":[],"mappings":"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","file":"chunk-MR3JDI7E.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { ArrowRight } from 'iconoir-react'\nimport { cn } from '../lib/utils'\nimport { Badge } from './badge'\nimport { Progress } from './progress'\n\n/**\n * AgentSuggestion, 1:1 with the uiKit `AgentSuggestion` set (🆕 agent suggestions, 4126:3903):\n * something the agent has prepared and the user only approves — an email, a reply, a meeting,\n * tasks, an insight, an edit or a CRM update.\n *\n * A bg/card card, border/subtle, radius-xl, shadow-sm, 12px in and 12px between its parts:\n *\n * - the kind row: what it is, as a neutral Large Outline Badge (white, border/default) with a 14px icon\n *   or app logo (`kind`, `icon`), and on the right who or what it concerns (`meta`: avatars, a\n *   small Badge with the source);\n * - `title` in Label/lg (14/14 medium) and `description` in Body/lg text/muted, 8px apart;\n * - `children`: whatever the suggestion needs (time slots, tasks, a diff, changed fields);\n * - `actions`, right-aligned 8px apart, 4px further down: a secondary or tertiary button and the\n *   primary one that carries it out.\n *\n * The parts below cover the usual bodies: `AgentSuggestionQuote` (the message being answered),\n * `AgentSuggestionMetric` (a number against a limit), `AgentSuggestionDiff` (old text → new) and\n * `AgentSuggestionChanges` (fields from → to).\n */\nexport interface AgentSuggestionProps extends Omit<React.ComponentProps<'section'>, 'title'> {\n  /** What kind of suggestion: \"Email suggestion\", \"Next steps\", \"CRM update\". */\n  kind: React.ReactNode\n  /** A 14px icon or app logo before the kind. */\n  icon?: React.ReactNode\n  /** Right of the kind: avatars of the people it concerns, or a small Badge with the source. */\n  meta?: React.ReactNode\n  title?: React.ReactNode\n  description?: React.ReactNode\n  /** Buttons, right-aligned: the alternative first, the primary action last. */\n  actions?: React.ReactNode\n}\n\nexport function AgentSuggestion({\n  kind,\n  icon,\n  meta,\n  title,\n  description,\n  actions,\n  children,\n  className,\n  ...props\n}: AgentSuggestionProps) {\n  const titleId = React.useId()\n  return (\n    <section\n      data-slot=\"agent-suggestion\"\n      aria-labelledby={title ? titleId : undefined}\n      className={cn(\n        'flex w-full max-w-[400px] flex-col gap-3 rounded-xl border border-border-subtle bg-bg-card p-3 text-text-default [box-shadow:0_1px_3px_0_var(--effect-shadow-sm),0_1px_2px_-1px_var(--effect-shadow-sm)]',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex min-h-6 items-center gap-1.5\">\n        <div className=\"flex min-w-0 flex-1\">\n          <Badge\n            size=\"lg\"\n            tone=\"neutral\"\n            variant=\"outline\"\n            className=\"max-w-full [&_img]:size-3.5 [&_img]:shrink-0\"\n          >\n            {icon}\n            <span className=\"truncate\">{kind}</span>\n          </Badge>\n        </div>\n        {meta && <div className=\"flex shrink-0 items-center\">{meta}</div>}\n      </div>\n\n      {(title || description) && (\n        <div className=\"flex flex-col gap-2\">\n          {title && (\n            <div id={titleId} className=\"text-base leading-[14px] font-medium tracking-normal text-text-default\">\n              {title}\n            </div>\n          )}\n          {description && <div className=\"text-base text-text-muted\">{description}</div>}\n        </div>\n      )}\n\n      {children}\n\n      {actions && <div className=\"flex flex-wrap items-center justify-end gap-2 pt-1\">{actions}</div>}\n    </section>\n  )\n}\n\n/** The message the suggestion answers: who sent it and what they wrote, on bg/muted. */\nexport function AgentSuggestionQuote({\n  from,\n  avatar,\n  children,\n  className,\n}: {\n  /** The sender's name. */\n  from: React.ReactNode\n  /** A 20px Avatar. */\n  avatar?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n}) {\n  return (\n    <blockquote data-slot=\"agent-suggestion-quote\" className={cn('m-0 flex flex-col gap-1 rounded-lg bg-bg-muted px-3 py-2', className)}>\n      <div className=\"flex items-center gap-1.5\">\n        {avatar}\n        <span className=\"text-xs leading-3 font-medium tracking-normal text-text-default\">{from}</span>\n      </div>\n      <p className=\"m-0 text-base text-text-muted\">{children}</p>\n    </blockquote>\n  )\n}\n\n/** A number against its limit: the value in Display/sm, its unit, and a 6px bar of how much is used. */\nexport function AgentSuggestionMetric({\n  value,\n  unit,\n  used,\n  max,\n  className,\n}: {\n  /** As shown: \"47 / 50\". */\n  value: React.ReactNode\n  unit?: React.ReactNode\n  /** With `max`, draws the bar. */\n  used?: number\n  max?: number\n  className?: string\n}) {\n  return (\n    <div data-slot=\"agent-suggestion-metric\" className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-baseline gap-2\">\n        <span className=\"text-2xl leading-[1.5] font-medium tabular-nums\">{value}</span>\n        {unit && <span className=\"text-base text-text-muted\">{unit}</span>}\n      </div>\n      {used != null && max != null && (\n        <Progress\n          value={used}\n          max={max}\n          showValue={false}\n          aria-label={typeof unit === 'string' ? unit : undefined}\n          className=\"[&_[role=progressbar]]:h-1.5\"\n        />\n      )}\n    </div>\n  )\n}\n\n/** Old text struck through on bg/muted, the new text in status/green below it. */\nexport function AgentSuggestionDiff({ before, after, className }: { before: React.ReactNode; after: React.ReactNode; className?: string }) {\n  return (\n    <div data-slot=\"agent-suggestion-diff\" className={cn('flex flex-col gap-1 text-base', className)}>\n      <del className=\"rounded-lg bg-bg-muted px-2 py-1.5 text-text-muted\">\n        <span className=\"sr-only\">Remove: </span>\n        {before}\n      </del>\n      <ins className=\"rounded-lg bg-status-green-bg px-2 py-1.5 text-status-green-fg no-underline\">\n        <span className=\"sr-only\">Add: </span>\n        {after}\n      </ins>\n    </div>\n  )\n}\n\nexport interface AgentSuggestionChange {\n  field: React.ReactNode\n  from?: React.ReactNode\n  /** A string reads as Body/md Strong; pass a Badge for a stage or status. */\n  to: React.ReactNode\n}\n\n/** Fields the agent will change: name, the old value struck through, an arrow and the new one. */\nexport function AgentSuggestionChanges({ changes, className }: { changes: AgentSuggestionChange[]; className?: string }) {\n  return (\n    <dl data-slot=\"agent-suggestion-changes\" className={cn('m-0 flex flex-col gap-2 text-base', className)}>\n      {changes.map((c, i) => (\n        <div key={i} className=\"flex min-h-[21px] items-center gap-2\">\n          <dt className=\"w-[88px] shrink-0 text-text-muted\">{c.field}</dt>\n          <dd className=\"m-0 flex min-w-0 items-center gap-2\">\n            {c.from != null && (\n              <>\n                <del className=\"text-text-subtle\">{c.from}</del>\n                <ArrowRight aria-hidden className=\"size-4 shrink-0 text-text-subtle [stroke-width:1.875]\" />\n              </>\n            )}\n            {typeof c.to === 'string' ? <span className=\"font-medium text-text-default\">{c.to}</span> : c.to}\n          </dd>\n        </div>\n      ))}\n    </dl>\n  )\n}\n"]}

package/chunk-NN6PKJWS.js

@@ -0,0 +1,44 @@
+import { Button } from './chunk-HNQUX43Z.js';
+import { cn } from './chunk-H63FYCMY.js';
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CookieConsent({
+  children = "We use essential cookies to run this site. With your OK, we'd also use optional ones to remember settings and learn what helps.",
+  onAccept,
+  onReject,
+  onCustomize,
+  acceptLabel = "Accept all",
+  rejectLabel = "Reject all",
+  customizeLabel = "Customize",
+  floating = false,
+  className,
+  "aria-label": ariaLabel = "Cookie consent",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "cookie-consent",
+      "aria-label": ariaLabel,
+      className: cn(
+        "flex w-fit max-w-full flex-wrap items-center gap-x-5 gap-y-3 rounded-3xl border border-border-subtle bg-bg-popover px-5 py-4 [box-shadow:0_1px_3px_0_var(--effect-shadow-ambient),0_16px_40px_-12px_var(--effect-shadow-lg)]",
+        floating && "fixed inset-x-4 bottom-4 z-50 mx-auto max-w-[calc(100vw-32px)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "m-0 w-[280px] max-w-full min-w-0 shrink text-base text-text-muted", children }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+          onCustomize && /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "lg", shape: "rounded", className: "text-text-muted", onClick: onCustomize, children: customizeLabel }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "lg", shape: "rounded", onClick: onReject, children: rejectLabel }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "rounded", onClick: onAccept, children: acceptLabel })
+        ] })
+      ]
+    }
+  );
+}
+
+export { CookieConsent };
+//# sourceMappingURL=chunk-NN6PKJWS.js.map
+//# sourceMappingURL=chunk-NN6PKJWS.js.map

package/chunk-NN6PKJWS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cookie-consent.tsx"],"names":[],"mappings":";;;;;AA+BO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA,GAAW,iIAAA;AAAA,EACX,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,WAAA,GAAc,YAAA;AAAA,EACd,cAAA,GAAiB,WAAA;AAAA,EACjB,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,cAAc,SAAA,GAAY,gBAAA;AAAA,EAC1B,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,8NAAA;AAAA,QACA,QAAA,IAAY,gEAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mEAAA,EAAqE,QAAA,EAAS,CAAA;AAAA,wBAC3F,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACZ,QAAA,EAAA;AAAA,UAAA,WAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,UAAA,EAAW,IAAA,EAAK,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,SAAA,EAAU,iBAAA,EAAkB,OAAA,EAAS,WAAA,EACvF,QAAA,EAAA,cAAA,EACH,CAAA;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAK,KAAA,EAAM,SAAA,EAAU,OAAA,EAAS,QAAA,EAC5D,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,MAAK,KAAA,EAAM,SAAA,EAAU,OAAA,EAAS,QAAA,EAC1D,QAAA,EAAA,WAAA,EACH;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-NN6PKJWS.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\n/**\n * CookieConsent: what the site stores and the three answers, in one floating card at the\n * bottom of the page. bg/popover, border/subtle, radius-3xl, the shadcn lg shadow; 20 × 16 in.\n *\n * The message (Body/lg, text/muted) is kept to a narrow column so it reads in three short\n * lines; the actions sit to its right: Customize as a tertiary button in text/muted, then\n * Reject all as a rounded secondary button and Accept all as the rounded primary one. Below 640px the actions wrap under the message.\n *\n * `floating` pins it 16px above the bottom of the viewport, centred; leave it off to place the\n * card yourself. It is a labelled region, not a modal: the page stays usable behind it.\n */\nexport interface CookieConsentProps extends Omit<React.ComponentProps<'section'>, 'children'> {\n  /** What the site stores and why. */\n  children?: React.ReactNode\n  onAccept?: () => void\n  onReject?: () => void\n  /** Shows Customize; open your settings from here. */\n  onCustomize?: () => void\n  acceptLabel?: string\n  rejectLabel?: string\n  customizeLabel?: string\n  /** Fixed to the bottom of the viewport, centred, 16px up. */\n  floating?: boolean\n}\n\nexport function CookieConsent({\n  children = \"We use essential cookies to run this site. With your OK, we'd also use optional ones to remember settings and learn what helps.\",\n  onAccept,\n  onReject,\n  onCustomize,\n  acceptLabel = 'Accept all',\n  rejectLabel = 'Reject all',\n  customizeLabel = 'Customize',\n  floating = false,\n  className,\n  'aria-label': ariaLabel = 'Cookie consent',\n  ...props\n}: CookieConsentProps) {\n  return (\n    <section\n      data-slot=\"cookie-consent\"\n      aria-label={ariaLabel}\n      className={cn(\n        'flex w-fit max-w-full flex-wrap items-center gap-x-5 gap-y-3 rounded-3xl border border-border-subtle bg-bg-popover px-5 py-4 [box-shadow:0_1px_3px_0_var(--effect-shadow-ambient),0_16px_40px_-12px_var(--effect-shadow-lg)]',\n        floating && 'fixed inset-x-4 bottom-4 z-50 mx-auto max-w-[calc(100vw-32px)]',\n        className,\n      )}\n      {...props}\n    >\n      <p className=\"m-0 w-[280px] max-w-full min-w-0 shrink text-base text-text-muted\">{children}</p>\n      <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n        {onCustomize && (\n          <Button variant=\"tertiary\" size=\"lg\" shape=\"rounded\" className=\"text-text-muted\" onClick={onCustomize}>\n            {customizeLabel}\n          </Button>\n        )}\n        <Button variant=\"secondary\" size=\"lg\" shape=\"rounded\" onClick={onReject}>\n          {rejectLabel}\n        </Button>\n        <Button variant=\"primary\" size=\"lg\" shape=\"rounded\" onClick={onAccept}>\n          {acceptLabel}\n        </Button>\n      </div>\n    </section>\n  )\n}\n"]}

package/chunk-NSRTTYQ4.js

@@ -0,0 +1,252 @@
+import { Chip } from './chunk-3ERGAHKA.js';
+import { useFieldChrome, FieldChrome, SelectChevron } from './chunk-72OCFAPT.js';
+import { MenuItemContent, menuItemClass, menuSurfaceClass } from './chunk-3DINAQLL.js';
+import { Button } from './chunk-HNQUX43Z.js';
+import { cn } from './chunk-H63FYCMY.js';
+import * as React from 'react';
+import { Popover } from 'radix-ui';
+import { Search } from 'iconoir-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var matches = (o, q) => {
+  const t = q.trim().toLowerCase();
+  if (!t) return true;
+  return o.label.toLowerCase().includes(t) || typeof o.description === "string" && o.description.toLowerCase().includes(t);
+};
+function Combobox({
+  options,
+  value,
+  defaultValue = [],
+  onValueChange,
+  multiple = false,
+  footer = false,
+  placeholder = "Select\u2026",
+  searchPlaceholder = "Search\u2026",
+  emptyText = "No results",
+  applyLabel = "Apply",
+  cancelLabel = "Cancel",
+  clearLabel = "Clear",
+  label,
+  hint,
+  error,
+  size = "md",
+  leadingIcon,
+  disabled,
+  id,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  container,
+  onOpenAutoFocus,
+  onInteractOutside,
+  wrapperClassName,
+  className,
+  ...props
+}) {
+  const chrome = useFieldChrome({ id, disabled, error, hint });
+  const listId = `${chrome.controlId}-list`;
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+  const applied = value ?? uncontrolledValue;
+  const commit = (next) => {
+    if (value == null) setUncontrolledValue(next);
+    onValueChange?.(next);
+  };
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const open = openProp ?? uncontrolledOpen;
+  const [pending, setPending] = React.useState(applied);
+  const picks = footer ? pending : applied;
+  const [query, setQuery] = React.useState("");
+  const [active, setActive] = React.useState(0);
+  const setOpen = (next) => {
+    if (next) {
+      setPending(applied);
+      setQuery("");
+      setActive(0);
+    }
+    if (openProp == null) setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  };
+  const shown = options.filter((o) => matches(o, query));
+  const pick = (v) => {
+    const next = multiple ? picks.includes(v) ? picks.filter((x) => x !== v) : [...picks, v] : picks[0] === v && footer ? [] : [v];
+    if (footer) return setPending(next);
+    commit(next);
+    if (!multiple) setOpen(false);
+  };
+  const apply = () => {
+    commit(pending);
+    setOpen(false);
+  };
+  const chosen = applied.map((v) => options.find((o) => o.value === v)).filter(Boolean);
+  const chips = multiple && chosen.length > 0;
+  const triggerText = !multiple && chosen[0] ? chosen[0].label : chips ? null : placeholder;
+  const lead = leadingIcon ?? (!multiple ? chosen[0]?.icon : void 0);
+  return /* @__PURE__ */ jsx(
+    FieldChrome,
+    {
+      label,
+      chrome,
+      className: wrapperClassName,
+      action: label && multiple && chosen.length > 1 ? /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "xs", disabled: chrome.disabled, onClick: () => commit([]), children: clearLabel }) : void 0,
+      children: /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx(Popover.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "combobox-field",
+            "data-size": size,
+            "data-multiple": chips || void 0,
+            "data-leading": lead ? true : void 0,
+            "data-filled": chosen.length ? true : void 0,
+            "data-invalid": chrome.invalid || void 0,
+            "data-disabled": chrome.disabled || void 0,
+            "data-state": open ? "open" : "closed",
+            className: cn("satin-field satin-select satin-combobox relative", className),
+            children: [
+              /* @__PURE__ */ jsx(
+                Popover.Trigger,
+                {
+                  id: chrome.controlId,
+                  "data-slot": "combobox-trigger",
+                  disabled: chrome.disabled,
+                  "aria-invalid": chrome.invalid || void 0,
+                  "aria-describedby": chrome.describedBy,
+                  "aria-label": props["aria-label"],
+                  "aria-haspopup": "listbox",
+                  className: "absolute inset-0 cursor-pointer rounded-[inherit] outline-none focus-visible:ring-0 disabled:cursor-not-allowed",
+                  children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: chosen.length ? chosen.map((o) => o.label).join(", ") : placeholder })
+                }
+              ),
+              lead && /* @__PURE__ */ jsx("span", { className: "satin-field-icon satin-combobox-icon pointer-events-none", "aria-hidden": true, children: lead }),
+              /* @__PURE__ */ jsxs("div", { className: "pointer-events-none flex min-w-0 flex-1 flex-wrap items-center gap-1 *:pointer-events-auto", children: [
+                chips && chosen.map((o) => /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    size: "sm",
+                    variant: "outline",
+                    disabled: chrome.disabled,
+                    removeLabel: `Remove ${o.label}`,
+                    onRemove: () => commit(applied.filter((v) => v !== o.value)),
+                    className: "relative",
+                    children: o.label
+                  },
+                  o.value
+                )),
+                triggerText && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("pointer-events-none! min-w-0 flex-1 truncate", chosen.length ? "text-text-default" : "text-text-muted"), children: triggerText }),
+                !label && chips && chosen.length > 1 && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "tertiary",
+                    size: "xs",
+                    disabled: chrome.disabled,
+                    className: "relative ml-auto",
+                    onClick: () => commit([]),
+                    children: clearLabel
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(SelectChevron, { className: "satin-combobox-icon pointer-events-none" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Popover.Portal, { container, children: /* @__PURE__ */ jsxs(
+          Popover.Content,
+          {
+            "data-slot": "combobox",
+            side: "bottom",
+            align: "start",
+            sideOffset: 4,
+            collisionPadding: 8,
+            onOpenAutoFocus,
+            onInteractOutside,
+            className: cn(
+              "pointer-events-auto z-50 flex w-(--radix-popover-trigger-width) min-w-60 max-w-[520px] flex-col overflow-hidden",
+              menuSurfaceClass,
+              "origin-(--radix-popover-content-transform-origin) outline-none",
+              "data-[state=open]:animate-[satin-enter_var(--duration-base)_var(--ease-out)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("label", { className: "flex h-9 shrink-0 items-center gap-2 border-b border-border-subtle px-3 text-text-muted", children: [
+                /* @__PURE__ */ jsx(Search, { "aria-hidden": true, className: "size-4 shrink-0 [stroke-width:1.875]" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    role: "combobox",
+                    "aria-expanded": true,
+                    "aria-controls": listId,
+                    "aria-autocomplete": "list",
+                    "aria-activedescendant": shown[active] ? `${listId}-${shown[active].value}` : void 0,
+                    "aria-label": searchPlaceholder,
+                    value: query,
+                    placeholder: searchPlaceholder,
+                    onChange: (e) => {
+                      setQuery(e.target.value);
+                      setActive(0);
+                    },
+                    onKeyDown: (e) => {
+                      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+                        e.preventDefault();
+                        const step = e.key === "ArrowDown" ? 1 : -1;
+                        setActive((a) => shown.length ? (a + step + shown.length) % shown.length : 0);
+                      } else if (e.key === "Enter" && shown[active]) {
+                        e.preventDefault();
+                        if (!shown[active].disabled) pick(shown[active].value);
+                      }
+                    },
+                    className: "min-w-0 flex-1 bg-transparent text-base leading-[21px] text-text-default outline-none placeholder:text-text-muted focus-visible:ring-0"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  id: listId,
+                  role: "listbox",
+                  "aria-multiselectable": multiple || void 0,
+                  className: "flex max-h-60 flex-col gap-0.5 overflow-y-auto p-1",
+                  children: shown.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-sm text-text-muted", children: emptyText }) : shown.map((o, i) => {
+                    const picked = picks.includes(o.value);
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        id: `${listId}-${o.value}`,
+                        role: "option",
+                        "aria-selected": picked,
+                        "aria-disabled": o.disabled || void 0,
+                        "data-highlighted": i === active ? "" : void 0,
+                        "data-disabled": o.disabled ? "" : void 0,
+                        onPointerMove: () => setActive(i),
+                        onMouseDown: (e) => e.preventDefault(),
+                        onClick: () => !o.disabled && pick(o.value),
+                        className: cn(menuItemClass, picked && "bg-bg-selected"),
+                        children: /* @__PURE__ */ jsx(
+                          MenuItemContent,
+                          {
+                            label: o.label,
+                            description: o.description,
+                            icon: o.icon,
+                            layout: "inline",
+                            shortcut: o.shortcut,
+                            selected: picked
+                          }
+                        )
+                      },
+                      o.value
+                    );
+                  })
+                }
+              ),
+              footer && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2 border-t border-border-subtle p-2", children: [
+                /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setOpen(false), children: cancelLabel }),
+                /* @__PURE__ */ jsx(Button, { disabled: pending.length === 0, onClick: apply, children: applyLabel })
+              ] })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+export { Combobox };
+//# sourceMappingURL=chunk-NSRTTYQ4.js.map
+//# sourceMappingURL=chunk-NSRTTYQ4.js.map

package/chunk-NSRTTYQ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/combobox.tsx"],"names":["PopoverPrimitive"],"mappings":"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","file":"chunk-NSRTTYQ4.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Popover as PopoverPrimitive } from 'radix-ui'\nimport { Search } from 'iconoir-react'\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\nimport { Chip } from './chip'\nimport { MenuItemContent, menuItemClass, menuSurfaceClass } from './dropdown'\nimport { FieldChrome, SelectChevron, useFieldChrome, type SelectOption } from './select'\n\n/**\n * Combobox, 1:1 with the uiKit `Combobox` set (4023:3549): Select's field, opening a searchable\n * list. The panel is the menu surface at the field's width (240 at least): a 36px search row\n * (16px icon, 14px query, 12px in) over a border/subtle rule, then the matching options as\n * inline menu rows 2px apart in 4px of padding.\n *\n * Single: a pick fills the field with its label and closes the list. Multiple: each pick\n * toggles and the list stays open; the field shows the picks as small outline chips, 4px\n * apart, each with its own remove button, and grows a row at a time as they wrap. The chips sit\n * 3px from the field's edge, so their labels start where a value's text would. With more than\n * one pick, Clear (the xs tertiary button) shows on the label's line at the field's right edge.\n *\n * `footer` adds Cancel (secondary) and Apply (primary) under a border/subtle rule, 8px in: picks\n * then wait for Apply, which stays disabled until something is picked; Cancel or Escape drops\n * them.\n *\n * Typing filters by label and description. Arrow keys move the highlight, Enter picks it, the\n * pointer highlights what it is over. The query field is a `combobox` that owns the `listbox`.\n */\nexport interface ComboboxProps {\n  options: SelectOption[]\n  /** The applied picks. */\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n  multiple?: boolean\n  /** Cancel and Apply under the list; picks apply only with Apply. */\n  footer?: boolean\n  placeholder?: string\n  searchPlaceholder?: string\n  /** Shown when nothing matches the query. */\n  emptyText?: React.ReactNode\n  applyLabel?: string\n  cancelLabel?: string\n  clearLabel?: string\n  label?: React.ReactNode\n  hint?: React.ReactNode\n  error?: React.ReactNode | boolean\n  size?: 'sm' | 'md' | 'lg'\n  leadingIcon?: React.ReactNode\n  disabled?: boolean\n  id?: string\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  /** Portal target. Defaults to `document.body`. */\n  container?: HTMLElement | null\n  /** Keep focus where it is when the panel opens (inline previews). */\n  onOpenAutoFocus?: (event: Event) => void\n  /** A press outside the panel; `preventDefault()` keeps it open. */\n  onInteractOutside?: (event: Event) => void\n  'aria-label'?: string\n  wrapperClassName?: string\n  className?: string\n}\n\nconst matches = (o: SelectOption, q: string) => {\n  const t = q.trim().toLowerCase()\n  if (!t) return true\n  return o.label.toLowerCase().includes(t) || (typeof o.description === 'string' && o.description.toLowerCase().includes(t))\n}\n\nexport function Combobox({\n  options,\n  value,\n  defaultValue = [],\n  onValueChange,\n  multiple = false,\n  footer = false,\n  placeholder = 'Select…',\n  searchPlaceholder = 'Search…',\n  emptyText = 'No results',\n  applyLabel = 'Apply',\n  cancelLabel = 'Cancel',\n  clearLabel = 'Clear',\n  label,\n  hint,\n  error,\n  size = 'md',\n  leadingIcon,\n  disabled,\n  id,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  container,\n  onOpenAutoFocus,\n  onInteractOutside,\n  wrapperClassName,\n  className,\n  ...props\n}: ComboboxProps) {\n  const chrome = useFieldChrome({ id, disabled, error, hint })\n  const listId = `${chrome.controlId}-list`\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n  const applied = value ?? uncontrolledValue\n  const commit = (next: string[]) => {\n    if (value == null) setUncontrolledValue(next)\n    onValueChange?.(next)\n  }\n\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const open = openProp ?? uncontrolledOpen\n\n  // With a footer, picks wait here for Apply; without one they apply at once.\n  const [pending, setPending] = React.useState<string[]>(applied)\n  const picks = footer ? pending : applied\n  const [query, setQuery] = React.useState('')\n  const [active, setActive] = React.useState(0)\n\n  const setOpen = (next: boolean) => {\n    if (next) {\n      setPending(applied)\n      setQuery('')\n      setActive(0)\n    }\n    if (openProp == null) setUncontrolledOpen(next)\n    onOpenChange?.(next)\n  }\n\n  const shown = options.filter((o) => matches(o, query))\n  const pick = (v: string) => {\n    const next = multiple ? (picks.includes(v) ? picks.filter((x) => x !== v) : [...picks, v]) : picks[0] === v && footer ? [] : [v]\n    if (footer) return setPending(next)\n    commit(next)\n    if (!multiple) setOpen(false)\n  }\n  const apply = () => {\n    commit(pending)\n    setOpen(false)\n  }\n\n  const chosen = applied.map((v) => options.find((o) => o.value === v)).filter(Boolean) as SelectOption[]\n  const chips = multiple && chosen.length > 0\n  const triggerText = !multiple && chosen[0] ? chosen[0].label : chips ? null : placeholder\n  // As in Select: left out, a single pick's own icon leads the field.\n  const lead = leadingIcon ?? (!multiple ? chosen[0]?.icon : undefined)\n\n  return (\n    <FieldChrome\n      label={label}\n      chrome={chrome}\n      className={wrapperClassName}\n      action={\n        label && multiple && chosen.length > 1 ? (\n          <Button variant=\"tertiary\" size=\"xs\" disabled={chrome.disabled} onClick={() => commit([])}>\n            {clearLabel}\n          </Button>\n        ) : undefined\n      }\n    >\n      <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n        <PopoverPrimitive.Anchor asChild>\n          <div\n            data-slot=\"combobox-field\"\n            data-size={size}\n            data-multiple={chips || undefined}\n            data-leading={lead ? true : undefined}\n            data-filled={chosen.length ? true : undefined}\n            data-invalid={chrome.invalid || undefined}\n            data-disabled={chrome.disabled || undefined}\n            data-state={open ? 'open' : 'closed'}\n            className={cn('satin-field satin-select satin-combobox relative', className)}\n          >\n            {/* The trigger covers the whole field under the chips, so a click anywhere but a\n                chip's remove button or Clear opens the list, and it takes no room in the rows. */}\n            <PopoverPrimitive.Trigger\n              id={chrome.controlId}\n              data-slot=\"combobox-trigger\"\n              disabled={chrome.disabled}\n              aria-invalid={chrome.invalid || undefined}\n              aria-describedby={chrome.describedBy}\n              aria-label={props['aria-label']}\n              aria-haspopup=\"listbox\"\n              className=\"absolute inset-0 cursor-pointer rounded-[inherit] outline-none focus-visible:ring-0 disabled:cursor-not-allowed\"\n            >\n              <span className=\"sr-only\">{chosen.length ? chosen.map((o) => o.label).join(', ') : placeholder}</span>\n            </PopoverPrimitive.Trigger>\n            {lead && (\n              <span className=\"satin-field-icon satin-combobox-icon pointer-events-none\" aria-hidden>\n                {lead}\n              </span>\n            )}\n            <div className=\"pointer-events-none flex min-w-0 flex-1 flex-wrap items-center gap-1 *:pointer-events-auto\">\n              {chips &&\n                chosen.map((o) => (\n                  <Chip\n                    key={o.value}\n                    size=\"sm\"\n                    variant=\"outline\"\n                    disabled={chrome.disabled}\n                    removeLabel={`Remove ${o.label}`}\n                    onRemove={() => commit(applied.filter((v) => v !== o.value))}\n                    className=\"relative\"\n                  >\n                    {o.label}\n                  </Chip>\n                ))}\n              {triggerText && (\n                <span aria-hidden className={cn('pointer-events-none! min-w-0 flex-1 truncate', chosen.length ? 'text-text-default' : 'text-text-muted')}>\n                  {triggerText}\n                </span>\n              )}\n              {/* Without a label there is no line above the field for Clear: it follows the chips. */}\n              {!label && chips && chosen.length > 1 && (\n                <Button\n                  variant=\"tertiary\"\n                  size=\"xs\"\n                  disabled={chrome.disabled}\n                  className=\"relative ml-auto\"\n                  onClick={() => commit([])}\n                >\n                  {clearLabel}\n                </Button>\n              )}\n            </div>\n            <SelectChevron className=\"satin-combobox-icon pointer-events-none\" />\n          </div>\n        </PopoverPrimitive.Anchor>\n\n        <PopoverPrimitive.Portal container={container}>\n          <PopoverPrimitive.Content\n            data-slot=\"combobox\"\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={8}\n            onOpenAutoFocus={onOpenAutoFocus}\n            onInteractOutside={onInteractOutside}\n            className={cn(\n              'pointer-events-auto z-50 flex w-(--radix-popover-trigger-width) min-w-60 max-w-[520px] flex-col overflow-hidden',\n              menuSurfaceClass,\n              'origin-(--radix-popover-content-transform-origin) outline-none',\n              'data-[state=open]:animate-[satin-enter_var(--duration-base)_var(--ease-out)]',\n            )}\n          >\n            <label className=\"flex h-9 shrink-0 items-center gap-2 border-b border-border-subtle px-3 text-text-muted\">\n              <Search aria-hidden className=\"size-4 shrink-0 [stroke-width:1.875]\" />\n              <input\n                role=\"combobox\"\n                aria-expanded\n                aria-controls={listId}\n                aria-autocomplete=\"list\"\n                aria-activedescendant={shown[active] ? `${listId}-${shown[active].value}` : undefined}\n                aria-label={searchPlaceholder}\n                value={query}\n                placeholder={searchPlaceholder}\n                onChange={(e) => {\n                  setQuery(e.target.value)\n                  setActive(0)\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n                    e.preventDefault()\n                    const step = e.key === 'ArrowDown' ? 1 : -1\n                    setActive((a) => (shown.length ? (a + step + shown.length) % shown.length : 0))\n                  } else if (e.key === 'Enter' && shown[active]) {\n                    e.preventDefault()\n                    if (!shown[active].disabled) pick(shown[active].value)\n                  }\n                }}\n                className=\"min-w-0 flex-1 bg-transparent text-base leading-[21px] text-text-default outline-none placeholder:text-text-muted focus-visible:ring-0\"\n              />\n            </label>\n\n            <div\n              id={listId}\n              role=\"listbox\"\n              aria-multiselectable={multiple || undefined}\n              className=\"flex max-h-60 flex-col gap-0.5 overflow-y-auto p-1\"\n            >\n              {shown.length === 0 ? (\n                <p className=\"px-3 py-6 text-center text-sm text-text-muted\">{emptyText}</p>\n              ) : (\n                shown.map((o, i) => {\n                  const picked = picks.includes(o.value)\n                  return (\n                    <div\n                      key={o.value}\n                      id={`${listId}-${o.value}`}\n                      role=\"option\"\n                      aria-selected={picked}\n                      aria-disabled={o.disabled || undefined}\n                      data-highlighted={i === active ? '' : undefined}\n                      data-disabled={o.disabled ? '' : undefined}\n                      onPointerMove={() => setActive(i)}\n                      // Keep focus in the query field.\n                      onMouseDown={(e) => e.preventDefault()}\n                      onClick={() => !o.disabled && pick(o.value)}\n                      className={cn(menuItemClass, picked && 'bg-bg-selected')}\n                    >\n                      <MenuItemContent\n                        label={o.label}\n                        description={o.description}\n                        icon={o.icon}\n                        layout=\"inline\"\n                        shortcut={o.shortcut}\n                        selected={picked}\n                      />\n                    </div>\n                  )\n                })\n              )}\n            </div>\n\n            {footer && (\n              <div className=\"flex shrink-0 items-center justify-end gap-2 border-t border-border-subtle p-2\">\n                <Button variant=\"secondary\" onClick={() => setOpen(false)}>\n                  {cancelLabel}\n                </Button>\n                <Button disabled={pending.length === 0} onClick={apply}>\n                  {applyLabel}\n                </Button>\n              </div>\n            )}\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </PopoverPrimitive.Root>\n    </FieldChrome>\n  )\n}\n"]}

package/chunk-O7F3CIDV.js

@@ -0,0 +1,45 @@
+import { cn } from './chunk-H63FYCMY.js';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  [
+    "inline-flex shrink-0 items-center gap-1 text-sm leading-4 font-medium tracking-normal whitespace-nowrap text-tone-fg",
+    "[&_svg]:pointer-events-none [&_svg]:size-icon-size-sm [&_svg]:shrink-0 [&_svg]:[stroke-width:1.875]"
+  ],
+  {
+    variants: {
+      size: {
+        lg: "px-2 py-1",
+        sm: "px-1.5 py-0.5"
+      },
+      variant: {
+        soft: "bg-tone-bg",
+        plain: "bg-transparent",
+        // White (bg/card) inside a 1px border/default edge, drawn inset so the size stays put.
+        outline: "bg-bg-card [box-shadow:inset_0_0_0_1px_var(--border-default)]"
+      },
+      shape: {
+        default: "rounded-sm",
+        rounded: "rounded-pill"
+      }
+    },
+    defaultVariants: { size: "lg", variant: "soft", shape: "default" }
+  }
+);
+function Badge({ className, tone = "neutral", size, variant, shape, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "badge",
+      "data-tone": tone,
+      className: cn(badgeVariants({ size, variant, shape }), className),
+      ...props
+    }
+  );
+}
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=chunk-O7F3CIDV.js.map
+//# sourceMappingURL=chunk-O7F3CIDV.js.map

package/chunk-O7F3CIDV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AAAA,IACE,sHAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,YAAA;AAAA,QACN,KAAA,EAAO,gBAAA;AAAA;AAAA,QAEP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,YAAA;AAAA,QACT,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,iBAAiB,EAAE,IAAA,EAAM,MAAM,OAAA,EAAS,MAAA,EAAQ,OAAO,SAAA;AAAU;AAErE;AAMO,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,IAAA,GAAO,SAAA,EAAW,MAAM,OAAA,EAAS,KAAA,EAAO,GAAG,KAAA,EAAM,EAAe;AACjG,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,MAAM,OAAA,EAAS,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA;AAAA,MAC/D,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-O7F3CIDV.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../lib/utils'\n\nexport type BadgeTone = 'neutral' | 'brand' | 'sky' | 'green' | 'amber' | 'red' | 'fuchsia' | 'plum'\n\n/**\n * Badge, 1:1 with the uiKit `Badge` set (988:20203): eight tones, Large (8 × 4 padding, 24\n * high) or Small (6 × 2, 20 high), Soft (tone fill), Plain (no fill) or Outline (bg/card with a border/default edge), radius-sm or full.\n * Label medium 13/16, icon 14px in the tone colour, 4px apart. No border, no shadow.\n * The tone comes from `data-tone`, which repoints the `tone/*` tokens.\n */\nconst badgeVariants = cva(\n  [\n    'inline-flex shrink-0 items-center gap-1 text-sm leading-4 font-medium tracking-normal whitespace-nowrap text-tone-fg',\n    '[&_svg]:pointer-events-none [&_svg]:size-icon-size-sm [&_svg]:shrink-0 [&_svg]:[stroke-width:1.875]',\n  ],\n  {\n    variants: {\n      size: {\n        lg: 'px-2 py-1',\n        sm: 'px-1.5 py-0.5',\n      },\n      variant: {\n        soft: 'bg-tone-bg',\n        plain: 'bg-transparent',\n        // White (bg/card) inside a 1px border/default edge, drawn inset so the size stays put.\n        outline: 'bg-bg-card [box-shadow:inset_0_0_0_1px_var(--border-default)]',\n      },\n      shape: {\n        default: 'rounded-sm',\n        rounded: 'rounded-pill',\n      },\n    },\n    defaultVariants: { size: 'lg', variant: 'soft', shape: 'default' },\n  },\n)\n\nexport interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  tone?: BadgeTone\n}\n\nexport function Badge({ className, tone = 'neutral', size, variant, shape, ...props }: BadgeProps) {\n  return (\n    <span\n      data-slot=\"badge\"\n      data-tone={tone}\n      className={cn(badgeVariants({ size, variant, shape }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { badgeVariants }\n"]}