@dirstack/ui 1.0.0

package/dist/components/menu.d.ts

@@ -0,0 +1,22 @@
+import { Kbd } from "./kbd.js";
+import { ComponentProps } from "react";
+import { Menu as Menu$1 } from "@base-ui/react/menu";
+//#region src/components/menu.d.ts
+declare const Menu: <Payload>(props: Menu$1.Root.Props<Payload>) => import("react").JSX.Element;
+declare const MenuTrigger: Menu$1.Trigger;
+declare const MenuGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuRadioGroup: import("react").NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function MenuContent({ className, sideOffset, align, side, ...props }: Menu$1.Popup.Props & Pick<Menu$1.Positioner.Props, "align" | "side" | "sideOffset">): import("react").JSX.Element;
+declare function MenuItem({ className, inset, ...props }: Menu$1.Item.Props & {
+  inset?: boolean;
+}): import("react").JSX.Element;
+declare function MenuCheckboxItem({ className, children, checked, ...props }: Menu$1.CheckboxItem.Props): import("react").JSX.Element;
+declare function MenuRadioItem({ className, children, ...props }: Menu$1.RadioItem.Props): import("react").JSX.Element;
+declare function MenuGroupLabel({ className, inset, ...props }: Menu$1.GroupLabel.Props & {
+  inset?: boolean;
+}): import("react").JSX.Element;
+declare function MenuSeparator({ className, ...props }: Menu$1.Separator.Props): import("react").JSX.Element;
+declare function MenuShortcut({ className, ...props }: ComponentProps<typeof Kbd>): import("react").JSX.Element;
+//#endregion
+export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuTrigger };
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/components/menu.tsx"],"mappings":";;;;cASM,OAAI,SAAA,OAAA,OAAA,KAAA,MAAA,6BAAA,IAAA;cACJ,aAAW,OAAA;cACX,2BAAS,0BAAA,8BAAA,gDAAA,cAAA;cACT,gCAAc,qBAAA,8BAAA,qDAAA,cAAA;iBAEX,cACP,WACA,YACA,OACA,SACG,SACF,OAAc,MAAM,QACrB,KAAK,OAAc,WAAW,0DAAuC,IAAA;iBAsB9D,WACP,WACA,UACG,SACF,OAAc,KAAK;EACpB;oBACD,IAAA;iBAaQ,mBACP,WACA,UACA,YACG,SACF,OAAc,aAAa,wBAAK,IAAA;iBAoB1B,gBAAgB,WAAW,aAAa,SAAS,OAAc,UAAU,wBAAK,IAAA;iBAmB9E,iBACP,WACA,UACG,SACF,OAAc,WAAW;EAC1B;oBACD,IAAA;iBASQ,gBAAgB,cAAc,SAAS,OAAc,UAAU,wBAAK,IAAA;iBAMpE,eAAe,cAAc,SAAS,sBAAsB,uBAAI,IAAA"}

package/dist/components/menu.js

@@ -0,0 +1,73 @@
+"use client";
+import { cn } from "../lib/variants.js";
+import { CheckIcon, CircleIcon } from "../lib/icons.js";
+import { eyebrowClasses, popoverAnimationClasses } from "../lib/classes.js";
+import { Kbd } from "./kbd.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu as Menu$1 } from "@base-ui/react/menu";
+//#region src/components/menu.tsx
+const Menu = Menu$1.Root;
+const MenuTrigger = Menu$1.Trigger;
+const MenuGroup = Menu$1.Group;
+const MenuRadioGroup = Menu$1.RadioGroup;
+function MenuContent({ className, sideOffset = 4, align, side, ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.Portal, { children: /* @__PURE__ */ jsx(Menu$1.Positioner, {
+		sideOffset,
+		align,
+		side,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Menu$1.Popup, {
+			className: cn("min-w-40 flex flex-col rounded-md border bg-popover p-1 text-popover-foreground shadow-sm backdrop-blur-xs", popoverAnimationClasses, className),
+			...props
+		})
+	}) });
+}
+function MenuItem({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.Item, {
+		className: cn("relative flex m-0 cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-control outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className),
+		...props
+	});
+}
+function MenuCheckboxItem({ className, children, checked, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu$1.CheckboxItem, {
+		className: cn("relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-control outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function MenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
+		className: cn("relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-control outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-current size-2" }) })
+		}), children]
+	});
+}
+function MenuGroupLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
+		className: cn("px-2 pt-1.5 pb-1", eyebrowClasses, inset && "pl-8", className),
+		...props
+	});
+}
+function MenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu$1.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+function MenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Kbd, {
+		className: cn("ml-auto", className),
+		...props
+	});
+}
+//#endregion
+export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuTrigger };
+
+//# sourceMappingURL=menu.js.map

package/dist/components/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":["MenuPrimitive"],"sources":["../../src/components/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport type { ComponentProps } from \"react\"\nimport { Kbd } from \"~/components/kbd\"\nimport { eyebrowClasses, popoverAnimationClasses } from \"~/lib/classes\"\nimport { CheckIcon, CircleIcon } from \"~/lib/icons\"\nimport { cn } from \"~/lib/variants\"\n\nconst Menu = MenuPrimitive.Root\nconst MenuTrigger = MenuPrimitive.Trigger\nconst MenuGroup = MenuPrimitive.Group\nconst MenuRadioGroup = MenuPrimitive.RadioGroup\n\nfunction MenuContent({\n  className,\n  sideOffset = 4,\n  align,\n  side,\n  ...props\n}: MenuPrimitive.Popup.Props &\n  Pick<MenuPrimitive.Positioner.Props, \"align\" | \"side\" | \"sideOffset\">) {\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        sideOffset={sideOffset}\n        align={align}\n        side={side}\n        className=\"isolate z-50\"\n      >\n        <MenuPrimitive.Popup\n          className={cn(\n            \"min-w-40 flex flex-col rounded-md border bg-popover p-1 text-popover-foreground shadow-sm backdrop-blur-xs\",\n            popoverAnimationClasses,\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  )\n}\n\nfunction MenuItem({\n  className,\n  inset,\n  ...props\n}: MenuPrimitive.Item.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.Item\n      className={cn(\n        \"relative flex m-0 cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-control outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\n        inset && \"pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      className={cn(\n        \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-control outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props) {\n  return (\n    <MenuPrimitive.RadioItem\n      className={cn(\n        \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-control outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CircleIcon className=\"fill-current size-2\" />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenuGroupLabel({\n  className,\n  inset,\n  ...props\n}: MenuPrimitive.GroupLabel.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.GroupLabel\n      className={cn(\"px-2 pt-1.5 pb-1\", eyebrowClasses, inset && \"pl-8\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props) {\n  return (\n    <MenuPrimitive.Separator className={cn(\"-mx-1 my-1 h-px bg-border\", className)} {...props} />\n  )\n}\n\nfunction MenuShortcut({ className, ...props }: ComponentProps<typeof Kbd>) {\n  return <Kbd className={cn(\"ml-auto\", className)} {...props} />\n}\n\nexport {\n  Menu,\n  MenuCheckboxItem,\n  MenuContent,\n  MenuGroup,\n  MenuItem,\n  MenuGroupLabel,\n  MenuRadioGroup,\n  MenuRadioItem,\n  MenuSeparator,\n  MenuShortcut,\n  MenuTrigger,\n}\n"],"mappings":";;;;;;;;AASA,MAAM,OAAOA,OAAc;AAC3B,MAAM,cAAcA,OAAc;AAClC,MAAM,YAAYA,OAAc;AAChC,MAAM,iBAAiBA,OAAc;AAErC,SAAS,YAAY,EACnB,WACA,aAAa,GACb,OACA,MACA,GAAG,SAEoE;CACvE,OACE,oBAACA,OAAc,QAAf,EAAA,UACE,oBAACA,OAAc,YAAf;EACc;EACL;EACD;EACN,WAAU;EAEV,UAAA,oBAACA,OAAc,OAAf;GACE,WAAW,GACT,8GACA,yBACA,SACF;GACA,GAAI;EACL,CAAA;CACuB,CAAA,EACN,CAAA;AAE1B;AAEA,SAAS,SAAS,EAChB,WACA,OACA,GAAG,SAGF;CACD,OACE,oBAACA,OAAc,MAAf;EACE,WAAW,GACT,8PACA,SAAS,QACT,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,UACA,SACA,GAAG,SACgC;CACnC,OACE,qBAACA,OAAc,cAAf;EACE,WAAW,GACT,yNACA,SACF;EACS;EACT,GAAI;EANN,UAAA,CAQE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAACA,OAAc,uBAAf,EAAA,UACE,oBAAC,WAAD,CAAY,CAAA,EACuB,CAAA;EACjC,CAAA,GACL,QACyB;;AAEhC;AAEA,SAAS,cAAc,EAAE,WAAW,UAAU,GAAG,SAAwC;CACvF,OACE,qBAACA,OAAc,WAAf;EACE,WAAW,GACT,yNACA,SACF;EACA,GAAI;EALN,UAAA,CAOE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAACA,OAAc,oBAAf,EAAA,UACE,oBAAC,YAAD,EAAY,WAAU,sBAAuB,CAAA,EACb,CAAA;EAC9B,CAAA,GACL,QACsB;;AAE7B;AAEA,SAAS,eAAe,EACtB,WACA,OACA,GAAG,SAGF;CACD,OACE,oBAACA,OAAc,YAAf;EACE,WAAW,GAAG,oBAAoB,gBAAgB,SAAS,QAAQ,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;CAC7E,OACE,oBAACA,OAAc,WAAf;EAAyB,WAAW,GAAG,6BAA6B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEhG;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAqC;CACzE,OAAO,oBAAC,KAAD;EAAK,WAAW,GAAG,WAAW,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC/D"}

package/dist/components/nav-button.d.ts

@@ -0,0 +1,34 @@
+import { VariantProps } from "../lib/variants.js";
+import { Button } from "./button.js";
+import { navItem } from "./nav.js";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/nav-button.d.ts
+type NavButtonVariant = Exclude<NonNullable<VariantProps<typeof navItem>["variant"]>, "link">;
+type NavButtonShellProps = Omit<ComponentProps<typeof Button>, "variant"> & {
+  leading: ReactNode;
+  variant?: NavButtonVariant;
+};
+type NavButtonProps = NavButtonShellProps & {
+  title: string;
+  avatar?: string;
+};
+/**
+ * Compact nav trigger: a 20px avatar, one line of text and whatever `suffix` the caller
+ * passes (usually a chevron). Secondary text belongs in the menu it opens.
+ */
+declare function NavButton({ avatar, title, ...props }: Omit<NavButtonProps, "leading" | "children">): import("react").JSX.Element;
+declare function NavButtonSkeleton({ variant, ...props }: Omit<NavButtonShellProps, "leading" | "children">): import("react").JSX.Element;
+type NavIdentityProps = ComponentProps<"div"> & {
+  name: ReactNode;
+  /**
+   * The muted second line under the name: an email, a workspace slug.
+   */
+  detail: ReactNode;
+};
+/**
+ * Name over a muted detail line — the identity stack a nav menu's items and headers share.
+ */
+declare function NavIdentity({ name, detail, className, ...props }: NavIdentityProps): import("react").JSX.Element;
+//#endregion
+export { NavButton, NavButtonSkeleton, NavIdentity };
+//# sourceMappingURL=nav-button.d.ts.map

package/dist/components/nav-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-button.d.ts","names":[],"sources":["../../src/components/nav-button.tsx"],"mappings":";;;;;KAOK,mBAAmB,QAAQ,YAAY,oBAAoB;KAE3D,sBAAsB,KAAK,sBAAsB;EACpD,SAAS;EACT,UAAU;;KAuBP,iBAAiB;EACpB;EACA;;;;;;iBAOO,YAAY,QAAQ,UAAU,SAAS,KAAK,0DAAuC,IAAA;iBAQnF,oBACP,YACG,SACF,KAAK,+DAA4C,IAAA;KAa/C,mBAAmB;EACtB,MAAM;;;;EAKN,QAAQ;;;;;iBAMD,cAAc,MAAM,QAAQ,cAAc,SAAS,mCAAgB,IAAA"}

package/dist/components/nav-button.js

@@ -0,0 +1,70 @@
+import { cn } from "../lib/variants.js";
+import { Button } from "./button.js";
+import { EntityAvatar } from "./entity-avatar.js";
+import { navItem } from "./nav.js";
+import { Skeleton } from "./skeleton.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/nav-button.tsx
+function NavButtonShell({ leading, variant = "flat", children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		size: "md",
+		variant: "ghost",
+		prefix: leading,
+		className: navItem({
+			variant,
+			className
+		}),
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "font-medium text-sm/tight",
+			children
+		})
+	});
+}
+/**
+* Compact nav trigger: a 20px avatar, one line of text and whatever `suffix` the caller
+* passes (usually a chevron). Secondary text belongs in the menu it opens.
+*/
+function NavButton({ avatar, title, ...props }) {
+	return /* @__PURE__ */ jsx(NavButtonShell, {
+		leading: /* @__PURE__ */ jsx(EntityAvatar, {
+			size: "sm",
+			src: avatar,
+			name: title
+		}),
+		...props,
+		children: title
+	});
+}
+function NavButtonSkeleton({ variant, ...props }) {
+	return /* @__PURE__ */ jsx(NavButtonShell, {
+		disabled: true,
+		variant,
+		leading: /* @__PURE__ */ jsx(Skeleton, { className: "size-5 rounded-sm" }),
+		...props,
+		children: /* @__PURE__ */ jsx(Skeleton, {
+			className: "w-28",
+			children: "\xA0"
+		})
+	});
+}
+/**
+* Name over a muted detail line — the identity stack a nav menu's items and headers share.
+*/
+function NavIdentity({ name, detail, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-w-0 flex-col", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate font-medium text-sm/tight",
+			children: name
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate text-muted-foreground text-xs/tight",
+			children: detail
+		})]
+	});
+}
+//#endregion
+export { NavButton, NavButtonSkeleton, NavIdentity };
+
+//# sourceMappingURL=nav-button.js.map

package/dist/components/nav-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-button.js","names":[],"sources":["../../src/components/nav-button.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\"\nimport { Button } from \"~/components/button\"\nimport { EntityAvatar } from \"~/components/entity-avatar\"\nimport { navItem } from \"~/components/nav\"\nimport { Skeleton } from \"~/components/skeleton\"\nimport { cn, type VariantProps } from \"~/lib/variants\"\n\ntype NavButtonVariant = Exclude<NonNullable<VariantProps<typeof navItem>[\"variant\"]>, \"link\">\n\ntype NavButtonShellProps = Omit<ComponentProps<typeof Button>, \"variant\"> & {\n  leading: ReactNode\n  variant?: NavButtonVariant\n}\n\nfunction NavButtonShell({\n  leading,\n  variant = \"flat\",\n  children,\n  className,\n  ...props\n}: NavButtonShellProps) {\n  return (\n    <Button\n      size=\"md\"\n      variant=\"ghost\"\n      prefix={leading}\n      className={navItem({ variant, className })}\n      {...props}\n    >\n      <span className=\"font-medium text-sm/tight\">{children}</span>\n    </Button>\n  )\n}\n\ntype NavButtonProps = NavButtonShellProps & {\n  title: string\n  avatar?: string\n}\n\n/**\n * Compact nav trigger: a 20px avatar, one line of text and whatever `suffix` the caller\n * passes (usually a chevron). Secondary text belongs in the menu it opens.\n */\nfunction NavButton({ avatar, title, ...props }: Omit<NavButtonProps, \"leading\" | \"children\">) {\n  return (\n    <NavButtonShell leading={<EntityAvatar size=\"sm\" src={avatar} name={title} />} {...props}>\n      {title}\n    </NavButtonShell>\n  )\n}\n\nfunction NavButtonSkeleton({\n  variant,\n  ...props\n}: Omit<NavButtonShellProps, \"leading\" | \"children\">) {\n  return (\n    <NavButtonShell\n      disabled\n      variant={variant}\n      leading={<Skeleton className=\"size-5 rounded-sm\" />}\n      {...props}\n    >\n      <Skeleton className=\"w-28\">&nbsp;</Skeleton>\n    </NavButtonShell>\n  )\n}\n\ntype NavIdentityProps = ComponentProps<\"div\"> & {\n  name: ReactNode\n\n  /**\n   * The muted second line under the name: an email, a workspace slug.\n   */\n  detail: ReactNode\n}\n\n/**\n * Name over a muted detail line — the identity stack a nav menu's items and headers share.\n */\nfunction NavIdentity({ name, detail, className, ...props }: NavIdentityProps) {\n  return (\n    <div className={cn(\"flex min-w-0 flex-col\", className)} {...props}>\n      <span className=\"truncate font-medium text-sm/tight\">{name}</span>\n      <span className=\"truncate text-muted-foreground text-xs/tight\">{detail}</span>\n    </div>\n  )\n}\n\nexport { NavButton, NavButtonSkeleton, NavIdentity }\n"],"mappings":";;;;;;;AAcA,SAAS,eAAe,EACtB,SACA,UAAU,QACV,UACA,WACA,GAAG,SACmB;CACtB,OACE,oBAAC,QAAD;EACE,MAAK;EACL,SAAQ;EACR,QAAQ;EACR,WAAW,QAAQ;GAAE;GAAS;EAAU,CAAC;EACzC,GAAI;EAEJ,UAAA,oBAAC,QAAD;GAAM,WAAU;GAA6B;EAAe,CAAA;CACtD,CAAA;AAEZ;;;;;AAWA,SAAS,UAAU,EAAE,QAAQ,OAAO,GAAG,SAAuD;CAC5F,OACE,oBAAC,gBAAD;EAAgB,SAAS,oBAAC,cAAD;GAAc,MAAK;GAAK,KAAK;GAAQ,MAAM;EAAQ,CAAA;EAAG,GAAI;EAChF,UAAA;CACa,CAAA;AAEpB;AAEA,SAAS,kBAAkB,EACzB,SACA,GAAG,SACiD;CACpD,OACE,oBAAC,gBAAD;EACE,UAAA;EACS;EACT,SAAS,oBAAC,UAAD,EAAU,WAAU,oBAAqB,CAAA;EAClD,GAAI;EAEJ,UAAA,oBAAC,UAAD;GAAU,WAAU;GAAO,UAAA;EAAgB,CAAA;CAC7B,CAAA;AAEpB;;;;AAcA,SAAS,YAAY,EAAE,MAAM,QAAQ,WAAW,GAAG,SAA2B;CAC5E,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,SAAS;EAAG,GAAI;EAA5D,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GAAsC,UAAA;EAAW,CAAA,GACjE,oBAAC,QAAD;GAAM,WAAU;GAAgD,UAAA;EAAa,CAAA,CAC1E;;AAET"}

package/dist/components/nav.d.ts

@@ -0,0 +1,44 @@
+import { ComponentProps } from "react";
+//#region src/components/nav.d.ts
+export declare function Nav({ className, ...props }: ComponentProps<"nav">): import("react").JSX.Element;
+/**
+ * Muted group label above a run of nav links.
+ */
+export declare function NavLabel({ className, ...props }: ComponentProps<"p">): import("react").JSX.Element;
+/**
+ * The one nav row, applied to a `ghost` `md` `Button`: every item starts from the same width,
+ * inset and gap, and each variant is the shape on top of it.
+ *
+ * `link` — a nav link or a settings tab: muted at rest, full color on hover, and a flat darker
+ * tint with dark text when active. The 16px icon sits centered in a 20px box, so labels start on
+ * the same column as a row that leads with a 20px avatar (10px inset + 20px avatar + 10px gap).
+ * The active state keys off `data-status="active"`, which router links set on their own and plain
+ * buttons set by hand, so the active color always wins over the resting one. Its tints are flat
+ * foreground over the canvas, so hover and active share the canvas hue exactly.
+ *
+ * `bordered` — a bordered row on a card surface, for a row that leads with its own visual and
+ * opens a menu.
+ *
+ * `flat` — the same row without the border or the surface.
+ */
+export declare const navItem: import("tailwind-variants").TVReturnType<{
+  variant: {
+    link: string[];
+    bordered: string[];
+    flat: "[&>*:first-child]:ml-0 [&>*:last-child]:mr-0";
+  };
+}, undefined, "w-full justify-start gap-2.5 px-2.5", {
+  variant: {
+    link: string[];
+    bordered: string[];
+    flat: "[&>*:first-child]:ml-0 [&>*:last-child]:mr-0";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    link: string[];
+    bordered: string[];
+    flat: "[&>*:first-child]:ml-0 [&>*:last-child]:mr-0";
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=nav.d.ts.map

package/dist/components/nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.d.ts","names":[],"sources":["../../src/components/nav.tsx"],"mappings":";;wBAIgB,MAAM,cAAc,SAAS,wCAAqB,IAAA;;;;wBAOlD,WAAW,cAAc,SAAS,sCAAmB,IAAA;;;;;;;;;;;;;;;;;qBA0BxD,qCAAO"}

package/dist/components/nav.js

@@ -0,0 +1,53 @@
+import { cn, variants } from "../lib/variants.js";
+import { eyebrowClasses } from "../lib/classes.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/nav.tsx
+function Nav({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		className: cn("flex flex-col gap-0.5 px-3 py-2", className),
+		...props
+	});
+}
+/**
+* Muted group label above a run of nav links.
+*/
+function NavLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("px-2.5 pt-1 pb-1.5", eyebrowClasses, className),
+		...props
+	});
+}
+/**
+* The affixes of a nav row that leads with its own visual (an avatar, a skeleton) sit flush
+* against the row's inset, so the Button's optical pull-in is zeroed on both ends.
+*/
+const navAffixClasses = "[&>*:first-child]:ml-0 [&>*:last-child]:mr-0";
+/**
+* The one nav row, applied to a `ghost` `md` `Button`: every item starts from the same width,
+* inset and gap, and each variant is the shape on top of it.
+*
+* `link` — a nav link or a settings tab: muted at rest, full color on hover, and a flat darker
+* tint with dark text when active. The 16px icon sits centered in a 20px box, so labels start on
+* the same column as a row that leads with a 20px avatar (10px inset + 20px avatar + 10px gap).
+* The active state keys off `data-status="active"`, which router links set on their own and plain
+* buttons set by hand, so the active color always wins over the resting one. Its tints are flat
+* foreground over the canvas, so hover and active share the canvas hue exactly.
+*
+* `bordered` — a bordered row on a card surface, for a row that leads with its own visual and
+* opens a menu.
+*
+* `flat` — the same row without the border or the surface.
+*/
+const navItem = variants({
+	base: "w-full justify-start gap-2.5 px-2.5",
+	variants: { variant: {
+		link: ["py-2 text-muted-foreground text-sm/tight hover:bg-foreground/3 hover:text-foreground [&>svg:first-child]:ml-0.5 [&>svg]:mr-0.5 [&>svg]:size-4 [&>svg]:shrink-0", "data-[status=active]:bg-foreground/5 data-[status=active]:text-foreground data-[status=active]:hover:bg-foreground/5"],
+		bordered: [navAffixClasses, "border-border bg-card hover:bg-card hover:border-ring"],
+		flat: navAffixClasses
+	} },
+	defaultVariants: { variant: "link" }
+});
+//#endregion
+export { Nav, NavLabel, navItem };
+
+//# sourceMappingURL=nav.js.map

package/dist/components/nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.js","names":[],"sources":["../../src/components/nav.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\nimport { eyebrowClasses } from \"~/lib/classes\"\nimport { cn, variants } from \"~/lib/variants\"\n\nexport function Nav({ className, ...props }: ComponentProps<\"nav\">) {\n  return <nav className={cn(\"flex flex-col gap-0.5 px-3 py-2\", className)} {...props} />\n}\n\n/**\n * Muted group label above a run of nav links.\n */\nexport function NavLabel({ className, ...props }: ComponentProps<\"p\">) {\n  return <p className={cn(\"px-2.5 pt-1 pb-1.5\", eyebrowClasses, className)} {...props} />\n}\n\n/**\n * The affixes of a nav row that leads with its own visual (an avatar, a skeleton) sit flush\n * against the row's inset, so the Button's optical pull-in is zeroed on both ends.\n */\nconst navAffixClasses = \"[&>*:first-child]:ml-0 [&>*:last-child]:mr-0\"\n\n/**\n * The one nav row, applied to a `ghost` `md` `Button`: every item starts from the same width,\n * inset and gap, and each variant is the shape on top of it.\n *\n * `link` — a nav link or a settings tab: muted at rest, full color on hover, and a flat darker\n * tint with dark text when active. The 16px icon sits centered in a 20px box, so labels start on\n * the same column as a row that leads with a 20px avatar (10px inset + 20px avatar + 10px gap).\n * The active state keys off `data-status=\"active\"`, which router links set on their own and plain\n * buttons set by hand, so the active color always wins over the resting one. Its tints are flat\n * foreground over the canvas, so hover and active share the canvas hue exactly.\n *\n * `bordered` — a bordered row on a card surface, for a row that leads with its own visual and\n * opens a menu.\n *\n * `flat` — the same row without the border or the surface.\n */\nexport const navItem = variants({\n  base: \"w-full justify-start gap-2.5 px-2.5\",\n\n  variants: {\n    variant: {\n      link: [\n        \"py-2 text-muted-foreground text-sm/tight hover:bg-foreground/3 hover:text-foreground [&>svg:first-child]:ml-0.5 [&>svg]:mr-0.5 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"data-[status=active]:bg-foreground/5 data-[status=active]:text-foreground data-[status=active]:hover:bg-foreground/5\",\n      ],\n      bordered: [navAffixClasses, \"border-border bg-card hover:bg-card hover:border-ring\"],\n      flat: navAffixClasses,\n    },\n  },\n\n  defaultVariants: {\n    variant: \"link\",\n  },\n})\n"],"mappings":";;;;AAIA,SAAgB,IAAI,EAAE,WAAW,GAAG,SAAgC;CAClE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,mCAAmC,SAAS;EAAG,GAAI;CAAQ,CAAA;AACvF;;;;AAKA,SAAgB,SAAS,EAAE,WAAW,GAAG,SAA8B;CACrE,OAAO,oBAAC,KAAD;EAAG,WAAW,GAAG,sBAAsB,gBAAgB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACxF;;;;;AAMA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;AAkBxB,MAAa,UAAU,SAAS;CAC9B,MAAM;CAEN,UAAU,EACR,SAAS;EACP,MAAM,CACJ,kKACA,sHACF;EACA,UAAU,CAAC,iBAAiB,uDAAuD;EACnF,MAAM;CACR,EACF;CAEA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC"}

package/dist/components/number-input.d.ts

@@ -0,0 +1,18 @@
+import { Input } from "./input.js";
+import { ComponentProps } from "react";
+//#region src/components/number-input.d.ts
+type NumberInputProps = Omit<ComponentProps<typeof Input>, "value" | "onChange" | "type"> & {
+  value: number | null | undefined;
+  onValueChange: (value: number | null | undefined) => void;
+  integer?: boolean;
+  nullable?: boolean;
+};
+/**
+ * A numeric input for react-hook-form fields. A cleared input yields `undefined`
+ * (validates as required instead of "expected number, received NaN"), or `null`
+ * when `nullable`, for optional constraints edited via a partial patch where
+ * undefined means "leave unchanged" and only null clears the stored value.
+ */
+export declare function NumberInput({ value, onValueChange, integer, nullable, ...props }: NumberInputProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=number-input.d.ts.map

package/dist/components/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","names":[],"sources":["../../src/components/number-input.tsx"],"mappings":";;;KAGK,mBAAmB,KAAK,sBAAsB;EACjD;EACA,gBAAgB;EAChB;EACA;;;;;;;;wBASc,cACd,OACA,eACA,SACA,aACG,SACF,mCAAgB,IAAA"}

package/dist/components/number-input.js

@@ -0,0 +1,25 @@
+import { Input } from "./input.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/number-input.tsx
+/**
+* A numeric input for react-hook-form fields. A cleared input yields `undefined`
+* (validates as required instead of "expected number, received NaN"), or `null`
+* when `nullable`, for optional constraints edited via a partial patch where
+* undefined means "leave unchanged" and only null clears the stored value.
+*/
+function NumberInput({ value, onValueChange, integer, nullable, ...props }) {
+	function parse(raw) {
+		if (raw === "") return nullable ? null : void 0;
+		return integer ? Number.parseInt(raw, 10) : Number.parseFloat(raw);
+	}
+	return /* @__PURE__ */ jsx(Input, {
+		type: "number",
+		value: value ?? "",
+		onChange: (event) => onValueChange(parse(event.target.value)),
+		...props
+	});
+}
+//#endregion
+export { NumberInput };
+
+//# sourceMappingURL=number-input.js.map

package/dist/components/number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.js","names":[],"sources":["../../src/components/number-input.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\nimport { Input } from \"~/components/input\"\n\ntype NumberInputProps = Omit<ComponentProps<typeof Input>, \"value\" | \"onChange\" | \"type\"> & {\n  value: number | null | undefined\n  onValueChange: (value: number | null | undefined) => void\n  integer?: boolean\n  nullable?: boolean\n}\n\n/**\n * A numeric input for react-hook-form fields. A cleared input yields `undefined`\n * (validates as required instead of \"expected number, received NaN\"), or `null`\n * when `nullable`, for optional constraints edited via a partial patch where\n * undefined means \"leave unchanged\" and only null clears the stored value.\n */\nexport function NumberInput({\n  value,\n  onValueChange,\n  integer,\n  nullable,\n  ...props\n}: NumberInputProps) {\n  function parse(raw: string) {\n    if (raw === \"\") return nullable ? null : undefined\n    return integer ? Number.parseInt(raw, 10) : Number.parseFloat(raw)\n  }\n\n  return (\n    <Input\n      type=\"number\"\n      value={value ?? \"\"}\n      onChange={event => onValueChange(parse(event.target.value))}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,YAAY,EAC1B,OACA,eACA,SACA,UACA,GAAG,SACgB;CACnB,SAAS,MAAM,KAAa;EAC1B,IAAI,QAAQ,IAAI,OAAO,WAAW,OAAO,KAAA;EACzC,OAAO,UAAU,OAAO,SAAS,KAAK,EAAE,IAAI,OAAO,WAAW,GAAG;CACnE;CAEA,OACE,oBAAC,OAAD;EACE,MAAK;EACL,OAAO,SAAS;EAChB,WAAU,UAAS,cAAc,MAAM,MAAM,OAAO,KAAK,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/page.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from "../lib/variants.js";
+import { ComponentProps } from "react";
+//#region src/components/page.d.ts
+declare const pageVariants: import("tailwind-variants").TVReturnType<{
+  width: {
+    narrow: "max-w-3xl";
+  };
+}, undefined, "flex w-full flex-col gap-6", {
+  width: {
+    narrow: "max-w-3xl";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  width: {
+    narrow: "max-w-3xl";
+  };
+}, undefined>>;
+type PageProps = ComponentProps<"div"> & VariantProps<typeof pageVariants>;
+/**
+ * The root of a workspace route: owns the vertical rhythm between the page header and its
+ * content, so no page sets its own top margins or gaps.
+ */
+export declare function Page({ className, width, ...props }: PageProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=page.d.ts.map

package/dist/components/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","names":[],"sources":["../../src/components/page.tsx"],"mappings":";;;cAGM,0CAAY;;;;;;;;;;;;;KAab,YAAY,wBAAwB,oBAAoB;;;;;wBAM7C,OAAO,WAAW,UAAU,SAAS,4BAAS,IAAA"}

package/dist/components/page.js

@@ -0,0 +1,24 @@
+import { cn, variants } from "../lib/variants.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/page.tsx
+const pageVariants = variants({
+	base: "flex w-full flex-col gap-6",
+	variants: { width: { narrow: "max-w-3xl" } }
+});
+/**
+* The root of a workspace route: owns the vertical rhythm between the page header and its
+* content, so no page sets its own top margins or gaps.
+*/
+function Page({ className, width, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(pageVariants({
+			width,
+			className
+		})),
+		...props
+	});
+}
+//#endregion
+export { Page };
+
+//# sourceMappingURL=page.js.map

package/dist/components/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","names":[],"sources":["../../src/components/page.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\nimport { cn, variants, type VariantProps } from \"~/lib/variants\"\n\nconst pageVariants = variants({\n  // One rhythm for every workspace page: the header, then each block, 24px apart.\n  base: \"flex w-full flex-col gap-6\",\n\n  variants: {\n    width: {\n      // Single-column forms and settings. Left off, the page runs full width: dashboards,\n      // lists, detail pages.\n      narrow: \"max-w-3xl\",\n    },\n  },\n})\n\ntype PageProps = ComponentProps<\"div\"> & VariantProps<typeof pageVariants>\n\n/**\n * The root of a workspace route: owns the vertical rhythm between the page header and its\n * content, so no page sets its own top margins or gaps.\n */\nexport function Page({ className, width, ...props }: PageProps) {\n  return <div className={cn(pageVariants({ width, className }))} {...props} />\n}\n"],"mappings":";;;AAGA,MAAM,eAAe,SAAS;CAE5B,MAAM;CAEN,UAAU,EACR,OAAO,EAGL,QAAQ,YACV,EACF;AACF,CAAC;;;;;AAQD,SAAgB,KAAK,EAAE,WAAW,OAAO,GAAG,SAAoB;CAC9D,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,aAAa;GAAE;GAAO;EAAU,CAAC,CAAC;EAAG,GAAI;CAAQ,CAAA;AAC7E"}

package/dist/components/pagination.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from "react";
+//#region src/components/pagination.d.ts
+type PaginationProps = ComponentProps<"div"> & {
+  page: number;
+  pageCount: number;
+  total: number;
+  perPage: number;
+  onPageChange: (page: number) => void;
+};
+/**
+ * Offset-pagination controls for a list: a "Showing from–to of total" label and prev/next
+ * buttons. Presentational and router-agnostic — the caller wires `onPageChange` to its search
+ * params. Renders nothing when there's a single page.
+ */
+export declare function Pagination({ page, pageCount, total, perPage, onPageChange, className, ...props }: PaginationProps): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=pagination.d.ts.map

package/dist/components/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/components/pagination.tsx"],"mappings":";;KAaK,kBAAkB;EACrB;EACA;EACA;EACA;EACA,eAAe;;;;;;;wBAQD,aACd,MACA,WACA,OACA,SACA,cACA,cACG,SACF,kCAAe,IAAA"}

package/dist/components/pagination.js

@@ -0,0 +1,63 @@
+import { cn } from "../lib/variants.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "../lib/icons.js";
+import { Button } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination.tsx
+/**
+* 1-based row range shown on the current page, e.g. "26–50 of 42" → { from: 26, to: 42 }.
+*/
+function pageRange(page, perPage, total) {
+	if (total === 0) return {
+		from: 0,
+		to: 0
+	};
+	return {
+		from: (page - 1) * perPage + 1,
+		to: Math.min(page * perPage, total)
+	};
+}
+/**
+* Offset-pagination controls for a list: a "Showing from–to of total" label and prev/next
+* buttons. Presentational and router-agnostic — the caller wires `onPageChange` to its search
+* params. Renders nothing when there's a single page.
+*/
+function Pagination({ page, pageCount, total, perPage, onPageChange, className, ...props }) {
+	if (pageCount <= 1) return null;
+	const { from, to } = pageRange(page, perPage, total);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center justify-between gap-4 pt-1", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-sm tabular-nums",
+			children: [
+				"Showing ",
+				from,
+				"–",
+				to,
+				" of ",
+				total
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				"aria-label": "Previous page",
+				disabled: page <= 1,
+				onClick: () => onPageChange(page - 1),
+				children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				"aria-label": "Next page",
+				disabled: page >= pageCount,
+				onClick: () => onPageChange(page + 1),
+				children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+			})]
+		})]
+	});
+}
+//#endregion
+export { Pagination };
+
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\nimport { Button } from \"~/components/button\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"~/lib/icons\"\nimport { cn } from \"~/lib/variants\"\n\n/**\n * 1-based row range shown on the current page, e.g. \"26–50 of 42\" → { from: 26, to: 42 }.\n */\nfunction pageRange(page: number, perPage: number, total: number) {\n  if (total === 0) return { from: 0, to: 0 }\n  return { from: (page - 1) * perPage + 1, to: Math.min(page * perPage, total) }\n}\n\ntype PaginationProps = ComponentProps<\"div\"> & {\n  page: number\n  pageCount: number\n  total: number\n  perPage: number\n  onPageChange: (page: number) => void\n}\n\n/**\n * Offset-pagination controls for a list: a \"Showing from–to of total\" label and prev/next\n * buttons. Presentational and router-agnostic — the caller wires `onPageChange` to its search\n * params. Renders nothing when there's a single page.\n */\nexport function Pagination({\n  page,\n  pageCount,\n  total,\n  perPage,\n  onPageChange,\n  className,\n  ...props\n}: PaginationProps) {\n  if (pageCount <= 1) return null\n\n  const { from, to } = pageRange(page, perPage, total)\n\n  return (\n    <div className={cn(\"flex items-center justify-between gap-4 pt-1\", className)} {...props}>\n      <p className=\"text-muted-foreground text-sm tabular-nums\">\n        Showing {from}–{to} of {total}\n      </p>\n\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          aria-label=\"Previous page\"\n          disabled={page <= 1}\n          onClick={() => onPageChange(page - 1)}\n        >\n          <ChevronLeftIcon />\n        </Button>\n\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          aria-label=\"Next page\"\n          disabled={page >= pageCount}\n          onClick={() => onPageChange(page + 1)}\n        >\n          <ChevronRightIcon />\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,SAAS,UAAU,MAAc,SAAiB,OAAe;CAC/D,IAAI,UAAU,GAAG,OAAO;EAAE,MAAM;EAAG,IAAI;CAAE;CACzC,OAAO;EAAE,OAAO,OAAO,KAAK,UAAU;EAAG,IAAI,KAAK,IAAI,OAAO,SAAS,KAAK;CAAE;AAC/E;;;;;;AAeA,SAAgB,WAAW,EACzB,MACA,WACA,OACA,SACA,cACA,WACA,GAAG,SACe;CAClB,IAAI,aAAa,GAAG,OAAO;CAE3B,MAAM,EAAE,MAAM,OAAO,UAAU,MAAM,SAAS,KAAK;CAEnD,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,gDAAgD,SAAS;EAAG,GAAI;EAAnF,UAAA,CACE,qBAAC,KAAD;GAAG,WAAU;GAAb,UAAA;IAA0D;IAC/C;IAAK;IAAE;IAAG;IAAK;GACvB;EAEH,CAAA,GAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,cAAW;IACX,UAAU,QAAQ;IAClB,eAAe,aAAa,OAAO,CAAC;IAEpC,UAAA,oBAAC,iBAAD,CAAkB,CAAA;GACZ,CAAA,GAER,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,cAAW;IACX,UAAU,QAAQ;IAClB,eAAe,aAAa,OAAO,CAAC;IAEpC,UAAA,oBAAC,kBAAD,CAAmB,CAAA;GACb,CAAA,CACL;EACF,CAAA,CAAA;;AAET"}

package/dist/components/popover.d.ts

@@ -0,0 +1,8 @@
+import { Popover as Popover$1 } from "@base-ui/react/popover";
+//#region src/components/popover.d.ts
+declare const Popover: typeof Popover$1.Root;
+declare const PopoverTrigger: Popover$1.Trigger;
+declare function PopoverContent({ className, align, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "side" | "sideOffset">): import("react").JSX.Element;
+//#endregion
+export { Popover, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/components/popover.tsx"],"mappings":";;cAMM,gBAAO,UAAA;cACP,gBAAc,UAAA;iBAEX,iBACP,WACA,OACA,MACA,eACG,SACF,UAAiB,MAAM,QACxB,KAAK,UAAiB,WAAW,0DAAuC,IAAA"}

package/dist/components/popover.js

@@ -0,0 +1,24 @@
+"use client";
+import { cn } from "../lib/variants.js";
+import { popoverAnimationClasses } from "../lib/classes.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover as Popover$1 } from "@base-ui/react/popover";
+//#region src/components/popover.tsx
+const Popover = Popover$1.Root;
+const PopoverTrigger = Popover$1.Trigger;
+function PopoverContent({ className, align = "center", side, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
+		align,
+		side,
+		sideOffset,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Popover$1.Popup, {
+			className: cn("min-w-72 w-(--anchor-width) rounded-md border bg-popover p-4 text-popover-foreground shadow-md backdrop-blur-xs outline-hidden", popoverAnimationClasses, className),
+			...props
+		})
+	}) });
+}
+//#endregion
+export { Popover, PopoverContent, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../../src/components/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport { popoverAnimationClasses } from \"~/lib/classes\"\nimport { cn } from \"~/lib/variants\"\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  side,\n  sideOffset = 4,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<PopoverPrimitive.Positioner.Props, \"align\" | \"side\" | \"sideOffset\">) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          className={cn(\n            \"min-w-72 w-(--anchor-width) rounded-md border bg-popover p-4 text-popover-foreground shadow-md backdrop-blur-xs outline-hidden\",\n            popoverAnimationClasses,\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  )\n}\n\nexport { Popover, PopoverContent, PopoverTrigger }\n"],"mappings":";;;;;;AAMA,MAAM,UAAUA,UAAiB;AACjC,MAAM,iBAAiBA,UAAiB;AAExC,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,MACA,aAAa,GACb,GAAG,SAEuE;CAC1E,OACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,oBAACA,UAAiB,YAAlB;EACS;EACD;EACM;EACZ,WAAU;EAEV,UAAA,oBAACA,UAAiB,OAAlB;GACE,WAAW,GACT,kIACA,yBACA,SACF;GACA,GAAI;EACL,CAAA;CAC0B,CAAA,EACN,CAAA;AAE7B"}

package/dist/components/search-input.d.ts

@@ -0,0 +1,14 @@
+import { Input } from "./input.js";
+import { ComponentProps } from "react";
+//#region src/components/search-input.d.ts
+type SearchInputProps = Omit<ComponentProps<typeof Input>, "value" | "onChange"> & {
+  value: string;
+  onValueChange: (value: string) => void;
+};
+/**
+ * Text input with a leading search icon and a clear button once it holds a value. Labels and
+ * placeholders come from the caller.
+ */
+export declare function SearchInput({ value, onValueChange, className, ...props }: SearchInputProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=search-input.d.ts.map

package/dist/components/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","names":[],"sources":["../../src/components/search-input.tsx"],"mappings":";;;KAMK,mBAAmB,KAAK,sBAAsB;EACjD;EACA,gBAAgB;;;;;;wBAOF,cAAc,OAAO,eAAe,cAAc,SAAS,mCAAgB,IAAA"}