@invergent/ui-sdk 0.0.0-stage → 2.19.1

package/dist/choice-card.js

@@ -0,0 +1,124 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { cva } from 'class-variance-authority';
+import { CheckIcon } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var choiceCardVariants = cva(
+  "group/choice-card flex border text-left transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-70",
+  {
+    variants: {
+      size: {
+        default: "flex-col gap-3 rounded-[12px] p-4",
+        sm: "flex-row items-start gap-3 rounded-[10px] p-3.5 sm:flex-col sm:gap-2"
+      },
+      selected: { true: "", false: "" }
+    },
+    compoundVariants: [
+      { size: "default", selected: true, className: "border-amber-500 bg-amber-500/[0.06]" },
+      {
+        size: "default",
+        selected: false,
+        className: "border-foreground/[0.08] bg-foreground/[0.02] hover:border-foreground/20 hover:bg-foreground/[0.04]"
+      },
+      {
+        size: "sm",
+        selected: true,
+        className: "border-amber-500/70 bg-amber-500/[0.08] ring-1 ring-amber-500/70"
+      },
+      {
+        size: "sm",
+        selected: false,
+        className: "border-foreground/[0.08] bg-foreground/[0.02] pointer-fine:hover:border-foreground/20"
+      }
+    ],
+    defaultVariants: { size: "default", selected: false }
+  }
+);
+function ChoiceCard({
+  title,
+  description,
+  meta,
+  icon,
+  selected,
+  size = "default",
+  className,
+  children,
+  ...props
+}) {
+  if (size === "sm") {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-slot": "choice-card",
+        "data-size": size,
+        "aria-pressed": selected,
+        className: cn(choiceCardVariants({ size, selected }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "flex size-7 shrink-0 items-center justify-center rounded-[7px] [&_svg:not([class*='size-'])]:size-4",
+                selected ? "bg-amber-500 text-black" : "bg-foreground/[0.07] text-muted-foreground"
+              ),
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col gap-1 sm:contents", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "text-[14px] font-medium sm:text-[13px]",
+                  selected ? "text-foreground" : "text-foreground/85"
+                ),
+                children: title
+              }
+            ),
+            description && /* @__PURE__ */ jsx("span", { className: "text-[12.5px] leading-[1.4] text-muted-foreground sm:text-[12px]", children: description }),
+            children
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-slot": "choice-card",
+      "data-size": size,
+      "aria-pressed": selected,
+      className: cn(choiceCardVariants({ size, selected }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex w-full items-start gap-3", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-[9px] border border-foreground/10 bg-foreground/[0.04] text-[13px] font-semibold text-foreground [&_svg:not([class*='size-'])]:size-4", children: icon }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-[14px] font-semibold text-foreground", children: title }),
+            meta && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate font-mono text-[11px] text-muted-foreground/70", children: meta })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "flex size-5 shrink-0 items-center justify-center rounded-full border transition-colors",
+                selected ? "border-amber-500 bg-amber-500 text-black" : "border-foreground/20 text-transparent"
+              ),
+              children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3", strokeWidth: 3 })
+            }
+          )
+        ] }),
+        description && /* @__PURE__ */ jsx("span", { className: "line-clamp-2 text-[12.5px] leading-relaxed text-muted-foreground", children: description }),
+        children
+      ]
+    }
+  );
+}
+
+export { ChoiceCard, choiceCardVariants };
+//# sourceMappingURL=choice-card.js.map
+//# sourceMappingURL=choice-card.js.map

package/dist/choice-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/choice-card.tsx"],"names":[],"mappings":"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","file":"choice-card.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"./lib/utils\"\n\n// The Work console's selectable option cards.\n//   default — the library pickers (skills, knowledge bases): a 12px card with\n//             an icon tile, title, description and a round check; picked, it\n//             takes an amber border and wash.\n//   sm      — the exclusive mode cards (pricing model): tighter, the icon\n//             tile itself turns amber, the border gets an amber ring; on a\n//             phone each lies as a row, from `sm` up as a column.\n// A toggle button (aria-pressed): pressing picks or unpicks it. For a set\n// where exactly one is picked, have onClick select it and leave it pressed.\nconst choiceCardVariants = cva(\n  \"group/choice-card flex border text-left transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-70\",\n  {\n    variants: {\n      size: {\n        default: \"flex-col gap-3 rounded-[12px] p-4\",\n        sm: \"flex-row items-start gap-3 rounded-[10px] p-3.5 sm:flex-col sm:gap-2\",\n      },\n      selected: { true: \"\", false: \"\" },\n    },\n    compoundVariants: [\n      { size: \"default\", selected: true, className: \"border-amber-500 bg-amber-500/[0.06]\" },\n      {\n        size: \"default\",\n        selected: false,\n        className:\n          \"border-foreground/[0.08] bg-foreground/[0.02] hover:border-foreground/20 hover:bg-foreground/[0.04]\",\n      },\n      {\n        size: \"sm\",\n        selected: true,\n        className: \"border-amber-500/70 bg-amber-500/[0.08] ring-1 ring-amber-500/70\",\n      },\n      {\n        size: \"sm\",\n        selected: false,\n        className: \"border-foreground/[0.08] bg-foreground/[0.02] pointer-fine:hover:border-foreground/20\",\n      },\n    ],\n    defaultVariants: { size: \"default\", selected: false },\n  }\n)\n\nfunction ChoiceCard({\n  title,\n  description,\n  meta,\n  icon,\n  selected,\n  size = \"default\",\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<\"button\">, \"title\"> & {\n  title: React.ReactNode\n  description?: React.ReactNode\n  /** A line under the title (an id, a trigger), in mono. */\n  meta?: React.ReactNode\n  /** The tile's content: an icon, or an initial. */\n  icon?: React.ReactNode\n  selected: boolean\n  size?: \"default\" | \"sm\"\n}) {\n  if (size === \"sm\") {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"choice-card\"\n        data-size={size}\n        aria-pressed={selected}\n        className={cn(choiceCardVariants({ size, selected }), className)}\n        {...props}\n      >\n        {icon && (\n          <span\n            className={cn(\n              \"flex size-7 shrink-0 items-center justify-center rounded-[7px] [&_svg:not([class*='size-'])]:size-4\",\n              selected\n                ? \"bg-amber-500 text-black\"\n                : \"bg-foreground/[0.07] text-muted-foreground\"\n            )}\n          >\n            {icon}\n          </span>\n        )}\n        <span className=\"flex min-w-0 flex-col gap-1 sm:contents\">\n          <span\n            className={cn(\n              \"text-[14px] font-medium sm:text-[13px]\",\n              selected ? \"text-foreground\" : \"text-foreground/85\"\n            )}\n          >\n            {title}\n          </span>\n          {description && (\n            <span className=\"text-[12.5px] leading-[1.4] text-muted-foreground sm:text-[12px]\">\n              {description}\n            </span>\n          )}\n          {children}\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"choice-card\"\n      data-size={size}\n      aria-pressed={selected}\n      className={cn(choiceCardVariants({ size, selected }), className)}\n      {...props}\n    >\n      <span className=\"flex w-full items-start gap-3\">\n        {icon && (\n          <span className=\"flex size-9 shrink-0 items-center justify-center rounded-[9px] border border-foreground/10 bg-foreground/[0.04] text-[13px] font-semibold text-foreground [&_svg:not([class*='size-'])]:size-4\">\n            {icon}\n          </span>\n        )}\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"block truncate text-[14px] font-semibold text-foreground\">\n            {title}\n          </span>\n          {meta && (\n            <span className=\"mt-0.5 block truncate font-mono text-[11px] text-muted-foreground/70\">\n              {meta}\n            </span>\n          )}\n        </span>\n        <span\n          aria-hidden={true}\n          className={cn(\n            \"flex size-5 shrink-0 items-center justify-center rounded-full border transition-colors\",\n            selected\n              ? \"border-amber-500 bg-amber-500 text-black\"\n              : \"border-foreground/20 text-transparent\"\n          )}\n        >\n          <CheckIcon className=\"size-3\" strokeWidth={3} />\n        </span>\n      </span>\n      {description && (\n        <span className=\"line-clamp-2 text-[12.5px] leading-relaxed text-muted-foreground\">\n          {description}\n        </span>\n      )}\n      {children}\n    </button>\n  )\n}\n\nexport { ChoiceCard, choiceCardVariants }\n"]}

package/dist/chunk-2UHRDVPT.cjs

@@ -0,0 +1,183 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var React = require('react');
+var radixUi = require('radix-ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var SidebarContext = React__namespace.createContext({ collapsed: false });
+function useSidebar() {
+  return React__namespace.useContext(SidebarContext);
+}
+function Sidebar({
+  pinned: pinnedProp,
+  onPinnedChange,
+  className,
+  children,
+  ...props
+}) {
+  const [ownPinned, setOwnPinned] = React__namespace.useState(true);
+  const pinned = pinnedProp ?? ownPinned;
+  const [hoverOpen, setHoverOpen] = React__namespace.useState(false);
+  const collapsed = !pinned && !hoverOpen;
+  const context = React__namespace.useMemo(() => ({ collapsed }), [collapsed]);
+  function togglePinned() {
+    if (pinned) setHoverOpen(false);
+    setOwnPinned(!pinned);
+    onPinnedChange?.(!pinned);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      "data-slot": "sidebar",
+      "data-collapsed": collapsed ? "" : void 0,
+      onMouseEnter: () => setHoverOpen(true),
+      onMouseLeave: () => setHoverOpen(false),
+      className: chunk6YHDDRIM_cjs.cn(
+        "hidden h-full w-[295px] shrink-0 flex-col overflow-hidden border-r border-line bg-surface transition-[width] duration-200 ease-out data-collapsed:w-[50px] md:flex",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: togglePinned,
+            "aria-label": pinned ? "Collapse sidebar" : "Expand sidebar",
+            className: "flex w-full shrink-0 cursor-pointer items-center justify-center border-t border-line py-2.5 text-faint transition-colors hover:text-foreground",
+            children: pinned ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4", strokeWidth: 1.75 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4", strokeWidth: 1.75 })
+          }
+        )
+      ]
+    }
+  ) });
+}
+function SidebarBrand({
+  title,
+  subtitle,
+  imageSrc = "/login.svg",
+  link,
+  className,
+  children,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  const Comp = link ? radixUi.Slot.Root : "div";
+  return (
+    // With a cursor the brand and its children share one line; on touch the
+    // children get a row of their own.
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "sidebar-brand",
+        className: chunk6YHDDRIM_cjs.cn(
+          "flex shrink-0 flex-col gap-3 pt-5 pb-3 pointer-fine:flex-row pointer-fine:items-start pointer-fine:gap-2",
+          collapsed ? "px-1.5" : "px-4",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Comp,
+            {
+              className: chunk6YHDDRIM_cjs.cn(
+                "flex min-w-0 items-center gap-2.5 text-foreground no-underline pointer-coarse:pe-12",
+                collapsed && "flex-1 justify-center gap-0"
+              ),
+              children: [
+                link && /* @__PURE__ */ jsxRuntime.jsx(radixUi.Slot.Slottable, { children: link }),
+                /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageSrc, alt: title, className: "size-9 shrink-0 rounded-full" }),
+                !collapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 whitespace-nowrap", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[15px] leading-tight font-semibold", children: title }),
+                  subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: subtitle })
+                ] })
+              ]
+            }
+          ),
+          children
+        ]
+      }
+    )
+  );
+}
+function SidebarUserBar({
+  avatar,
+  name,
+  className,
+  children,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "sidebar-user-bar",
+      className: chunk6YHDDRIM_cjs.cn(
+        "flex shrink-0 items-center gap-2.5 border-t border-line pt-3 pb-1 pointer-coarse:gap-1.5 pointer-coarse:pt-2 pointer-coarse:pb-0",
+        // The left-weighted padding lines the avatar up with the rows above.
+        collapsed ? "justify-center gap-0 px-1.5" : "pl-2 pr-1.5",
+        className
+      ),
+      ...props,
+      children: [
+        avatar,
+        !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] text-foreground pointer-coarse:text-[14px]", children: name }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children })
+        ] })
+      ]
+    }
+  );
+}
+function SidebarAction({
+  label,
+  asChild = false,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? radixUi.Slot.Root : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "sidebar-action",
+      "aria-label": label,
+      ...asChild ? {} : { type: "button" },
+      className: chunk6YHDDRIM_cjs.cn(
+        "inline-flex cursor-pointer items-center justify-center rounded p-1 text-muted-foreground hover:bg-input hover:text-foreground pointer-coarse:size-11 pointer-coarse:rounded-xl pointer-coarse:p-0 pointer-coarse:active:bg-input [&_svg:not([class*='size-'])]:size-[18px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Sidebar = Sidebar;
+exports.SidebarAction = SidebarAction;
+exports.SidebarBrand = SidebarBrand;
+exports.SidebarUserBar = SidebarUserBar;
+exports.useSidebar = useSidebar;
+//# sourceMappingURL=chunk-2UHRDVPT.cjs.map
+//# sourceMappingURL=chunk-2UHRDVPT.cjs.map

package/dist/chunk-2UHRDVPT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sidebar.tsx"],"names":["React","jsx","jsxs","cn","ChevronLeft","ChevronRight","Slot","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,cAAA,GAAuBA,gBAAA,CAAA,aAAA,CAAc,EAAE,SAAA,EAAW,OAAO,CAAA;AAO/D,SAAS,UAAA,GAAa;AACpB,EAAA,OAAaA,4BAAW,cAAc,CAAA;AACxC;AAkBA,SAAS,OAAA,CAAQ;AAAA,EACf,MAAA,EAAQ,UAAA;AAAA,EACR,cAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAUA,0BAAS,IAAI,CAAA;AACrD,EAAA,MAAM,SAAS,UAAA,IAAc,SAAA;AAC7B,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAUA,0BAAS,KAAK,CAAA;AACtD,EAAA,MAAM,SAAA,GAAY,CAAC,MAAA,IAAU,CAAC,SAAA;AAC9B,EAAA,MAAM,OAAA,GAAgBA,yBAAQ,OAAO,EAAE,WAAU,CAAA,EAAI,CAAC,SAAS,CAAC,CAAA;AAEhE,EAAA,SAAS,YAAA,GAAe;AAGtB,IAAA,IAAI,MAAA,eAAqB,KAAK,CAAA;AAC9B,IAAA,YAAA,CAAa,CAAC,MAAM,CAAA;AACpB,IAAA,cAAA,GAAiB,CAAC,MAAM,CAAA;AAAA,EAC1B;AAEA,EAAA,uBACEC,cAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAO,OAAA,EAC9B,QAAA,kBAAAC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,gBAAA,EAAgB,YAAY,EAAA,GAAK,MAAA;AAAA,MACjC,YAAA,EAAc,MAAM,YAAA,CAAa,IAAI,CAAA;AAAA,MACrC,YAAA,EAAc,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,MACtC,SAAA,EAAWC,oBAAA;AAAA,QACT,oKAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAS,CAAA;AAAA,wBACxDA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,YAAA;AAAA,YACT,YAAA,EAAY,SAAS,kBAAA,GAAqB,gBAAA;AAAA,YAC1C,SAAA,EAAU,gJAAA;AAAA,YAET,QAAA,EAAA,MAAA,mBACCA,cAAA,CAACG,uBAAA,EAAA,EAAY,SAAA,EAAU,QAAA,EAAS,WAAA,EAAa,IAAA,EAAM,CAAA,mBAEnDH,cAAA,CAACI,wBAAA,EAAA,EAAa,SAAA,EAAU,QAAA,EAAS,aAAa,IAAA,EAAM;AAAA;AAAA;AAExD;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;AAeA,SAAS,YAAA,CAAa;AAAA,EACpB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,YAAA;AAAA,EACX,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,UAAA,EAAW;AACjC,EAAA,MAAM,IAAA,GAAO,IAAA,GAAOC,YAAA,CAAK,IAAA,GAAO,KAAA;AAEhC,EAAA;AAAA;AAAA;AAAA,oBAGEJ,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAWC,oBAAA;AAAA,UACT,0GAAA;AAAA,UACA,YAAY,QAAA,GAAW,MAAA;AAAA,UACvB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAIJ,QAAA,EAAA;AAAA,0BAAAD,eAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWC,oBAAA;AAAA,gBACT,qFAAA;AAAA,gBACA,SAAA,IAAa;AAAA,eACf;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA,oBAAQF,cAAA,CAACK,YAAA,CAAK,SAAA,EAAL,EAAgB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,+CAC9B,KAAA,EAAA,EAAI,GAAA,EAAK,UAAU,GAAA,EAAK,KAAA,EAAO,WAAU,8BAAA,EAA+B,CAAA;AAAA,gBACxE,CAAC,SAAA,oBACAJ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,kCAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EAA2C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBAC/D,QAAA,oBAAYA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAiC,QAAA,EAAA,QAAA,EAAS;AAAA,iBAAA,EACxE;AAAA;AAAA;AAAA,WAEJ;AAAA,UACC;AAAA;AAAA;AAAA;AACH;AAEJ;AAaA,SAAS,cAAA,CAAe;AAAA,EACtB,MAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,UAAA,EAAW;AAEjC,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,kIAAA;AAAA;AAAA,QAEA,YAAY,6BAAA,GAAgC,aAAA;AAAA,QAC5C;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,MAAA;AAAA,QACA,CAAC,6BACAD,eAAA,CAAAK,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gFAAA,EACb,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,0BACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAS;AAAA,SAAA,EACvD;AAAA;AAAA;AAAA,GAEJ;AAEJ;AAMA,SAAS,aAAA,CAAc;AAAA,EACrB,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0E;AACxE,EAAA,MAAM,IAAA,GAAO,OAAA,GAAUK,YAAA,CAAK,IAAA,GAAO,QAAA;AAEnC,EAAA,uBACEL,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACX,GAAI,OAAA,GAAU,EAAC,GAAI,EAAE,MAAM,QAAA,EAAkB;AAAA,MAC9C,SAAA,EAAWE,oBAAA;AAAA,QACT,4QAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-2UHRDVPT.cjs","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"radix-ui\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nimport { cn } from \"./lib/utils\"\n\nconst SidebarContext = React.createContext({ collapsed: false })\n\n/**\n * Whether the enclosing rail is collapsed to its icons. Outside a `Sidebar`\n * (a phone drawer, a page) nothing is collapsed, so the same parts draw open\n * there.\n */\nfunction useSidebar() {\n  return React.useContext(SidebarContext)\n}\n\ntype SidebarProps = Omit<\n  React.ComponentProps<\"aside\">,\n  \"onMouseEnter\" | \"onMouseLeave\"\n> & {\n  /** Pinned, the sidebar stays open; unpinned, it is an icon rail that opens\n   *  while the pointer is over it. Kept here when not passed. */\n  pinned?: boolean\n  onPinnedChange?: (pinned: boolean) => void\n}\n\n/**\n * The ops console's desktop sidebar: 295px open, a 50px icon rail collapsed,\n * with the pin toggle along its bottom. Hidden below `md`, where navigation\n * belongs in a drawer: render the same parts there, outside a `Sidebar`.\n * `ListRow` and `SectionLabel` inside it shrink to their icon and rule.\n */\nfunction Sidebar({\n  pinned: pinnedProp,\n  onPinnedChange,\n  className,\n  children,\n  ...props\n}: SidebarProps) {\n  const [ownPinned, setOwnPinned] = React.useState(true)\n  const pinned = pinnedProp ?? ownPinned\n  const [hoverOpen, setHoverOpen] = React.useState(false)\n  const collapsed = !pinned && !hoverOpen\n  const context = React.useMemo(() => ({ collapsed }), [collapsed])\n\n  function togglePinned() {\n    // The toggle is under the pointer: unpinning closes the rail now rather\n    // than leaving it hover-open until the pointer leaves.\n    if (pinned) setHoverOpen(false)\n    setOwnPinned(!pinned)\n    onPinnedChange?.(!pinned)\n  }\n\n  return (\n    <SidebarContext.Provider value={context}>\n      <aside\n        data-slot=\"sidebar\"\n        data-collapsed={collapsed ? \"\" : undefined}\n        onMouseEnter={() => setHoverOpen(true)}\n        onMouseLeave={() => setHoverOpen(false)}\n        className={cn(\n          \"hidden h-full w-[295px] shrink-0 flex-col overflow-hidden border-r border-line bg-surface transition-[width] duration-200 ease-out data-collapsed:w-[50px] md:flex\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex min-h-0 flex-1 flex-col\">{children}</div>\n        <button\n          type=\"button\"\n          onClick={togglePinned}\n          aria-label={pinned ? \"Collapse sidebar\" : \"Expand sidebar\"}\n          className=\"flex w-full shrink-0 cursor-pointer items-center justify-center border-t border-line py-2.5 text-faint transition-colors hover:text-foreground\"\n        >\n          {pinned ? (\n            <ChevronLeft className=\"size-4\" strokeWidth={1.75} />\n          ) : (\n            <ChevronRight className=\"size-4\" strokeWidth={1.75} />\n          )}\n        </button>\n      </aside>\n    </SidebarContext.Provider>\n  )\n}\n\ntype SidebarBrandProps = Omit<React.ComponentProps<\"div\">, \"title\"> & {\n  title: string\n  subtitle?: React.ReactNode\n  imageSrc?: string\n  /** What the mark and title link through (a router `Link`); they are placed\n   *  inside it. */\n  link?: React.ReactElement\n}\n\n/**\n * The sidebar's brand strip: the mark, a title and a muted subtitle; in the\n * rail the mark alone, centred. Children (a mode switch) follow it.\n */\nfunction SidebarBrand({\n  title,\n  subtitle,\n  imageSrc = \"/login.svg\",\n  link,\n  className,\n  children,\n  ...props\n}: SidebarBrandProps) {\n  const { collapsed } = useSidebar()\n  const Comp = link ? Slot.Root : \"div\"\n\n  return (\n    // With a cursor the brand and its children share one line; on touch the\n    // children get a row of their own.\n    <div\n      data-slot=\"sidebar-brand\"\n      className={cn(\n        \"flex shrink-0 flex-col gap-3 pt-5 pb-3 pointer-fine:flex-row pointer-fine:items-start pointer-fine:gap-2\",\n        collapsed ? \"px-1.5\" : \"px-4\",\n        className\n      )}\n      {...props}\n    >\n      {/* A drawer's close button floats over the end of this line; the\n          inset keeps the title clear of it. */}\n      <Comp\n        className={cn(\n          \"flex min-w-0 items-center gap-2.5 text-foreground no-underline pointer-coarse:pe-12\",\n          collapsed && \"flex-1 justify-center gap-0\"\n        )}\n      >\n        {link && <Slot.Slottable>{link}</Slot.Slottable>}\n        <img src={imageSrc} alt={title} className=\"size-9 shrink-0 rounded-full\" />\n        {!collapsed && (\n          <div className=\"min-w-0 whitespace-nowrap\">\n            <div className=\"text-[15px] leading-tight font-semibold\">{title}</div>\n            {subtitle && <div className=\"text-xs text-muted-foreground\">{subtitle}</div>}\n          </div>\n        )}\n      </Comp>\n      {children}\n    </div>\n  )\n}\n\ntype SidebarUserBarProps = Omit<React.ComponentProps<\"div\">, \"children\"> & {\n  avatar: React.ReactNode\n  name: React.ReactNode\n  /** The bar's `SidebarAction`s: theme, settings, sign out. */\n  children?: React.ReactNode\n}\n\n/**\n * The sidebar's bottom bar: the user's avatar and name, then the global\n * controls. In the rail the avatar alone.\n */\nfunction SidebarUserBar({\n  avatar,\n  name,\n  className,\n  children,\n  ...props\n}: SidebarUserBarProps) {\n  const { collapsed } = useSidebar()\n\n  return (\n    <div\n      data-slot=\"sidebar-user-bar\"\n      className={cn(\n        \"flex shrink-0 items-center gap-2.5 border-t border-line pt-3 pb-1 pointer-coarse:gap-1.5 pointer-coarse:pt-2 pointer-coarse:pb-0\",\n        // The left-weighted padding lines the avatar up with the rows above.\n        collapsed ? \"justify-center gap-0 px-1.5\" : \"pl-2 pr-1.5\",\n        className\n      )}\n      {...props}\n    >\n      {avatar}\n      {!collapsed && (\n        <>\n          <span className=\"min-w-0 flex-1 truncate text-[13px] text-foreground pointer-coarse:text-[14px]\">\n            {name}\n          </span>\n          <div className=\"flex items-center gap-1.5\">{children}</div>\n        </>\n      )}\n    </div>\n  )\n}\n\n/**\n * An icon control in the user bar. 26px with a cursor, the 44px floor on\n * touch. A button, or a router link via `asChild`.\n */\nfunction SidebarAction({\n  label,\n  asChild = false,\n  className,\n  ...props\n}: React.ComponentProps<\"button\"> & { label: string; asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"sidebar-action\"\n      aria-label={label}\n      {...(asChild ? {} : { type: \"button\" as const })}\n      className={cn(\n        \"inline-flex cursor-pointer items-center justify-center rounded p-1 text-muted-foreground hover:bg-input hover:text-foreground pointer-coarse:size-11 pointer-coarse:rounded-xl pointer-coarse:p-0 pointer-coarse:active:bg-input [&_svg:not([class*='size-'])]:size-[18px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Sidebar, SidebarBrand, SidebarUserBar, SidebarAction, useSidebar }\n"]}

package/dist/chunk-5CRE35VX.js

@@ -0,0 +1,20 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "flex field-sizing-content min-h-16 w-full resize-none px-3.5 py-2.5 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] text-sm text-foreground transition-colors outline-none placeholder:text-muted-foreground/50 focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Textarea };
+//# sourceMappingURL=chunk-5CRE35VX.js.map
+//# sourceMappingURL=chunk-5CRE35VX.js.map

package/dist/chunk-5CRE35VX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textarea.tsx"],"names":[],"mappings":";;;AAIA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqC;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,UAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,+ZAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-5CRE35VX.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full resize-none px-3.5 py-2.5 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] text-sm text-foreground transition-colors outline-none placeholder:text-muted-foreground/50 focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"]}

package/dist/chunk-6ARYCL4L.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Separator.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: chunk6YHDDRIM_cjs.cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Separator = Separator;
+//# sourceMappingURL=chunk-6ARYCL4L.cjs.map
+//# sourceMappingURL=chunk-6ARYCL4L.cjs.map

package/dist/chunk-6ARYCL4L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/separator.tsx"],"names":["jsx","SeparatorPrimitive","cn"],"mappings":";;;;;;AAOA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,UAAA,GAAa,IAAA;AAAA,EACb,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACEA,cAAA;AAAA,IAACC,iBAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAWC,oBAAA;AAAA,QACT,8GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-6ARYCL4L.cjs","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"]}

package/dist/chunk-6JCVTRUK.js

@@ -0,0 +1,21 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-10 w-full min-w-0 px-3.5 py-2 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] text-sm text-foreground transition-colors outline-none placeholder:text-muted-foreground/50 focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground disabled:pointer-events-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Input };
+//# sourceMappingURL=chunk-6JCVTRUK.js.map
+//# sourceMappingURL=chunk-6JCVTRUK.js.map

package/dist/chunk-6JCVTRUK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input.tsx"],"names":[],"mappings":";;;AAIA,SAAS,MAAM,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAAkC;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,ugBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-6JCVTRUK.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-10 w-full min-w-0 px-3.5 py-2 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] text-sm text-foreground transition-colors outline-none placeholder:text-muted-foreground/50 focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground disabled:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"]}

package/dist/chunk-6YHDDRIM.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-6YHDDRIM.cjs.map
+//# sourceMappingURL=chunk-6YHDDRIM.cjs.map

package/dist/chunk-6YHDDRIM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;AAMO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-6YHDDRIM.cjs","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-A44JJ6NH.js

@@ -0,0 +1,58 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { cva } from 'class-variance-authority';
+import { Slot } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center gap-1.5 rounded-[7px] border border-transparent text-[13px] font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-amber-500 text-black hover:bg-amber-400",
+        outline: "border-foreground/[0.12] bg-foreground/[0.04] text-foreground hover:bg-foreground/[0.07] aria-expanded:bg-foreground/[0.07]",
+        secondary: "bg-foreground/[0.08] text-foreground hover:bg-foreground/[0.12] aria-expanded:bg-foreground/[0.12]",
+        ghost: "text-foreground hover:bg-foreground/[0.06] aria-expanded:bg-foreground/[0.06]",
+        destructive: "border-destructive/40 bg-destructive/10 font-semibold text-destructive hover:bg-destructive/20 focus-visible:ring-destructive/30",
+        // Work's text link (see text-link): amber, brighter on hover, no underline.
+        link: "text-amber-500 hover:text-amber-400"
+      },
+      size: {
+        default: "h-9 min-h-11 px-4 pointer-fine:min-h-0 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        xs: "h-7 min-h-11 gap-1 px-2.5 text-xs pointer-fine:min-h-0 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 min-h-11 px-3 pointer-fine:min-h-0",
+        lg: "h-10 min-h-11 px-[18px] pointer-fine:min-h-0",
+        icon: "size-9 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0",
+        "icon-xs": "size-7 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0 [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0",
+        "icon-lg": "size-10 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+export { Button, buttonVariants };
+//# sourceMappingURL=chunk-A44JJ6NH.js.map
+//# sourceMappingURL=chunk-A44JJ6NH.js.map

package/dist/chunk-A44JJ6NH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button.tsx"],"names":[],"mappings":";;;;;AASA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,4cAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,4CAAA;AAAA,QACT,OAAA,EACE,6HAAA;AAAA,QACF,SAAA,EACE,oGAAA;AAAA,QACF,KAAA,EACE,+EAAA;AAAA,QACF,WAAA,EACE,kIAAA;AAAA;AAAA,QAEF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EACE,0GAAA;AAAA,QACF,EAAA,EAAI,6FAAA;AAAA,QACJ,EAAA,EAAI,wCAAA;AAAA,QACJ,EAAA,EAAI,8CAAA;AAAA,QACJ,IAAA,EAAM,oEAAA;AAAA,QACN,SAAA,EACE,yGAAA;AAAA,QACF,SAAA,EAAW,oEAAA;AAAA,QACX,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,SAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAGK;AACH,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,QAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-A44JJ6NH.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\n// The ops console's own buttons, as its Work pages draw them: sentence case\n// at 13px, 7px corners, and its amber as the default. Every size keeps the\n// 44px touch minimum on a phone and its compact height with a mouse.\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center gap-1.5 rounded-[7px] border border-transparent text-[13px] font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-amber-500 text-black hover:bg-amber-400\",\n        outline:\n          \"border-foreground/[0.12] bg-foreground/[0.04] text-foreground hover:bg-foreground/[0.07] aria-expanded:bg-foreground/[0.07]\",\n        secondary:\n          \"bg-foreground/[0.08] text-foreground hover:bg-foreground/[0.12] aria-expanded:bg-foreground/[0.12]\",\n        ghost:\n          \"text-foreground hover:bg-foreground/[0.06] aria-expanded:bg-foreground/[0.06]\",\n        destructive:\n          \"border-destructive/40 bg-destructive/10 font-semibold text-destructive hover:bg-destructive/20 focus-visible:ring-destructive/30\",\n        // Work's text link (see text-link): amber, brighter on hover, no underline.\n        link: \"text-amber-500 hover:text-amber-400\",\n      },\n      size: {\n        default:\n          \"h-9 min-h-11 px-4 pointer-fine:min-h-0 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        xs: \"h-7 min-h-11 gap-1 px-2.5 text-xs pointer-fine:min-h-0 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 min-h-11 px-3 pointer-fine:min-h-0\",\n        lg: \"h-10 min-h-11 px-[18px] pointer-fine:min-h-0\",\n        icon: \"size-9 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0\",\n        \"icon-xs\":\n          \"size-7 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0\",\n        \"icon-lg\": \"size-10 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"]}

package/dist/chunk-CPAFEXKR.js

@@ -0,0 +1,63 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { cva } from 'class-variance-authority';
+import { Toggle as Toggle$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+var toggleVariants = cva(
+  "group/toggle inline-flex shrink-0 items-center justify-center gap-1.5 border whitespace-nowrap transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+  {
+    variants: {
+      variant: {
+        default: "rounded-[9px] border-foreground/[0.08] bg-foreground/[0.04] font-medium text-muted-foreground hover:text-foreground data-[state=on]:border-amber-500/40 data-[state=on]:bg-amber-500/[0.12] data-[state=on]:text-foreground",
+        outline: "rounded-full border-foreground/10 text-muted-foreground hover:text-foreground data-[state=on]:border-foreground/30 data-[state=on]:bg-foreground/[0.08] data-[state=on]:font-medium data-[state=on]:text-foreground"
+      },
+      size: {
+        default: "min-h-10 px-3 text-[13px] pointer-fine:min-h-8",
+        sm: "min-h-9 px-3 text-[12px] pointer-fine:min-h-7",
+        lg: "min-h-11 px-4 text-sm pointer-fine:min-h-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Toggle$1.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function FilterPill({
+  on,
+  onClick,
+  dim,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Toggle,
+    {
+      variant: "outline",
+      size: "sm",
+      pressed: on,
+      onPressedChange: () => onClick(),
+      className: cn(dim && !on && "opacity-55", className),
+      ...props
+    }
+  );
+}
+
+export { FilterPill, Toggle, toggleVariants };
+//# sourceMappingURL=chunk-CPAFEXKR.js.map
+//# sourceMappingURL=chunk-CPAFEXKR.js.map

package/dist/chunk-CPAFEXKR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toggle.tsx"],"names":["TogglePrimitive"],"mappings":";;;;;AAWA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,oVAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,6NAAA;AAAA,QACF,OAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,gDAAA;AAAA,QACT,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,EACuC;AACrC,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ;AAMA,SAAS,UAAA,CAAW;AAAA,EAClB,EAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAQG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,eAAA,EAAiB,MAAM,OAAA,EAAQ;AAAA,MAC/B,WAAW,EAAA,CAAG,GAAA,IAAO,CAAC,EAAA,IAAM,cAAc,SAAS,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-CPAFEXKR.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\n// The Work console's pressed-state toggles. `default` is the 9px chip its\n// forms use for a choice that is on or off (Once / Repeating, the days of the\n// week): a faint box, amber-tinted once pressed. `outline` is its filter\n// pill: round, bordered, a neutral fill once on. Muted text brightens on\n// hover. Touch keeps 40px or more, a mouse the compact height.\nconst toggleVariants = cva(\n  \"group/toggle inline-flex shrink-0 items-center justify-center gap-1.5 border whitespace-nowrap transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"rounded-[9px] border-foreground/[0.08] bg-foreground/[0.04] font-medium text-muted-foreground hover:text-foreground data-[state=on]:border-amber-500/40 data-[state=on]:bg-amber-500/[0.12] data-[state=on]:text-foreground\",\n        outline:\n          \"rounded-full border-foreground/10 text-muted-foreground hover:text-foreground data-[state=on]:border-foreground/30 data-[state=on]:bg-foreground/[0.08] data-[state=on]:font-medium data-[state=on]:text-foreground\",\n      },\n      size: {\n        default: \"min-h-10 px-3 text-[13px] pointer-fine:min-h-8\",\n        sm: \"min-h-9 px-3 text-[12px] pointer-fine:min-h-7\",\n        lg: \"min-h-11 px-4 text-sm pointer-fine:min-h-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\n/**\n * The Work filter pill (a row of them filters a list: \"All channels\",\n * \"Slack 3\"…). An empty filter stays clickable, just quieter.\n */\nfunction FilterPill({\n  on,\n  onClick,\n  dim,\n  className,\n  ...props\n}: Omit<\n  React.ComponentProps<typeof TogglePrimitive.Root>,\n  \"pressed\" | \"onPressedChange\" | \"onClick\"\n> & {\n  on: boolean\n  onClick: () => void\n  /** Nothing behind it yet: still clickable, just quieter. */\n  dim?: boolean\n}) {\n  return (\n    <Toggle\n      variant=\"outline\"\n      size=\"sm\"\n      pressed={on}\n      onPressedChange={() => onClick()}\n      className={cn(dim && !on && \"opacity-55\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, FilterPill, toggleVariants }\n"]}

package/dist/chunk-CTIEUG5L.js

@@ -0,0 +1,28 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { Separator as Separator$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator$1.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Separator };
+//# sourceMappingURL=chunk-CTIEUG5L.js.map
+//# sourceMappingURL=chunk-CTIEUG5L.js.map

package/dist/chunk-CTIEUG5L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/separator.tsx"],"names":["SeparatorPrimitive"],"mappings":";;;;AAOA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,UAAA,GAAa,IAAA;AAAA,EACb,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,8GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-CTIEUG5L.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"]}