@dowel-ui/react 0.7.0 → 0.8.0

package/dist/components/context-menu/context-menu.js

@@ -0,0 +1,151 @@
+"use client";
+import { mirrorForDirection } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { ContextMenu } from "radix-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/context-menu/context-menu.tsx
+/**
+* A menu of actions opened at the pointer by a secondary click or a long press.
+*
+* The parts and their props mirror DropdownMenu exactly, so a menu can move
+* between the two by renaming its imports. It is never the only way to reach
+* an action: a context menu is invisible until summoned, so what it offers
+* should also live somewhere visible. Keyboard users open it with Shift+F10
+* or the Menu key, which needs the trigger to be focusable.
+*
+* The source's spring is CSS: the surface pops from the pointer with a slight
+* overshoot, and its items drop in with a 20ms stagger. Both are decoration
+* and stop under reduced motion; closing uses the shared quick float-out.
+*/
+const ContextMenu$1 = ContextMenu.Root;
+const ContextMenuTrigger = ContextMenu.Trigger;
+const ContextMenuGroup = ContextMenu.Group;
+const ContextMenuPortal = ContextMenu.Portal;
+const ContextMenuSub = ContextMenu.Sub;
+const ContextMenuRadioGroup = ContextMenu.RadioGroup;
+const PREFIX = "dowel-context-menu";
+const STYLES = `
+@keyframes ${PREFIX}-in{from{opacity:0;transform:translateY(-4px) scale(.95)}}
+@keyframes ${PREFIX}-item-in{from{opacity:0;transform:translateY(-4px)}}
+${Array.from({ length: 11 }, (_, i) => `[data-slot$=context-menu-content]>:nth-child(${String(i + 2)}){animation-delay:calc(${String((i + 1) * 20)}ms * var(--motion-scale))}`).join("\n")}
+[data-slot$=context-menu-content]>:nth-child(n+13){animation-delay:calc(240ms * var(--motion-scale))}
+`;
+/** Shared surface styling for the root menu and every submenu. The keyframe
+* names are spelled out because Tailwind reads class names from the source. */
+const menuSurface = cn("z-[var(--z-popover)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg border border-border", "bg-popover p-1 text-popover-foreground shadow-lg outline-none", "max-h-[var(--radix-context-menu-content-available-height)]", "origin-[var(--radix-context-menu-content-transform-origin)]", "data-[state=closed]:animate-float-out", "data-[state=open]:animate-[dowel-context-menu-in_calc(250ms*var(--motion-scale))_var(--ease-overshoot)]", "data-[state=open]:[&>*]:animate-[dowel-context-menu-item-in_calc(250ms*var(--motion-scale))_var(--ease-overshoot)_both]");
+/** Shared item styling. Highlight follows data-highlighted, which the primitive
+* drives from both pointer and keyboard, so the two never disagree. */
+const menuItem = cn("relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none", "transition-colors duration-[var(--duration-instant)]", "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-55", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4");
+function Styles() {
+	return /* @__PURE__ */ jsx("style", {
+		href: PREFIX,
+		precedence: "dowel",
+		children: STYLES
+	});
+}
+function ContextMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Styles, {}), /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Content, {
+		"data-slot": "context-menu-content",
+		className: cn(menuSurface, className),
+		...props
+	}) })] });
+}
+function ContextMenuItem({ className, variant = "default", inset, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		"data-slot": "context-menu-item",
+		"data-variant": variant,
+		className: cn(menuItem, inset && "ps-8", variant === "destructive" && "text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive", className),
+		...props
+	});
+}
+/** Tick shown by checkbox and radio items. Decorative: the state is already in
+* aria-checked, so announcing it twice would be noise. */
+function ItemIndicator({ radio = false }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "pointer-events-none absolute start-2 grid size-4 place-items-center",
+		children: /* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: radio ? /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-current" }) : /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "size-3.5",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m5 13 4 4L19 7",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}) })
+	});
+}
+function ContextMenuCheckboxItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+		"data-slot": "context-menu-checkbox-item",
+		className: cn(menuItem, "ps-8", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ItemIndicator, {}), children]
+	});
+}
+function ContextMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.RadioItem, {
+		"data-slot": "context-menu-radio-item",
+		className: cn(menuItem, "ps-8", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ItemIndicator, { radio: true }), children]
+	});
+}
+function ContextMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Label, {
+		"data-slot": "context-menu-label",
+		className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", inset && "ps-8", className),
+		...props
+	});
+}
+function ContextMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
+		"data-slot": "context-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+/** Keyboard hint. aria-hidden because the shortcut is decoration here — bind it
+* for real at the application level. */
+function ContextMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-shortcut",
+		"aria-hidden": "true",
+		className: cn("ms-auto text-2xs tracking-wide text-muted-foreground", className),
+		...props
+	});
+}
+function ContextMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.SubTrigger, {
+		"data-slot": "context-menu-sub-trigger",
+		className: cn(menuItem, "data-[state=open]:bg-accent", inset && "ps-8", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: cn("ms-auto size-3.5", mirrorForDirection),
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m9 18 6-6-6-6",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+}
+function ContextMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.SubContent, {
+		"data-slot": "context-menu-sub-content",
+		className: cn(menuSurface, className),
+		...props
+	}) });
+}
+//#endregion
+export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+
+//# sourceMappingURL=context-menu.js.map

package/dist/components/context-menu/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":["ContextMenu","ContextMenuPrimitive"],"sources":["../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["\"use client\";\n\n// Ported from SmoothUI Context Menu (MIT, © 2024 Eduardo Calvo). See THIRD_PARTY_NOTICES.md.\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { mirrorForDirection } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A menu of actions opened at the pointer by a secondary click or a long press.\n *\n * The parts and their props mirror DropdownMenu exactly, so a menu can move\n * between the two by renaming its imports. It is never the only way to reach\n * an action: a context menu is invisible until summoned, so what it offers\n * should also live somewhere visible. Keyboard users open it with Shift+F10\n * or the Menu key, which needs the trigger to be focusable.\n *\n * The source's spring is CSS: the surface pops from the pointer with a slight\n * overshoot, and its items drop in with a 20ms stagger. Both are decoration\n * and stop under reduced motion; closing uses the shared quick float-out.\n */\nexport const ContextMenu = ContextMenuPrimitive.Root;\nexport const ContextMenuTrigger = ContextMenuPrimitive.Trigger;\nexport const ContextMenuGroup = ContextMenuPrimitive.Group;\nexport const ContextMenuPortal = ContextMenuPrimitive.Portal;\nexport const ContextMenuSub = ContextMenuPrimitive.Sub;\nexport const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst PREFIX = \"dowel-context-menu\";\n\n/** Stagger delays for the first dozen entries; later ones arrive with the twelfth. */\nconst STAGGER = Array.from(\n  { length: 11 },\n  (_, i) =>\n    `[data-slot$=context-menu-content]>:nth-child(${String(i + 2)}){animation-delay:calc(${String((i + 1) * 20)}ms * var(--motion-scale))}`,\n).join(\"\\n\");\n\nconst STYLES = `\n@keyframes ${PREFIX}-in{from{opacity:0;transform:translateY(-4px) scale(.95)}}\n@keyframes ${PREFIX}-item-in{from{opacity:0;transform:translateY(-4px)}}\n${STAGGER}\n[data-slot$=context-menu-content]>:nth-child(n+13){animation-delay:calc(240ms * var(--motion-scale))}\n`;\n\n/** Shared surface styling for the root menu and every submenu. The keyframe\n * names are spelled out because Tailwind reads class names from the source. */\nconst menuSurface = cn(\n  \"z-[var(--z-popover)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg border border-border\",\n  \"bg-popover p-1 text-popover-foreground shadow-lg outline-none\",\n  \"max-h-[var(--radix-context-menu-content-available-height)]\",\n  \"origin-[var(--radix-context-menu-content-transform-origin)]\",\n  \"data-[state=closed]:animate-float-out\",\n  \"data-[state=open]:animate-[dowel-context-menu-in_calc(250ms*var(--motion-scale))_var(--ease-overshoot)]\",\n  \"data-[state=open]:[&>*]:animate-[dowel-context-menu-item-in_calc(250ms*var(--motion-scale))_var(--ease-overshoot)_both]\",\n);\n\n/** Shared item styling. Highlight follows data-highlighted, which the primitive\n * drives from both pointer and keyboard, so the two never disagree. */\nconst menuItem = cn(\n  \"relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none\",\n  \"transition-colors duration-[var(--duration-instant)]\",\n  \"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground\",\n  \"data-[disabled]:pointer-events-none data-[disabled]:opacity-55\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n);\n\nfunction Styles() {\n  return (\n    <style href={PREFIX} precedence=\"dowel\">\n      {STYLES}\n    </style>\n  );\n}\n\nexport type ContextMenuContentProps = ComponentPropsWithRef<\n  typeof ContextMenuPrimitive.Content\n>;\n\nexport function ContextMenuContent({ className, ...props }: ContextMenuContentProps) {\n  return (\n    <>\n      <Styles />\n      <ContextMenuPrimitive.Portal>\n        <ContextMenuPrimitive.Content\n          data-slot=\"context-menu-content\"\n          className={cn(menuSurface, className)}\n          {...props}\n        />\n      </ContextMenuPrimitive.Portal>\n    </>\n  );\n}\n\nexport interface ContextMenuItemProps extends ComponentPropsWithRef<\n  typeof ContextMenuPrimitive.Item\n> {\n  /** Styles the item as destructive. Pair with a label that says what is destroyed. */\n  variant?: \"default\" | \"destructive\";\n  /** Indents the item to align with items that have a leading indicator. */\n  inset?: boolean;\n}\n\nexport function ContextMenuItem({\n  className,\n  variant = \"default\",\n  inset,\n  ...props\n}: ContextMenuItemProps) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-variant={variant}\n      className={cn(\n        menuItem,\n        inset && \"ps-8\",\n        variant === \"destructive\" &&\n          \"text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Tick shown by checkbox and radio items. Decorative: the state is already in\n * aria-checked, so announcing it twice would be noise. */\nfunction ItemIndicator({ radio = false }: { radio?: boolean }) {\n  return (\n    <span className=\"pointer-events-none absolute start-2 grid size-4 place-items-center\">\n      <ContextMenuPrimitive.ItemIndicator>\n        {radio ? (\n          <span className=\"size-2 rounded-full bg-current\" />\n        ) : (\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5\">\n            <path\n              d=\"m5 13 4 4L19 7\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        )}\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport function ContextMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(menuItem, \"ps-8\", className)}\n      {...props}\n    >\n      <ItemIndicator />\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\nexport function ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(menuItem, \"ps-8\", className)}\n      {...props}\n    >\n      <ItemIndicator radio />\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\nexport interface ContextMenuLabelProps extends ComponentPropsWithRef<\n  typeof ContextMenuPrimitive.Label\n> {\n  inset?: boolean;\n}\n\nexport function ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      className={cn(\n        \"px-2 py-1.5 text-xs font-medium text-muted-foreground\",\n        inset && \"ps-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function ContextMenuSeparator({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ContextMenuPrimitive.Separator>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Keyboard hint. aria-hidden because the shortcut is decoration here — bind it\n * for real at the application level. */\nexport function ContextMenuShortcut({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      aria-hidden=\"true\"\n      className={cn(\"ms-auto text-2xs tracking-wide text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface ContextMenuSubTriggerProps extends ComponentPropsWithRef<\n  typeof ContextMenuPrimitive.SubTrigger\n> {\n  inset?: boolean;\n}\n\nexport function ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: ContextMenuSubTriggerProps) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      className={cn(menuItem, \"data-[state=open]:bg-accent\", inset && \"ps-8\", className)}\n      {...props}\n    >\n      {children}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className={cn(\"ms-auto size-3.5\", mirrorForDirection)}\n      >\n        <path\n          d=\"m9 18 6-6-6-6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function ContextMenuSubContent({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.SubContent\n        data-slot=\"context-menu-sub-content\"\n        className={cn(menuSurface, className)}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n"],"mappings":"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"}

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1,2 @@
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuItemProps, ContextMenuLabel, ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSubTriggerProps, ContextMenuTrigger } from "./context-menu.js";
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger };

package/dist/components/context-menu/index.js

@@ -0,0 +1,2 @@
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./context-menu.js";
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/context-menu/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/context-menu/meta.ts
+const meta = defineMeta({
+	name: "context-menu",
+	title: "Context Menu",
+	description: "A right-click menu that pops from the pointer with a spring and staggers its items in — same parts as Dropdown Menu.",
+	category: "overlay",
+	status: "beta",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["context-menu.tsx"],
+	a11y: "Opens on right-click, long press, Shift+F10 or the Menu key — the keyboard paths need a focusable trigger. Full menu keyboard model: arrows move, Home/End jump, typeahead searches, Escape closes and returns focus, Right/Left open and close submenus (mirrored in RTL). Checkbox and radio items expose aria-checked; shortcuts are aria-hidden hints. A context menu is invisible until summoned, so its actions should also be reachable elsewhere. The pop and stagger stop under reduced motion."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/context-menu/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/context-menu/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"context-menu\",\n  title: \"Context Menu\",\n  description:\n    \"A right-click menu that pops from the pointer with a spring and staggers its items in — same parts as Dropdown Menu.\",\n  category: \"overlay\",\n  status: \"beta\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"context-menu.tsx\"],\n  a11y:\n    \"Opens on right-click, long press, Shift+F10 or the Menu key — the keyboard paths need a focusable \" +\n    \"trigger. Full menu keyboard model: arrows move, Home/End jump, typeahead searches, Escape closes and \" +\n    \"returns focus, Right/Left open and close submenus (mirrored in RTL). Checkbox and radio items expose \" +\n    \"aria-checked; shortcuts are aria-hidden hints. A context menu is invisible until summoned, so its \" +\n    \"actions should also be reachable elsewhere. The pop and stagger stop under reduced motion.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aACE;CACF,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,kBAAkB;CAC1B,MACE;AAKJ,CAAC"}

package/dist/components/contribution-graph/contribution-graph.d.ts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/contribution-graph/contribution-graph.d.ts
+interface ContributionDay {
+  /** Calendar date, `YYYY-MM-DD`. */
+  date: string;
+  count: number;
+  /** 0–4. Derived from `count` when omitted. */
+  level?: number;
+}
+declare const contributionGraphCellVariants: (props?: ({
+  level?: 0 | 1 | 2 | 3 | 4 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ContributionGraphProps extends Omit<ComponentPropsWithRef<"div">, "children"> {
+  /** One entry per day with activity. Missing days count as zero. */
+  data?: ContributionDay[];
+  /** The calendar year shown. Defaults to the current year. */
+  year?: number;
+  /** Locale for month, weekday and date names. */
+  locales?: Intl.LocalesArgument;
+  /** Show the Less → More legend. */
+  showLegend?: boolean;
+  /** Show a tooltip for the hovered or focused day. */
+  showTooltips?: boolean;
+  /** The grid's accessible name. Defaults to "N contributions in YEAR". */
+  label?: string;
+  /** Maps a count to a level 0–4. Defaults to quarters of the year's busiest day. */
+  getLevel?: (count: number, max: number) => number;
+  /** The text for one day, used as its accessible name and in the tooltip. */
+  formatCount?: (count: number) => string;
+  lessLabel?: string;
+  moreLabel?: string;
+}
+/** A year of activity as a keyboard-navigable heatmap grid. */
+declare function ContributionGraph({ className, data, year, locales, showLegend, showTooltips, label, getLevel, formatCount, lessLabel, moreLabel, ...props }: ContributionGraphProps): import("react").JSX.Element;
+//#endregion
+export { ContributionDay, ContributionGraph, ContributionGraphProps, contributionGraphCellVariants };
+//# sourceMappingURL=contribution-graph.d.ts.map

package/dist/components/contribution-graph/contribution-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contribution-graph.d.ts","names":[],"sources":["../../../src/components/contribution-graph/contribution-graph.tsx"],"mappings":";;UAoCiB;;EAEf;EACA;;EAEA;;cAGI,gCAA6B;;6CAWjC;UAKe,+BAA+B,KAAK;;EAEnD,OAAO;;EAEP;;EAEA,UAAU,KAAK;;EAEf;;EAEA;;EAEA;;EAEA,YAAY,eAAe;;EAE3B,eAAe;EACf;EACA;;;iBAqBc,oBACd,WACA,MACA,MACA,SACA,YACA,cACA,OACA,UACA,aACA,WACA,cACG,SACF,yCAAsB,IAAA"}

package/dist/components/contribution-graph/contribution-graph.js

@@ -0,0 +1,298 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useId, useMemo, useRef, useState } from "react";
+//#region src/components/contribution-graph/contribution-graph.tsx
+const DAY = 864e5;
+const contributionGraphCellVariants = cva("block size-2.5 rounded-[2px]", {
+	variants: { level: {
+		0: "bg-muted",
+		1: "bg-[color-mix(in_oklab,var(--color-primary)_25%,var(--color-muted))]",
+		2: "bg-[color-mix(in_oklab,var(--color-primary)_50%,var(--color-muted))]",
+		3: "bg-[color-mix(in_oklab,var(--color-primary)_75%,var(--color-muted))]",
+		4: "bg-primary"
+	} },
+	defaultVariants: { level: 0 }
+});
+const LEVELS = [
+	0,
+	1,
+	2,
+	3,
+	4
+];
+function defaultLevel(count, max) {
+	if (count <= 0 || max <= 0) return 0;
+	return Math.min(4, Math.ceil(count / max * 4));
+}
+function defaultCount(count) {
+	if (count === 0) return "No contributions";
+	return `${String(count)} ${count === 1 ? "contribution" : "contributions"}`;
+}
+const keyOf = (time) => new Date(time).toISOString().slice(0, 10);
+const weekday = (time) => new Date(time).getUTCDay();
+function isRtl(element) {
+	return element.closest("[dir]")?.getAttribute("dir") === "rtl";
+}
+/** A year of activity as a keyboard-navigable heatmap grid. */
+function ContributionGraph({ className, data = [], year = (/* @__PURE__ */ new Date()).getUTCFullYear(), locales, showLegend = true, showTooltips = true, label, getLevel = defaultLevel, formatCount = defaultCount, lessLabel = "Less", moreLabel = "More", ...props }) {
+	const captionId = useId();
+	const table = useRef(null);
+	const surface = useRef(null);
+	const start = Date.UTC(year, 0, 1);
+	const end = Date.UTC(year, 11, 31);
+	const gridStart = start - weekday(start) * DAY;
+	const weeks = Math.round(((end + (6 - weekday(end)) * DAY - gridStart) / DAY + 1) / 7);
+	const [active, setActive] = useState(start);
+	const current = Math.min(Math.max(active, start), end);
+	const [hovered, setHovered] = useState(null);
+	const [focused, setFocused] = useState(false);
+	const [dismissed, setDismissed] = useState(false);
+	const [anchor, setAnchor] = useState({
+		left: 0,
+		top: 0,
+		width: 0,
+		height: 0
+	});
+	const { byDate, max, total } = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		let busiest = 0;
+		let sum = 0;
+		for (const day of data) {
+			if (!day.date.startsWith(String(year))) continue;
+			map.set(day.date, day);
+			busiest = Math.max(busiest, day.count);
+			sum += day.count;
+		}
+		return {
+			byDate: map,
+			max: busiest,
+			total: sum
+		};
+	}, [data, year]);
+	const names = useMemo(() => {
+		const month = new Intl.DateTimeFormat(locales, {
+			month: "short",
+			timeZone: "UTC"
+		});
+		const short = new Intl.DateTimeFormat(locales, {
+			weekday: "short",
+			timeZone: "UTC"
+		});
+		const long = new Intl.DateTimeFormat(locales, {
+			weekday: "long",
+			timeZone: "UTC"
+		});
+		const full = new Intl.DateTimeFormat(locales, {
+			dateStyle: "full",
+			timeZone: "UTC"
+		});
+		const sunday = Date.UTC(2023, 0, 1);
+		return {
+			month: (time) => month.format(time),
+			days: Array.from({ length: 7 }, (_, index) => ({
+				short: short.format(sunday + index * DAY),
+				long: long.format(sunday + index * DAY)
+			})),
+			full: (time) => full.format(time)
+		};
+	}, [locales]);
+	function dayAt(time) {
+		const entry = byDate.get(keyOf(time));
+		const count = entry?.count ?? 0;
+		return {
+			count,
+			level: Math.min(4, Math.max(0, Math.round(entry?.level ?? getLevel(count, max)))),
+			text: `${formatCount(count)}, ${names.full(time)}`
+		};
+	}
+	const months = [];
+	for (let week = 0; week < weeks; week++) {
+		const first = Math.max(gridStart + week * 7 * DAY, start);
+		const month = new Date(first).getUTCMonth();
+		const last = months[months.length - 1];
+		if (last?.key === String(month)) last.span++;
+		else months.push({
+			key: String(month),
+			name: names.month(first),
+			span: 1
+		});
+	}
+	function place(cell) {
+		const box = surface.current?.getBoundingClientRect();
+		const rect = cell.getBoundingClientRect();
+		setAnchor({
+			left: rect.left - (box?.left ?? 0),
+			top: rect.top - (box?.top ?? 0),
+			width: rect.width,
+			height: rect.height
+		});
+	}
+	function focusDay(time) {
+		(table.current?.querySelector(`[data-date="${keyOf(time)}"]`))?.focus();
+	}
+	function handleKeyDown(event) {
+		if (event.key === "Escape") {
+			setDismissed(true);
+			return;
+		}
+		const forward = isRtl(event.currentTarget) ? -1 : 1;
+		const day = weekday(current);
+		const target = {
+			ArrowRight: current + 7 * DAY * forward,
+			ArrowLeft: current - 7 * DAY * forward,
+			ArrowDown: current + DAY,
+			ArrowUp: current - DAY,
+			PageDown: current + 28 * DAY,
+			PageUp: current - 28 * DAY,
+			Home: event.ctrlKey ? start : start + (day - weekday(start) + 7) % 7 * DAY,
+			End: event.ctrlKey ? end : end - (weekday(end) - day + 7) % 7 * DAY
+		}[event.key];
+		if (target === void 0) return;
+		event.preventDefault();
+		const next = event.key.startsWith("Page") ? Math.min(Math.max(target, start), end) : target;
+		if (next < start || next > end) return;
+		focusDay(next);
+	}
+	const shown = hovered ?? (focused ? current : null);
+	const open = showTooltips && shown !== null && !dismissed;
+	const tooltipDay = shown === null ? null : dayAt(shown);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "contribution-graph",
+		className: cn("flex flex-col gap-3 text-xs", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ jsxs("div", {
+				ref: surface,
+				className: "relative w-fit",
+				children: [/* @__PURE__ */ jsxs("table", {
+					ref: table,
+					role: "grid",
+					"aria-labelledby": captionId,
+					className: "border-separate border-spacing-[3px]",
+					onKeyDown: handleKeyDown,
+					onPointerLeave: () => {
+						setHovered(null);
+					},
+					onFocus: () => {
+						setFocused(true);
+					},
+					onBlur: (event) => {
+						if (!event.currentTarget.contains(event.relatedTarget)) setFocused(false);
+					},
+					children: [
+						/* @__PURE__ */ jsx("caption", {
+							id: captionId,
+							className: "sr-only",
+							children: label ?? `${String(total)} ${total === 1 ? "contribution" : "contributions"} in ${String(year)}`
+						}),
+						/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Weekday"
+							})
+						}), months.map((month, index) => /* @__PURE__ */ jsx("th", {
+							scope: "colgroup",
+							colSpan: month.span,
+							className: "h-4 p-0 text-start align-bottom font-normal whitespace-nowrap text-muted-foreground",
+							children: month.span > 1 ? month.name : /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: month.name
+							})
+						}, `${month.key}-${String(index)}`))] }) }),
+						/* @__PURE__ */ jsx("tbody", { children: names.days.map((name, row) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsxs("th", {
+							scope: "row",
+							className: "h-2.5 p-0 pe-1 text-start text-2xs leading-none font-normal text-muted-foreground",
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": "true",
+								className: row % 2 ? "invisible" : void 0,
+								children: name.short
+							}), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: name.long
+							})]
+						}), Array.from({ length: weeks }, (_, week) => {
+							const time = gridStart + (week * 7 + row) * DAY;
+							if (time < start || time > end) return /* @__PURE__ */ jsx("td", {
+								role: "gridcell",
+								className: "p-0"
+							}, week);
+							const day = dayAt(time);
+							const key = keyOf(time);
+							return /* @__PURE__ */ jsxs("td", {
+								role: "gridcell",
+								"data-date": key,
+								"data-level": day.level,
+								tabIndex: time === current ? 0 : -1,
+								className: cn("rounded-[2px] p-0", focusRing),
+								onFocus: (event) => {
+									setActive(time);
+									setDismissed(false);
+									place(event.currentTarget);
+								},
+								onPointerEnter: (event) => {
+									setHovered(time);
+									setDismissed(false);
+									place(event.currentTarget);
+								},
+								children: [/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									className: cn(contributionGraphCellVariants({ level: day.level }), "transition-[scale] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)] hover:scale-125")
+								}), /* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									children: day.text
+								})]
+							}, week);
+						})] }, name.long)) })
+					]
+				}), showTooltips ? /* @__PURE__ */ jsxs(Tooltip, {
+					open,
+					onOpenChange: (next) => {
+						if (!next) setDismissed(true);
+					},
+					children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							"data-slot": "contribution-graph-anchor",
+							className: "pointer-events-none absolute",
+							style: anchor
+						})
+					}), tooltipDay && shown !== null ? /* @__PURE__ */ jsxs(TooltipContent, { children: [/* @__PURE__ */ jsx("span", {
+						className: "block font-semibold",
+						children: formatCount(tooltipDay.count)
+					}), /* @__PURE__ */ jsx("span", {
+						className: "block opacity-80",
+						children: names.full(shown)
+					})] }) : null]
+				}) : null]
+			})
+		}), showLegend ? /* @__PURE__ */ jsxs("div", {
+			"data-slot": "contribution-graph-legend",
+			className: "flex items-center justify-end gap-1 text-muted-foreground",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "me-1",
+					children: lessLabel
+				}),
+				LEVELS.map((level) => /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: contributionGraphCellVariants({ level })
+				}, level)),
+				/* @__PURE__ */ jsx("span", {
+					className: "ms-1",
+					children: moreLabel
+				})
+			]
+		}) : null]
+	});
+}
+//#endregion
+export { ContributionGraph, contributionGraphCellVariants };
+
+//# sourceMappingURL=contribution-graph.js.map

package/dist/components/contribution-graph/contribution-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contribution-graph.js","names":[],"sources":["../../../src/components/contribution-graph/contribution-graph.tsx"],"sourcesContent":["\"use client\";\n\n// Ported from SmoothUI Contribution Graph (MIT, © 2024 Eduardo Calvo). See THIRD_PARTY_NOTICES.md.\nimport { cva } from \"class-variance-authority\";\nimport {\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/*\n * A GitHub-style year heatmap, as an ARIA grid: weekdays are rows, weeks are\n * columns, and every day is a gridcell whose screen-reader text is the whole\n * fact (\"3 contributions on Monday, 6 January 2025\"). One cell is in the tab\n * order (roving tabindex); arrow keys move a day or a week — mirrored in RTL,\n * where weeks run the other way — Home/End go to the ends of the weekday's\n * row, Ctrl+Home/End to the ends of the year, PageUp/PageDown by four weeks.\n *\n * There is one Dowel Tooltip, not 371. It is controlled, and its trigger is an\n * invisible anchor moved over whichever day is hovered or focused, so pointer\n * and keyboard users see the same tooltip. Escape dismisses it.\n *\n * Dates are calendar days in UTC throughout: \"2025-03-09\" is that day wherever\n * the reader is, which the source's local-time arithmetic did not guarantee.\n * Levels are the primary token mixed into muted at 25/50/75/100%.\n */\n\nconst DAY = 86_400_000;\n\nexport interface ContributionDay {\n  /** Calendar date, `YYYY-MM-DD`. */\n  date: string;\n  count: number;\n  /** 0–4. Derived from `count` when omitted. */\n  level?: number;\n}\n\nconst contributionGraphCellVariants = cva(\"block size-2.5 rounded-[2px]\", {\n  variants: {\n    level: {\n      0: \"bg-muted\",\n      1: \"bg-[color-mix(in_oklab,var(--color-primary)_25%,var(--color-muted))]\",\n      2: \"bg-[color-mix(in_oklab,var(--color-primary)_50%,var(--color-muted))]\",\n      3: \"bg-[color-mix(in_oklab,var(--color-primary)_75%,var(--color-muted))]\",\n      4: \"bg-primary\",\n    },\n  },\n  defaultVariants: { level: 0 },\n});\n\ntype Level = 0 | 1 | 2 | 3 | 4;\nconst LEVELS: Level[] = [0, 1, 2, 3, 4];\n\nexport interface ContributionGraphProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  /** One entry per day with activity. Missing days count as zero. */\n  data?: ContributionDay[];\n  /** The calendar year shown. Defaults to the current year. */\n  year?: number;\n  /** Locale for month, weekday and date names. */\n  locales?: Intl.LocalesArgument;\n  /** Show the Less → More legend. */\n  showLegend?: boolean;\n  /** Show a tooltip for the hovered or focused day. */\n  showTooltips?: boolean;\n  /** The grid's accessible name. Defaults to \"N contributions in YEAR\". */\n  label?: string;\n  /** Maps a count to a level 0–4. Defaults to quarters of the year's busiest day. */\n  getLevel?: (count: number, max: number) => number;\n  /** The text for one day, used as its accessible name and in the tooltip. */\n  formatCount?: (count: number) => string;\n  lessLabel?: string;\n  moreLabel?: string;\n}\n\nfunction defaultLevel(count: number, max: number): number {\n  if (count <= 0 || max <= 0) return 0;\n  return Math.min(4, Math.ceil((count / max) * 4));\n}\n\nfunction defaultCount(count: number): string {\n  if (count === 0) return \"No contributions\";\n  return `${String(count)} ${count === 1 ? \"contribution\" : \"contributions\"}`;\n}\n\nconst keyOf = (time: number) => new Date(time).toISOString().slice(0, 10);\nconst weekday = (time: number) => new Date(time).getUTCDay();\n\nfunction isRtl(element: Element) {\n  return element.closest(\"[dir]\")?.getAttribute(\"dir\") === \"rtl\";\n}\n\n/** A year of activity as a keyboard-navigable heatmap grid. */\nexport function ContributionGraph({\n  className,\n  data = [],\n  year = new Date().getUTCFullYear(),\n  locales,\n  showLegend = true,\n  showTooltips = true,\n  label,\n  getLevel = defaultLevel,\n  formatCount = defaultCount,\n  lessLabel = \"Less\",\n  moreLabel = \"More\",\n  ...props\n}: ContributionGraphProps) {\n  const captionId = useId();\n  const table = useRef<HTMLTableElement>(null);\n  const surface = useRef<HTMLDivElement>(null);\n\n  const start = Date.UTC(year, 0, 1);\n  const end = Date.UTC(year, 11, 31);\n  const gridStart = start - weekday(start) * DAY;\n  const weeks = Math.round(((end + (6 - weekday(end)) * DAY - gridStart) / DAY + 1) / 7);\n\n  const [active, setActive] = useState(start);\n  const current = Math.min(Math.max(active, start), end);\n  const [hovered, setHovered] = useState<number | null>(null);\n  const [focused, setFocused] = useState(false);\n  const [dismissed, setDismissed] = useState(false);\n  const [anchor, setAnchor] = useState({ left: 0, top: 0, width: 0, height: 0 });\n\n  const { byDate, max, total } = useMemo(() => {\n    const map = new Map<string, ContributionDay>();\n    let busiest = 0;\n    let sum = 0;\n    for (const day of data) {\n      if (!day.date.startsWith(String(year))) continue;\n      map.set(day.date, day);\n      busiest = Math.max(busiest, day.count);\n      sum += day.count;\n    }\n    return { byDate: map, max: busiest, total: sum };\n  }, [data, year]);\n\n  const names = useMemo(() => {\n    const month = new Intl.DateTimeFormat(locales, { month: \"short\", timeZone: \"UTC\" });\n    const short = new Intl.DateTimeFormat(locales, { weekday: \"short\", timeZone: \"UTC\" });\n    const long = new Intl.DateTimeFormat(locales, { weekday: \"long\", timeZone: \"UTC\" });\n    const full = new Intl.DateTimeFormat(locales, { dateStyle: \"full\", timeZone: \"UTC\" });\n    // 1 January 2023 was a Sunday.\n    const sunday = Date.UTC(2023, 0, 1);\n    return {\n      month: (time: number) => month.format(time),\n      days: Array.from({ length: 7 }, (_, index) => ({\n        short: short.format(sunday + index * DAY),\n        long: long.format(sunday + index * DAY),\n      })),\n      full: (time: number) => full.format(time),\n    };\n  }, [locales]);\n\n  function dayAt(time: number) {\n    const entry = byDate.get(keyOf(time));\n    const count = entry?.count ?? 0;\n    const level = Math.min(\n      4,\n      Math.max(0, Math.round(entry?.level ?? getLevel(count, max))),\n    ) as Level;\n    return { count, level, text: `${formatCount(count)}, ${names.full(time)}` };\n  }\n\n  // Month headers: consecutive weeks grouped by the month their first in-year day falls in.\n  const months: { key: string; name: string; span: number }[] = [];\n  for (let week = 0; week < weeks; week++) {\n    const first = Math.max(gridStart + week * 7 * DAY, start);\n    const month = new Date(first).getUTCMonth();\n    const last = months[months.length - 1];\n    if (last?.key === String(month)) last.span++;\n    else months.push({ key: String(month), name: names.month(first), span: 1 });\n  }\n\n  function place(cell: HTMLElement) {\n    const box = surface.current?.getBoundingClientRect();\n    const rect = cell.getBoundingClientRect();\n    setAnchor({\n      left: rect.left - (box?.left ?? 0),\n      top: rect.top - (box?.top ?? 0),\n      width: rect.width,\n      height: rect.height,\n    });\n  }\n\n  function focusDay(time: number) {\n    const cell = table.current?.querySelector<HTMLElement>(`[data-date=\"${keyOf(time)}\"]`);\n    cell?.focus();\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLTableElement>) {\n    if (event.key === \"Escape\") {\n      setDismissed(true);\n      return;\n    }\n    const forward = isRtl(event.currentTarget) ? -1 : 1;\n    const day = weekday(current);\n    const targets: Record<string, number> = {\n      ArrowRight: current + 7 * DAY * forward,\n      ArrowLeft: current - 7 * DAY * forward,\n      ArrowDown: current + DAY,\n      ArrowUp: current - DAY,\n      PageDown: current + 28 * DAY,\n      PageUp: current - 28 * DAY,\n      Home: event.ctrlKey ? start : start + ((day - weekday(start) + 7) % 7) * DAY,\n      End: event.ctrlKey ? end : end - ((weekday(end) - day + 7) % 7) * DAY,\n    };\n    const target = targets[event.key];\n    if (target === undefined) return;\n    event.preventDefault();\n    const next = event.key.startsWith(\"Page\") ? Math.min(Math.max(target, start), end) : target;\n    if (next < start || next > end) return;\n    focusDay(next);\n  }\n\n  const shown = hovered ?? (focused ? current : null);\n  const open = showTooltips && shown !== null && !dismissed;\n  const tooltipDay = shown === null ? null : dayAt(shown);\n\n  return (\n    <div\n      data-slot=\"contribution-graph\"\n      className={cn(\"flex flex-col gap-3 text-xs\", className)}\n      {...props}\n    >\n      <div className=\"overflow-x-auto\">\n        <div ref={surface} className=\"relative w-fit\">\n          <table\n            ref={table}\n            role=\"grid\"\n            aria-labelledby={captionId}\n            className=\"border-separate border-spacing-[3px]\"\n            onKeyDown={handleKeyDown}\n            onPointerLeave={() => {\n              setHovered(null);\n            }}\n            onFocus={() => {\n              setFocused(true);\n            }}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setFocused(false);\n            }}\n          >\n            <caption id={captionId} className=\"sr-only\">\n              {label ??\n                `${String(total)} ${total === 1 ? \"contribution\" : \"contributions\"} in ${String(year)}`}\n            </caption>\n            <thead>\n              <tr>\n                <th scope=\"col\">\n                  <span className=\"sr-only\">Weekday</span>\n                </th>\n                {months.map((month, index) => (\n                  <th\n                    key={`${month.key}-${String(index)}`}\n                    scope=\"colgroup\"\n                    colSpan={month.span}\n                    className=\"h-4 p-0 text-start align-bottom font-normal whitespace-nowrap text-muted-foreground\"\n                  >\n                    {month.span > 1 ? (\n                      month.name\n                    ) : (\n                      <span className=\"sr-only\">{month.name}</span>\n                    )}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {names.days.map((name, row) => (\n                <tr key={name.long}>\n                  <th\n                    scope=\"row\"\n                    className=\"h-2.5 p-0 pe-1 text-start text-2xs leading-none font-normal text-muted-foreground\"\n                  >\n                    <span aria-hidden=\"true\" className={row % 2 ? \"invisible\" : undefined}>\n                      {name.short}\n                    </span>\n                    <span className=\"sr-only\">{name.long}</span>\n                  </th>\n                  {Array.from({ length: weeks }, (_, week) => {\n                    const time = gridStart + (week * 7 + row) * DAY;\n                    if (time < start || time > end) {\n                      return <td key={week} role=\"gridcell\" className=\"p-0\" />;\n                    }\n                    const day = dayAt(time);\n                    const key = keyOf(time);\n                    return (\n                      <td\n                        key={week}\n                        role=\"gridcell\"\n                        data-date={key}\n                        data-level={day.level}\n                        tabIndex={time === current ? 0 : -1}\n                        className={cn(\"rounded-[2px] p-0\", focusRing)}\n                        onFocus={(event) => {\n                          setActive(time);\n                          setDismissed(false);\n                          place(event.currentTarget);\n                        }}\n                        onPointerEnter={(event) => {\n                          setHovered(time);\n                          setDismissed(false);\n                          place(event.currentTarget);\n                        }}\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className={cn(\n                            contributionGraphCellVariants({ level: day.level }),\n                            \"transition-[scale] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)] hover:scale-125\",\n                          )}\n                        />\n                        <span className=\"sr-only\">{day.text}</span>\n                      </td>\n                    );\n                  })}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n          {showTooltips ? (\n            <Tooltip\n              open={open}\n              onOpenChange={(next) => {\n                if (!next) setDismissed(true);\n              }}\n            >\n              <TooltipTrigger asChild>\n                <span\n                  aria-hidden=\"true\"\n                  data-slot=\"contribution-graph-anchor\"\n                  className=\"pointer-events-none absolute\"\n                  style={anchor}\n                />\n              </TooltipTrigger>\n              {tooltipDay && shown !== null ? (\n                <TooltipContent>\n                  <span className=\"block font-semibold\">{formatCount(tooltipDay.count)}</span>\n                  <span className=\"block opacity-80\">{names.full(shown)}</span>\n                </TooltipContent>\n              ) : null}\n            </Tooltip>\n          ) : null}\n        </div>\n      </div>\n      {showLegend ? (\n        <div\n          data-slot=\"contribution-graph-legend\"\n          className=\"flex items-center justify-end gap-1 text-muted-foreground\"\n        >\n          <span className=\"me-1\">{lessLabel}</span>\n          {LEVELS.map((level) => (\n            <span\n              key={level}\n              aria-hidden=\"true\"\n              className={contributionGraphCellVariants({ level })}\n            />\n          ))}\n          <span className=\"ms-1\">{moreLabel}</span>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport { contributionGraphCellVariants };\n"],"mappings":"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"}

package/dist/components/contribution-graph/index.d.ts

@@ -0,0 +1,2 @@
+import { ContributionDay, ContributionGraph, ContributionGraphProps, contributionGraphCellVariants } from "./contribution-graph.js";
+export { type ContributionDay, ContributionGraph, type ContributionGraphProps, contributionGraphCellVariants };

package/dist/components/contribution-graph/index.js

@@ -0,0 +1,2 @@
+import { ContributionGraph, contributionGraphCellVariants } from "./contribution-graph.js";
+export { ContributionGraph, contributionGraphCellVariants };

package/dist/components/contribution-graph/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/contribution-graph/meta.ts
+const meta = defineMeta({
+	name: "contribution-graph",
+	title: "Contribution Graph",
+	description: "A GitHub-style year heatmap of daily counts — a keyboard-navigable grid with a tooltip per day.",
+	category: "data",
+	status: "beta",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: ["tooltip"],
+	files: ["contribution-graph.tsx"],
+	a11y: "A table with role=\"grid\", named by its caption (\"1,234 contributions in 2025\" or `label`). Weekdays are row headers and months column headers; every day is a gridcell whose screen-reader text states the count and the full date, so colour never carries the value. One day is tabbable (roving tabindex): arrows move by day and week (mirrored in RTL), Home/End to the ends of the weekday row, Ctrl+Home/End to the ends of the year, PageUp/PageDown by four weeks. The tooltip follows keyboard focus as well as hover and Escape dismisses it."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/contribution-graph/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/contribution-graph/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"contribution-graph\",\n  title: \"Contribution Graph\",\n  description:\n    \"A GitHub-style year heatmap of daily counts — a keyboard-navigable grid with a tooltip per day.\",\n  category: \"data\",\n  status: \"beta\",\n  dependencies: [\"class-variance-authority\"],\n  registryDependencies: [\"tooltip\"],\n  files: [\"contribution-graph.tsx\"],\n  a11y:\n    'A table with role=\"grid\", named by its caption (\"1,234 contributions in 2025\" or `label`). Weekdays are row ' +\n    \"headers and months column headers; every day is a gridcell whose screen-reader text states the count and the \" +\n    \"full date, so colour never carries the value. One day is tabbable (roving tabindex): arrows move by day and \" +\n    \"week (mirrored in RTL), Home/End to the ends of the weekday row, Ctrl+Home/End to the ends of the year, \" +\n    \"PageUp/PageDown by four weeks. The tooltip follows keyboard focus as well as hover and Escape dismisses it.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aACE;CACF,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,0BAA0B;CACzC,sBAAsB,CAAC,SAAS;CAChC,OAAO,CAAC,wBAAwB;CAChC,MACE;AAKJ,CAAC"}