@inshorts/glint-ui 0.5.4 → 0.6.1

package/dist/chunk-OUYT6SPU.js

@@ -0,0 +1,76 @@
+import {
+  Autocomplete
+} from "./chunk-5MEOZHJA.js";
+
+// src/select.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function optionText(node) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(optionText).join("");
+  if (React.isValidElement(node)) {
+    return optionText(node.props.children);
+  }
+  return "";
+}
+function optionsFromChildren(children) {
+  const options = [];
+  React.Children.forEach(children, (child) => {
+    if (!React.isValidElement(child)) return;
+    if (child.type === React.Fragment) {
+      options.push(
+        ...optionsFromChildren(
+          child.props.children
+        )
+      );
+      return;
+    }
+    const props = child.props;
+    const value = props.value == null ? "" : String(props.value);
+    options.push({
+      value,
+      label: optionText(props.children).trim() || value,
+      disabled: Boolean(props.disabled)
+    });
+  });
+  return options;
+}
+function Select({
+  id,
+  className,
+  disabled,
+  value,
+  placeholder,
+  children,
+  onChange,
+  size = "default",
+  "aria-label": ariaLabel
+}) {
+  const options = optionsFromChildren(children);
+  const current = Array.isArray(value) ? String(value[0] ?? "") : value == null ? "" : String(value);
+  const blank = options.find((option) => option.value === "");
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      id,
+      className,
+      disabled: Boolean(disabled),
+      ariaLabel,
+      size,
+      options,
+      value: current,
+      clearable: false,
+      placeholder: placeholder ?? blank?.label ?? "Search\u2026",
+      onChange: (next) => onChange?.({
+        target: { value: next },
+        currentTarget: { value: next }
+      })
+    }
+  );
+}
+
+export {
+  Select
+};
+//# sourceMappingURL=chunk-OUYT6SPU.js.map

package/dist/chunk-OUYT6SPU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { Autocomplete, type AutocompleteOption } from \"./autocomplete\";\n\ntype SelectChange = {\n  target: { value: string };\n  currentTarget: { value: string };\n};\n\nexport type SelectProps = {\n  id?: string;\n  className?: string;\n  disabled?: boolean;\n  /** Accessible name when the control is not wrapped in a label. */\n  \"aria-label\"?: string;\n  /** `compact` fits a spreadsheet cell. Typing still filters the list. */\n  size?: \"default\" | \"compact\";\n  value?: string | number | readonly string[];\n  placeholder?: string;\n  children?: React.ReactNode;\n  onChange?: (event: SelectChange) => void;\n};\n\nfunction optionText(node: React.ReactNode): string {\n  if (node == null || typeof node === \"boolean\") return \"\";\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(optionText).join(\"\");\n  if (React.isValidElement<{ children?: React.ReactNode }>(node)) {\n    return optionText(node.props.children);\n  }\n  return \"\";\n}\n\nfunction optionsFromChildren(children: React.ReactNode): AutocompleteOption[] {\n  const options: AutocompleteOption[] = [];\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n    if (child.type === React.Fragment) {\n      options.push(\n        ...optionsFromChildren(\n          (child.props as { children?: React.ReactNode }).children,\n        ),\n      );\n      return;\n    }\n    const props = child.props as {\n      value?: string | number;\n      disabled?: boolean;\n      children?: React.ReactNode;\n    };\n    const value = props.value == null ? \"\" : String(props.value);\n    options.push({\n      value,\n      label: optionText(props.children).trim() || value,\n      disabled: Boolean(props.disabled),\n    });\n  });\n  return options;\n}\n\n/**\n * The dropdown. It is the searchable autocomplete, not a native `<select>`,\n * so a long list can be typed into and an empty list still opens.\n */\nexport function Select({\n  id,\n  className,\n  disabled,\n  value,\n  placeholder,\n  children,\n  onChange,\n  size = \"default\",\n  \"aria-label\": ariaLabel,\n}: SelectProps) {\n  const options = optionsFromChildren(children);\n  const current = Array.isArray(value)\n    ? String(value[0] ?? \"\")\n    : value == null\n      ? \"\"\n      : String(value);\n  const blank = options.find((option) => option.value === \"\");\n\n  return (\n    <Autocomplete\n      id={id}\n      className={className}\n      disabled={Boolean(disabled)}\n      ariaLabel={ariaLabel}\n      size={size}\n      options={options}\n      value={current}\n      clearable={false}\n      placeholder={placeholder ?? blank?.label ?? \"Search…\"}\n      onChange={(next) =>\n        onChange?.({\n          target: { value: next },\n          currentTarget: { value: next },\n        })\n      }\n    />\n  );\n}\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AAoFnB;AA7DJ,SAAS,WAAW,MAA+B;AACjD,MAAI,QAAQ,QAAQ,OAAO,SAAS,UAAW,QAAO;AACtD,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,SAAU,QAAO,OAAO,IAAI;AAC5E,MAAI,MAAM,QAAQ,IAAI,EAAG,QAAO,KAAK,IAAI,UAAU,EAAE,KAAK,EAAE;AAC5D,MAAU,qBAA+C,IAAI,GAAG;AAC9D,WAAO,WAAW,KAAK,MAAM,QAAQ;AAAA,EACvC;AACA,SAAO;AACT;AAEA,SAAS,oBAAoB,UAAiD;AAC5E,QAAM,UAAgC,CAAC;AACvC,EAAM,eAAS,QAAQ,UAAU,CAAC,UAAU;AAC1C,QAAI,CAAO,qBAAe,KAAK,EAAG;AAClC,QAAI,MAAM,SAAe,gBAAU;AACjC,cAAQ;AAAA,QACN,GAAG;AAAA,UACA,MAAM,MAAyC;AAAA,QAClD;AAAA,MACF;AACA;AAAA,IACF;AACA,UAAM,QAAQ,MAAM;AAKpB,UAAM,QAAQ,MAAM,SAAS,OAAO,KAAK,OAAO,MAAM,KAAK;AAC3D,YAAQ,KAAK;AAAA,MACX;AAAA,MACA,OAAO,WAAW,MAAM,QAAQ,EAAE,KAAK,KAAK;AAAA,MAC5C,UAAU,QAAQ,MAAM,QAAQ;AAAA,IAClC,CAAC;AAAA,EACH,CAAC;AACD,SAAO;AACT;AAMO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAChB,GAAgB;AACd,QAAM,UAAU,oBAAoB,QAAQ;AAC5C,QAAM,UAAU,MAAM,QAAQ,KAAK,IAC/B,OAAO,MAAM,CAAC,KAAK,EAAE,IACrB,SAAS,OACP,KACA,OAAO,KAAK;AAClB,QAAM,QAAQ,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,EAAE;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,QAAQ,QAAQ;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,eAAe,OAAO,SAAS;AAAA,MAC5C,UAAU,CAAC,SACT,WAAW;AAAA,QACT,QAAQ,EAAE,OAAO,KAAK;AAAA,QACtB,eAAe,EAAE,OAAO,KAAK;AAAA,MAC/B,CAAC;AAAA;AAAA,EAEL;AAEJ;","names":[]}

package/dist/chunk-PM2VE7DJ.js

@@ -0,0 +1,100 @@
+import {
+  PanelBrandMark
+} from "./chunk-JDE5XYPT.js";
+import {
+  Button
+} from "./chunk-KR3BCFP7.js";
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/panel-sign-in.tsx
+import { Loader2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PanelSignIn({
+  appName,
+  eyebrow = "Secure Google sign-in",
+  description = "Use your work Google account to continue.",
+  features,
+  brandIcon,
+  error,
+  refused = false,
+  refusedTitle = "Access denied",
+  refusedMessage = "This Google account is signed in, but it is not provisioned for this panel.",
+  isSessionLoading = false,
+  isSigningIn = false,
+  onSignIn,
+  signInLabel = "Continue with Google",
+  className
+}) {
+  const busy = isSessionLoading || isSigningIn;
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      className: cn(
+        "bg-background text-foreground grid min-h-screen place-items-center p-4 sm:p-8",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("section", { className: "border-border bg-card w-full max-w-md space-y-6 rounded-lg border p-8 shadow-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(PanelBrandMark, { children: brandIcon ?? /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", "aria-hidden": true, children: appName.slice(0, 1).toUpperCase() }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-title truncate font-semibold", children: appName }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-meta", children: eyebrow })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-display font-semibold tracking-tight", children: refused ? refusedTitle : "Sign in" }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-body", children: refused ? refusedMessage : description })
+        ] }),
+        features && features.length > 0 && !refused ? /* @__PURE__ */ jsx("ul", { className: "text-muted-foreground text-body space-y-1.5", children: features.slice(0, 3).map((feature) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground mt-1.5 h-1 w-1 shrink-0 rounded-full bg-current" }),
+          /* @__PURE__ */ jsx("span", { children: feature })
+        ] }, feature)) }) : null,
+        error ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            role: "alert",
+            className: "border-destructive/30 bg-destructive/5 text-destructive rounded-md border px-3 py-2 text-sm",
+            children: error
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            className: "w-full",
+            disabled: busy,
+            onClick: onSignIn,
+            "aria-busy": busy,
+            children: [
+              busy ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin", "aria-hidden": true }) : null,
+              isSigningIn ? "Redirecting\u2026" : signInLabel
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function PanelSignInSkeleton({ className }) {
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      className: cn(
+        "bg-background grid min-h-screen place-items-center p-4 sm:p-8",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "border-border bg-card w-full max-w-md space-y-4 rounded-lg border p-8 shadow-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-muted h-3 w-24 animate-pulse rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-muted h-8 w-48 animate-pulse rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-muted mt-7 h-10 w-full animate-pulse rounded-md" })
+      ] })
+    }
+  );
+}
+
+export {
+  PanelSignIn,
+  PanelSignInSkeleton
+};
+//# sourceMappingURL=chunk-PM2VE7DJ.js.map

package/dist/chunk-PM2VE7DJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/panel-sign-in.tsx"],"sourcesContent":["\"use client\";\n\nimport { Loader2 } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"./button\";\nimport { PanelBrandMark } from \"./panel-brand-mark\";\nimport { cn } from \"./utils\";\n\nexport type PanelSignInProps = {\n  appName: string;\n  /** Short line under the brand (e.g. \"Secure Google sign-in\"). */\n  eyebrow?: string;\n  /** One supporting sentence under the headline. */\n  description?: string;\n  /** Optional feature bullets — keep to ≤3; DESIGN.md: one job per surface. */\n  features?: string[];\n  brandIcon?: React.ReactNode;\n  error?: string | null;\n  /** Google signed in but panel access refused. */\n  refused?: boolean;\n  refusedTitle?: string;\n  refusedMessage?: string;\n  isSessionLoading?: boolean;\n  isSigningIn?: boolean;\n  onSignIn: () => void;\n  signInLabel?: string;\n  className?: string;\n};\n\n/**\n * DESIGN.md-compliant panel login: brand-first, ink neutrals, no purple glow.\n */\nexport function PanelSignIn({\n  appName,\n  eyebrow = \"Secure Google sign-in\",\n  description = \"Use your work Google account to continue.\",\n  features,\n  brandIcon,\n  error,\n  refused = false,\n  refusedTitle = \"Access denied\",\n  refusedMessage = \"This Google account is signed in, but it is not provisioned for this panel.\",\n  isSessionLoading = false,\n  isSigningIn = false,\n  onSignIn,\n  signInLabel = \"Continue with Google\",\n  className,\n}: PanelSignInProps) {\n  const busy = isSessionLoading || isSigningIn;\n\n  return (\n    <main\n      className={cn(\n        \"bg-background text-foreground grid min-h-screen place-items-center p-4 sm:p-8\",\n        className,\n      )}\n    >\n      <section className=\"border-border bg-card w-full max-w-md space-y-6 rounded-lg border p-8 shadow-sm\">\n        <div className=\"flex items-center gap-3\">\n          <PanelBrandMark>\n            {brandIcon ?? (\n              <span className=\"text-sm font-semibold\" aria-hidden>\n                {appName.slice(0, 1).toUpperCase()}\n              </span>\n            )}\n          </PanelBrandMark>\n          <div className=\"min-w-0\">\n            <p className=\"text-title truncate font-semibold\">{appName}</p>\n            <p className=\"text-muted-foreground text-meta\">{eyebrow}</p>\n          </div>\n        </div>\n\n        <div className=\"space-y-2\">\n          <h1 className=\"text-display font-semibold tracking-tight\">\n            {refused ? refusedTitle : \"Sign in\"}\n          </h1>\n          <p className=\"text-muted-foreground text-body\">\n            {refused ? refusedMessage : description}\n          </p>\n        </div>\n\n        {features && features.length > 0 && !refused ? (\n          <ul className=\"text-muted-foreground text-body space-y-1.5\">\n            {features.slice(0, 3).map((feature) => (\n              <li key={feature} className=\"flex gap-2\">\n                <span className=\"text-foreground mt-1.5 h-1 w-1 shrink-0 rounded-full bg-current\" />\n                <span>{feature}</span>\n              </li>\n            ))}\n          </ul>\n        ) : null}\n\n        {error ? (\n          <p\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/5 text-destructive rounded-md border px-3 py-2 text-sm\"\n          >\n            {error}\n          </p>\n        ) : null}\n\n        <Button\n          className=\"w-full\"\n          disabled={busy}\n          onClick={onSignIn}\n          aria-busy={busy}\n        >\n          {busy ? (\n            <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" aria-hidden />\n          ) : null}\n          {isSigningIn ? \"Redirecting…\" : signInLabel}\n        </Button>\n      </section>\n    </main>\n  );\n}\n\nexport function PanelSignInSkeleton({ className }: { className?: string }) {\n  return (\n    <main\n      className={cn(\n        \"bg-background grid min-h-screen place-items-center p-4 sm:p-8\",\n        className,\n      )}\n    >\n      <div className=\"border-border bg-card w-full max-w-md space-y-4 rounded-lg border p-8 shadow-sm\">\n        <div className=\"bg-muted h-3 w-24 animate-pulse rounded\" />\n        <div className=\"bg-muted h-8 w-48 animate-pulse rounded\" />\n        <div className=\"bg-muted mt-7 h-10 w-full animate-pulse rounded-md\" />\n      </div>\n    </main>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,eAAe;AA4DV,cAKJ,YALI;AA7BP,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAqB;AACnB,QAAM,OAAO,oBAAoB;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,+BAAC,aAAQ,WAAU,mFACjB;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,kBACE,uBACC,oBAAC,UAAK,WAAU,yBAAwB,eAAW,MAChD,kBAAQ,MAAM,GAAG,CAAC,EAAE,YAAY,GACnC,GAEJ;AAAA,UACA,qBAAC,SAAI,WAAU,WACb;AAAA,gCAAC,OAAE,WAAU,qCAAqC,mBAAQ;AAAA,YAC1D,oBAAC,OAAE,WAAU,mCAAmC,mBAAQ;AAAA,aAC1D;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,aACb;AAAA,8BAAC,QAAG,WAAU,6CACX,oBAAU,eAAe,WAC5B;AAAA,UACA,oBAAC,OAAE,WAAU,mCACV,oBAAU,iBAAiB,aAC9B;AAAA,WACF;AAAA,QAEC,YAAY,SAAS,SAAS,KAAK,CAAC,UACnC,oBAAC,QAAG,WAAU,+CACX,mBAAS,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,YACzB,qBAAC,QAAiB,WAAU,cAC1B;AAAA,8BAAC,UAAK,WAAU,mEAAkE;AAAA,UAClF,oBAAC,UAAM,mBAAQ;AAAA,aAFR,OAGT,CACD,GACH,IACE;AAAA,QAEH,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAET;AAAA;AAAA,QACH,IACE;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAW;AAAA,YAEV;AAAA,qBACC,oBAAC,WAAQ,WAAU,6BAA4B,eAAW,MAAC,IACzD;AAAA,cACH,cAAc,sBAAiB;AAAA;AAAA;AAAA,QAClC;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB,EAAE,UAAU,GAA2B;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,+BAAC,SAAI,WAAU,mFACb;AAAA,4BAAC,SAAI,WAAU,2CAA0C;AAAA,QACzD,oBAAC,SAAI,WAAU,2CAA0C;AAAA,QACzD,oBAAC,SAAI,WAAU,sDAAqD;AAAA,SACtE;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PPYR3O3L.js

@@ -0,0 +1,44 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+import {
+  writeToClipboard
+} from "./chunk-Y5WCT6XN.js";
+
+// src/copy-button.tsx
+import { Check, Copy } from "lucide-react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function CopyButton({
+  value,
+  label,
+  className
+}) {
+  const [copied, setCopied] = React.useState(false);
+  React.useEffect(() => {
+    if (!copied) return;
+    const timer = window.setTimeout(() => setCopied(false), 1500);
+    return () => window.clearTimeout(timer);
+  }, [copied]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": copied ? `${label} copied` : `Copy ${label}`,
+      title: copied ? "Copied" : `Copy ${label}`,
+      className: cn(
+        "text-muted-foreground hover:text-foreground hover:bg-muted focus-visible:ring-ring shrink-0 cursor-pointer rounded p-1 transition focus-visible:ring-2 focus-visible:outline-none",
+        className
+      ),
+      onClick: () => {
+        void writeToClipboard(value).then(() => setCopied(true)).catch(() => void 0);
+      },
+      children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-success", "aria-hidden": true }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5", "aria-hidden": true })
+    }
+  );
+}
+
+export {
+  CopyButton
+};
+//# sourceMappingURL=chunk-PPYR3O3L.js.map

package/dist/chunk-PPYR3O3L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/copy-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Check, Copy } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { writeToClipboard } from \"./clipboard\";\nimport { cn } from \"./utils\";\n\n/**\n * Copies one short string — an id, a title, a URL — and says so for a moment.\n *\n * The panel had this three times over, each with its own timeout and its own\n * silent-failure story. `writeToClipboard` is used rather than\n * `navigator.clipboard` directly because the latter is undefined on http\n * origins, which is exactly where this panel runs in local dev.\n */\nexport function CopyButton({\n  value,\n  label,\n  className,\n}: {\n  value: string;\n  /** What is being copied, for the accessible name: \"card id\", \"title\". */\n  label: string;\n  className?: string;\n}) {\n  const [copied, setCopied] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!copied) return;\n    const timer = window.setTimeout(() => setCopied(false), 1500);\n    return () => window.clearTimeout(timer);\n  }, [copied]);\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={copied ? `${label} copied` : `Copy ${label}`}\n      title={copied ? \"Copied\" : `Copy ${label}`}\n      className={cn(\n        \"text-muted-foreground hover:text-foreground hover:bg-muted focus-visible:ring-ring shrink-0 cursor-pointer rounded p-1 transition focus-visible:ring-2 focus-visible:outline-none\",\n        className,\n      )}\n      onClick={() => {\n        // A denied clipboard permission should not throw into the row.\n        void writeToClipboard(value)\n          .then(() => setCopied(true))\n          .catch(() => undefined);\n      }}\n    >\n      {copied ? (\n        <Check className=\"size-3.5 text-success\" aria-hidden />\n      ) : (\n        <Copy className=\"size-3.5\" aria-hidden />\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,OAAO,YAAY;AAC5B,YAAY,WAAW;AAgDf;AAnCD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAS,KAAK;AAEhD,EAAM,gBAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AACb,UAAM,QAAQ,OAAO,WAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAC5D,WAAO,MAAM,OAAO,aAAa,KAAK;AAAA,EACxC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,SAAS,GAAG,KAAK,YAAY,QAAQ,KAAK;AAAA,MACtD,OAAO,SAAS,WAAW,QAAQ,KAAK;AAAA,MACxC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,MAAM;AAEb,aAAK,iBAAiB,KAAK,EACxB,KAAK,MAAM,UAAU,IAAI,CAAC,EAC1B,MAAM,MAAM,MAAS;AAAA,MAC1B;AAAA,MAEC,mBACC,oBAAC,SAAM,WAAU,yBAAwB,eAAW,MAAC,IAErD,oBAAC,QAAK,WAAU,YAAW,eAAW,MAAC;AAAA;AAAA,EAE3C;AAEJ;","names":[]}

package/dist/chunk-PUTC52SI.js

@@ -0,0 +1,98 @@
+import {
+  Button
+} from "./chunk-KR3BCFP7.js";
+
+// src/pagination.tsx
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  loading = false,
+  showPageInfo = true
+}) {
+  const visiblePages = React.useMemo(() => {
+    const delta = 2;
+    const range = [];
+    const rangeWithDots = [];
+    for (let i = Math.max(2, currentPage - delta); i <= Math.min(totalPages - 1, currentPage + delta); i++) {
+      range.push(i);
+    }
+    if (currentPage - delta > 2) {
+      rangeWithDots.push(1, "...");
+    } else {
+      rangeWithDots.push(1);
+    }
+    rangeWithDots.push(...range);
+    if (currentPage + delta < totalPages - 1) {
+      rangeWithDots.push("...", totalPages);
+    } else if (totalPages > 1) {
+      rangeWithDots.push(totalPages);
+    }
+    return rangeWithDots;
+  }, [currentPage, totalPages]);
+  if (totalPages <= 1) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
+    showPageInfo ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground order-2 text-sm sm:order-1", children: [
+      "Page ",
+      currentPage,
+      " of ",
+      totalPages
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "order-1 flex items-center space-x-1 sm:order-2 sm:space-x-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => onPageChange(currentPage - 1),
+          disabled: currentPage <= 1 || loading,
+          className: "h-8 min-w-8 px-2",
+          "aria-label": "Previous page",
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex max-w-[200px] items-center space-x-1 overflow-x-auto sm:max-w-none", children: visiblePages.map(
+        (page, index) => page === "..." ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-8 w-8 shrink-0 items-center justify-center",
+            children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+          },
+          `dots-${index}`
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: page === currentPage ? "default" : "outline",
+            size: "sm",
+            onClick: () => onPageChange(page),
+            disabled: loading,
+            className: "h-8 min-w-8 shrink-0 px-2",
+            "aria-current": page === currentPage ? "page" : void 0,
+            children: page
+          },
+          page
+        )
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => onPageChange(currentPage + 1),
+          disabled: currentPage >= totalPages || loading,
+          className: "h-8 min-w-8 px-2",
+          "aria-label": "Next page",
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  Pagination
+};
+//# sourceMappingURL=chunk-PUTC52SI.js.map

package/dist/chunk-PUTC52SI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"./button\";\n\nexport type PaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  loading?: boolean;\n  showPageInfo?: boolean;\n};\n\n/**\n * Numbered pager for list panels. Hides itself when there is only one page.\n */\nexport function Pagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  loading = false,\n  showPageInfo = true,\n}: PaginationProps) {\n  const visiblePages = React.useMemo(() => {\n    const delta = 2;\n    const range: number[] = [];\n    const rangeWithDots: Array<number | \"...\"> = [];\n\n    for (\n      let i = Math.max(2, currentPage - delta);\n      i <= Math.min(totalPages - 1, currentPage + delta);\n      i++\n    ) {\n      range.push(i);\n    }\n\n    if (currentPage - delta > 2) {\n      rangeWithDots.push(1, \"...\");\n    } else {\n      rangeWithDots.push(1);\n    }\n\n    rangeWithDots.push(...range);\n\n    if (currentPage + delta < totalPages - 1) {\n      rangeWithDots.push(\"...\", totalPages);\n    } else if (totalPages > 1) {\n      rangeWithDots.push(totalPages);\n    }\n\n    return rangeWithDots;\n  }, [currentPage, totalPages]);\n\n  if (totalPages <= 1) return null;\n\n  return (\n    <div className=\"flex flex-col items-center justify-between gap-4 sm:flex-row\">\n      {showPageInfo ? (\n        <div className=\"text-muted-foreground order-2 text-sm sm:order-1\">\n          Page {currentPage} of {totalPages}\n        </div>\n      ) : null}\n\n      <div className=\"order-1 flex items-center space-x-1 sm:order-2 sm:space-x-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(currentPage - 1)}\n          disabled={currentPage <= 1 || loading}\n          className=\"h-8 min-w-8 px-2\"\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n\n        <div className=\"flex max-w-[200px] items-center space-x-1 overflow-x-auto sm:max-w-none\">\n          {visiblePages.map((page, index) =>\n            page === \"...\" ? (\n              <div\n                key={`dots-${index}`}\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center\"\n              >\n                <MoreHorizontal className=\"h-4 w-4\" />\n              </div>\n            ) : (\n              <Button\n                key={page}\n                variant={page === currentPage ? \"default\" : \"outline\"}\n                size=\"sm\"\n                onClick={() => onPageChange(page)}\n                disabled={loading}\n                className=\"h-8 min-w-8 shrink-0 px-2\"\n                aria-current={page === currentPage ? \"page\" : undefined}\n              >\n                {page}\n              </Button>\n            ),\n          )}\n        </div>\n\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(currentPage + 1)}\n          disabled={currentPage >= totalPages || loading}\n          className=\"h-8 min-w-8 px-2\"\n          aria-label=\"Next page\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,aAAa,cAAc,sBAAsB;AAC1D,YAAY,WAAW;AAyDf,SAcE,KAdF;AA1CD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AACjB,GAAoB;AAClB,QAAM,eAAqB,cAAQ,MAAM;AACvC,UAAM,QAAQ;AACd,UAAM,QAAkB,CAAC;AACzB,UAAM,gBAAuC,CAAC;AAE9C,aACM,IAAI,KAAK,IAAI,GAAG,cAAc,KAAK,GACvC,KAAK,KAAK,IAAI,aAAa,GAAG,cAAc,KAAK,GACjD,KACA;AACA,YAAM,KAAK,CAAC;AAAA,IACd;AAEA,QAAI,cAAc,QAAQ,GAAG;AAC3B,oBAAc,KAAK,GAAG,KAAK;AAAA,IAC7B,OAAO;AACL,oBAAc,KAAK,CAAC;AAAA,IACtB;AAEA,kBAAc,KAAK,GAAG,KAAK;AAE3B,QAAI,cAAc,QAAQ,aAAa,GAAG;AACxC,oBAAc,KAAK,OAAO,UAAU;AAAA,IACtC,WAAW,aAAa,GAAG;AACzB,oBAAc,KAAK,UAAU;AAAA,IAC/B;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,MAAI,cAAc,EAAG,QAAO;AAE5B,SACE,qBAAC,SAAI,WAAU,gEACZ;AAAA,mBACC,qBAAC,SAAI,WAAU,oDAAmD;AAAA;AAAA,MAC1D;AAAA,MAAY;AAAA,MAAK;AAAA,OACzB,IACE;AAAA,IAEJ,qBAAC,SAAI,WAAU,+DACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,UAC3C,UAAU,eAAe,KAAK;AAAA,UAC9B,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MAEA,oBAAC,SAAI,WAAU,2EACZ,uBAAa;AAAA,QAAI,CAAC,MAAM,UACvB,SAAS,QACP;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV,8BAAC,kBAAe,WAAU,WAAU;AAAA;AAAA,UAH/B,QAAQ,KAAK;AAAA,QAIpB,IAEA;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,SAAS,cAAc,YAAY;AAAA,YAC5C,MAAK;AAAA,YACL,SAAS,MAAM,aAAa,IAAI;AAAA,YAChC,UAAU;AAAA,YACV,WAAU;AAAA,YACV,gBAAc,SAAS,cAAc,SAAS;AAAA,YAE7C;AAAA;AAAA,UARI;AAAA,QASP;AAAA,MAEJ,GACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,UAC3C,UAAU,eAAe,cAAc;AAAA,UACvC,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-PWAKTEXF.js

@@ -0,0 +1,18 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/input.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var inputClass = "h-9 w-full rounded-md border border-border bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
+var Input = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, className: cn(inputClass, className), ...props })
+);
+Input.displayName = "Input";
+
+export {
+  inputClass,
+  Input
+};
+//# sourceMappingURL=chunk-PWAKTEXF.js.map

package/dist/chunk-PWAKTEXF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\nexport const inputClass =\n  \"h-9 w-full rounded-md border border-border bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => (\n    <input ref={ref} className={cn(inputClass, className)} {...props} />\n  ),\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAWnB;AAPG,IAAM,aACX;AAIK,IAAM,QAAc;AAAA,EACzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,WAAM,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEtE;AAEA,MAAM,cAAc;","names":[]}

package/dist/chunk-QTFWORA7.js

@@ -0,0 +1,26 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/label.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Label = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "label",
+    {
+      ref,
+      className: cn(
+        "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Label.displayName = "Label";
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-QTFWORA7.js.map

package/dist/chunk-QTFWORA7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/label.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\nexport type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;\n\n/** Form label — pair with a native control via `htmlFor`. */\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, ...props }, ref) => (\n    <label\n      ref={ref}\n      className={cn(\n        \"text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AASnB;AAFG,IAAM,QAAc;AAAA,EACzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;","names":[]}

package/dist/chunk-RUPL2H6V.js

@@ -0,0 +1,49 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/page-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PageHeader({
+  title,
+  description,
+  eyebrow,
+  actions,
+  className
+}) {
+  const heading = /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+    eyebrow,
+    /* @__PURE__ */ jsx(
+      "h1",
+      {
+        className: cn(
+          "text-2xl font-semibold tracking-tight",
+          eyebrow != null && "mt-1"
+        ),
+        children: title
+      }
+    ),
+    description != null ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: description }) : null
+  ] });
+  if (!actions) {
+    return /* @__PURE__ */ jsx("div", { className, children: heading });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-3",
+        className
+      ),
+      children: [
+        heading,
+        actions
+      ]
+    }
+  );
+}
+
+export {
+  PageHeader
+};
+//# sourceMappingURL=chunk-RUPL2H6V.js.map

package/dist/chunk-RUPL2H6V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/page-header.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * The title block every panel opens with.\n *\n * Twenty Managers wrote the same `<h1>` and subtitle by hand, differing only in\n * whether the row said `gap-3` or `gap-x-4 gap-y-2` and whether the inner block\n * carried `min-w-0` — differences nobody chose, which is what made them worth\n * removing.\n *\n * `description` takes a node rather than a string because several panels put a\n * `<code>` in theirs, naming the Firebase field they write. That is the useful\n * kind of subtitle and it should not have to opt out of the shared component to\n * stay.\n *\n * `min-w-0` is not optional here. Without it a long title refuses to shrink and\n * pushes the actions off the row instead of wrapping — which is the bug the\n * three panels that set it had already hit, and the seven that did not had not\n * yet.\n */\nexport interface PageHeaderProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n   * Sits above the title: a breadcrumb, or the back link the filter editors\n   * use. Four panels had one, each spacing it by hand.\n   */\n  eyebrow?: React.ReactNode;\n  /** Buttons belonging to the page, laid out at the end of the title row. */\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function PageHeader({\n  title,\n  description,\n  eyebrow,\n  actions,\n  className,\n}: PageHeaderProps) {\n  const heading = (\n    <div className=\"min-w-0\">\n      {eyebrow}\n      <h1\n        className={cn(\n          \"text-2xl font-semibold tracking-tight\",\n          eyebrow != null && \"mt-1\",\n        )}\n      >\n        {title}\n      </h1>\n      {description != null ? (\n        <p className=\"text-muted-foreground mt-1 text-sm\">{description}</p>\n      ) : null}\n    </div>\n  );\n\n  if (!actions) {\n    return <div className={className}>{heading}</div>;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-3\",\n        className,\n      )}\n    >\n      {heading}\n      {actions}\n    </div>\n  );\n}\n"],"mappings":";;;;;AA2CI,SAEE,KAFF;AARG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,UACJ,qBAAC,SAAI,WAAU,WACZ;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,QAAQ;AAAA,QACrB;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACC,eAAe,OACd,oBAAC,OAAE,WAAU,sCAAsC,uBAAY,IAC7D;AAAA,KACN;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,oBAAC,SAAI,WAAuB,mBAAQ;AAAA,EAC7C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-S7PVZAPL.js

@@ -0,0 +1,28 @@
+import {
+  StatePanel
+} from "./chunk-G4ZQUSAJ.js";
+import {
+  Alert
+} from "./chunk-ZP252OJZ.js";
+
+// src/feature-access-gate.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function FeatureAccessGate({
+  isLoading,
+  allowed,
+  deniedMessage,
+  children
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(StatePanel, { loading: true, className: "p-6", children: "Checking permissions\u2026" });
+  }
+  if (!allowed) {
+    return /* @__PURE__ */ jsx(Alert, { children: deniedMessage });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  FeatureAccessGate
+};
+//# sourceMappingURL=chunk-S7PVZAPL.js.map

package/dist/chunk-S7PVZAPL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/feature-access-gate.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { Alert } from \"./alert\";\nimport { StatePanel } from \"./state-panel\";\n\ntype FeatureAccessGateProps = {\n  isLoading?: boolean;\n  allowed: boolean;\n  deniedMessage: React.ReactNode;\n  children: React.ReactNode;\n};\n\n/**\n * Shared loading / denied shell for feature Managers (showcase, headers, …).\n */\nexport function FeatureAccessGate({\n  isLoading,\n  allowed,\n  deniedMessage,\n  children,\n}: FeatureAccessGateProps) {\n  if (isLoading) {\n    return (\n      <StatePanel loading className=\"p-6\">\n        Checking permissions…\n      </StatePanel>\n    );\n  }\n\n  if (!allowed) {\n    // `Alert`, not a hand-rolled banner: this is the denial surface for\n    // seventeen panels, and it was the one copy the Alert migration missed —\n    // so being refused a panel announced nothing to a screen reader.\n    return <Alert>{deniedMessage}</Alert>;\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;AAuBM,SAaG,UAbH;AARC,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,MAAI,WAAW;AACb,WACE,oBAAC,cAAW,SAAO,MAAC,WAAU,OAAM,wCAEpC;AAAA,EAEJ;AAEA,MAAI,CAAC,SAAS;AAIZ,WAAO,oBAAC,SAAO,yBAAc;AAAA,EAC/B;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}

package/dist/chunk-SQDV2AKJ.js

@@ -0,0 +1,49 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/badge.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "inline-flex items-center gap-1 rounded font-medium whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        neutral: "bg-muted text-muted-foreground",
+        success: "bg-success/15 text-success",
+        warning: "bg-warning/15 text-warning",
+        danger: "bg-destructive/15 text-destructive",
+        info: "bg-info/15 text-info"
+      },
+      size: {
+        /** Inline chips — a category, a tenant, a permission. */
+        sm: "px-1.5 py-0.5 text-xs",
+        /** A row's status. */
+        md: "px-2 py-0.5 text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "md"
+    }
+  }
+);
+var Badge = React.forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(badgeVariants({ variant, size }), className),
+      ...props
+    }
+  )
+);
+Badge.displayName = "Badge";
+
+export {
+  badgeVariants,
+  Badge
+};
+//# sourceMappingURL=chunk-SQDV2AKJ.js.map

package/dist/chunk-SQDV2AKJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"./utils\";\n\n/**\n * The status pill every list panel was spelling out by hand.\n *\n * Variants are semantic rather than named after a colour, because the same\n * status means the same thing on every panel and should not have to be\n * re-decided per table — Deleted was `bg-rose-100 text-rose-800` in one place\n * and `text-rose-900` two files away.\n *\n * These stay light-on-dark-text in both themes on purpose. A pill is a small\n * block of colour whose whole job is to be picked out of a row of text, and\n * inverting it per theme made the same status read as two different states.\n */\nconst badgeVariants = cva(\n  \"inline-flex items-center gap-1 rounded font-medium whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        neutral: \"bg-muted text-muted-foreground\",\n        success: \"bg-success/15 text-success\",\n        warning: \"bg-warning/15 text-warning\",\n        danger: \"bg-destructive/15 text-destructive\",\n        info: \"bg-info/15 text-info\",\n      },\n      size: {\n        /** Inline chips — a category, a tenant, a permission. */\n        sm: \"px-1.5 py-0.5 text-xs\",\n        /** A row's status. */\n        md: \"px-2 py-0.5 text-xs\",\n      },\n    },\n    defaultVariants: {\n      variant: \"neutral\",\n      size: \"md\",\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, ...props }, ref) => (\n    <span\n      ref={ref}\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    />\n  ),\n);\n\nBadge.displayName = \"Badge\";\n\nexport { badgeVariants };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,WAA8B;AAgDnC;AAhCJ,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA;AAAA,QAEJ,IAAI;AAAA;AAAA,QAEJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAOO,IAAM,QAAc;AAAA,EACzB,CAAC,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,GAAG,QACvC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACxD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;","names":[]}