@dowel-ui/react 0.1.0

package/dist/components/alert/alert.js

@@ -0,0 +1,49 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/alert/alert.tsx
+const alertVariants = cva(cn("relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-sm", "has-[>svg]:grid-cols-[calc(var(--size-icon-md))_1fr] has-[>svg]:gap-x-3", "[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current"), {
+	variants: { variant: {
+		default: "border-border bg-card text-card-foreground",
+		destructive: "border-destructive/30 bg-destructive/8 text-foreground [&>svg]:text-destructive",
+		success: "border-success/30 bg-success/8 text-foreground [&>svg]:text-success",
+		warning: "border-warning/35 bg-warning/10 text-foreground [&>svg]:text-warning",
+		info: "border-info/30 bg-info/8 text-foreground [&>svg]:text-info"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/**
+* A callout that draws attention to a message.
+*
+* `live` defaults to `off` rather than always rendering role="alert". A live
+* region that exists on first paint announces itself for no reason and trains
+* users to ignore it; opt in when the alert actually appears in response to
+* something.
+*/
+function Alert({ className, variant, live = "off", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: live === "assertive" ? "alert" : live === "polite" ? "status" : void 0,
+		"aria-live": live === "off" ? void 0 : live,
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("col-start-2 font-medium tracking-tight", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("col-start-2 text-sm text-muted-foreground [&_p]:leading-relaxed", className),
+		...props
+	});
+}
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+
+//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  cn(\n    \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-sm\",\n    \"has-[>svg]:grid-cols-[calc(var(--size-icon-md))_1fr] has-[>svg]:gap-x-3\",\n    \"[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"border-border bg-card text-card-foreground\",\n        destructive:\n          \"border-destructive/30 bg-destructive/8 text-foreground [&>svg]:text-destructive\",\n        success: \"border-success/30 bg-success/8 text-foreground [&>svg]:text-success\",\n        warning: \"border-warning/35 bg-warning/10 text-foreground [&>svg]:text-warning\",\n        info: \"border-info/30 bg-info/8 text-foreground [&>svg]:text-info\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\n/**\n * How urgently the alert should interrupt a screen reader.\n *\n * - `off` (default): a static notice already present when the page rendered.\n * - `polite`: appeared in response to something the user did; announce at the\n *   next pause.\n * - `assertive`: an error that must interrupt whatever is being read.\n */\nexport type AlertLive = \"off\" | \"polite\" | \"assertive\";\n\nexport interface AlertProps\n  extends ComponentPropsWithRef<\"div\">, VariantProps<typeof alertVariants> {\n  live?: AlertLive;\n}\n\n/**\n * A callout that draws attention to a message.\n *\n * `live` defaults to `off` rather than always rendering role=\"alert\". A live\n * region that exists on first paint announces itself for no reason and trains\n * users to ignore it; opt in when the alert actually appears in response to\n * something.\n */\nexport function Alert({ className, variant, live = \"off\", ...props }: AlertProps) {\n  const role = live === \"assertive\" ? \"alert\" : live === \"polite\" ? \"status\" : undefined;\n\n  return (\n    <div\n      data-slot=\"alert\"\n      role={role}\n      aria-live={live === \"off\" ? undefined : live}\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport function AlertTitle({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\"col-start-2 font-medium tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function AlertDescription({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"col-start-2 text-sm text-muted-foreground [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { alertVariants };\n"],"mappings":";;;;AAKA,MAAM,gBAAgB,IACpB,GACE,kGACA,2EACA,6DACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACF,SAAS;EACT,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;;;;;;;;;AAyBA,SAAgB,MAAM,EAAE,WAAW,SAAS,OAAO,OAAO,GAAG,SAAqB;CAGhF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MALS,SAAS,cAAc,UAAU,SAAS,WAAW,WAAW,KAAA;EAMzE,aAAW,SAAS,QAAQ,KAAA,IAAY;EACxC,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,WAAW,EAAE,WAAW,GAAG,SAAuC;CAChF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,0CAA0C,SAAS;EACjE,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,iBAAiB,EAAE,WAAW,GAAG,SAAuC;CACtF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,mEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,2 @@
+import { Alert, AlertDescription, AlertLive, AlertProps, AlertTitle, alertVariants } from "./alert.js";
+export { Alert, AlertDescription, type AlertLive, type AlertProps, AlertTitle, alertVariants };

package/dist/components/alert/index.js

@@ -0,0 +1,2 @@
+import { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert.js";
+export { Alert, AlertDescription, AlertTitle, alertVariants };

package/dist/components/alert/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/alert/meta.ts
+const meta = defineMeta({
+	name: "alert",
+	title: "Alert",
+	description: "A callout that draws attention to an important message.",
+	category: "feedback",
+	status: "stable",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: [],
+	files: ["alert.tsx"],
+	a11y: "Not a live region by default. Pass live=\"polite\" for alerts that appear in response to a user action, or live=\"assertive\" for errors that must interrupt. Variant colour is never the only signal — the title carries the meaning."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/alert/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/alert/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"alert\",\n  title: \"Alert\",\n  description: \"A callout that draws attention to an important message.\",\n  category: \"feedback\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\"],\n  registryDependencies: [],\n  files: [\"alert.tsx\"],\n  a11y:\n    'Not a live region by default. Pass live=\"polite\" for alerts that appear in response to ' +\n    'a user action, or live=\"assertive\" for errors that must interrupt. Variant colour is ' +\n    \"never the only signal — the title carries the meaning.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,0BAA0B;CACzC,sBAAsB,CAAC;CACvB,OAAO,CAAC,WAAW;CACnB,MACE;AAGJ,CAAC"}

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,23 @@
+import { Avatar } from "radix-ui";
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/avatar/avatar.d.ts
+declare const avatarVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface AvatarProps extends ComponentPropsWithRef<typeof Avatar.Root>, VariantProps<typeof avatarVariants> {}
+/** Image representation of a user or entity, with a text fallback. */
+declare function Avatar$1({ className, size, ...props }: AvatarProps): import("react").JSX.Element;
+type AvatarImageProps = ComponentPropsWithRef<typeof Avatar.Image>;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): import("react").JSX.Element;
+type AvatarFallbackProps = ComponentPropsWithRef<typeof Avatar.Fallback>;
+/**
+ * Shown while the image loads and if it fails.
+ *
+ * Radix only renders this once the image has actually errored or is still
+ * pending, so there is never a flash of initials over a cached image.
+ */
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): import("react").JSX.Element;
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps, avatarVariants };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/components/avatar/avatar.tsx"],"mappings":";;;;cAMM,iBAAc;;6CAgBnB;UAEgB,oBAEb,6BAA6B,OAAgB,OAC7C,oBAAoB;;iBAGR,WAAS,WAAW,SAAS,SAAS,8BAAW,IAAA;KAMrD,mBAAmB,6BAA6B,OAAgB;iBAE5D,cAAc,cAAc,SAAS,mCAAgB,IAAA;KASzD,sBAAsB,6BAA6B,OAAgB;;;;;;;iBAQ/D,iBAAiB,cAAc,SAAS,sCAAmB,IAAA"}

package/dist/components/avatar/avatar.js

@@ -0,0 +1,44 @@
+import { cn } from "../../lib/utils.js";
+import { Avatar } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/avatar/avatar.tsx
+const avatarVariants = cva("relative flex shrink-0 overflow-hidden rounded-full bg-muted select-none", {
+	variants: { size: {
+		xs: "size-6 text-2xs",
+		sm: "size-8 text-xs",
+		md: "size-10 text-sm",
+		lg: "size-12 text-base",
+		xl: "size-16 text-lg"
+	} },
+	defaultVariants: { size: "md" }
+});
+/** Image representation of a user or entity, with a text fallback. */
+function Avatar$1({ className, size, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		className: cn(avatarVariants({ size }), className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		className: cn("aspect-square size-full object-cover", className),
+		...props
+	});
+}
+/**
+* Shown while the image loads and if it fails.
+*
+* Radix only renders this once the image has actually errored or is still
+* pending, so there is never a flash of initials over a cached image.
+*/
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		className: cn("flex size-full items-center justify-center bg-muted font-medium text-muted-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage, avatarVariants };
+
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["Avatar","AvatarPrimitive"],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst avatarVariants = cva(\n  \"relative flex shrink-0 overflow-hidden rounded-full bg-muted select-none\",\n  {\n    variants: {\n      size: {\n        xs: \"size-6 text-2xs\",\n        sm: \"size-8 text-xs\",\n        md: \"size-10 text-sm\",\n        lg: \"size-12 text-base\",\n        xl: \"size-16 text-lg\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport interface AvatarProps\n  extends\n    ComponentPropsWithRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {}\n\n/** Image representation of a user or entity, with a text fallback. */\nexport function Avatar({ className, size, ...props }: AvatarProps) {\n  return (\n    <AvatarPrimitive.Root className={cn(avatarVariants({ size }), className)} {...props} />\n  );\n}\n\nexport type AvatarImageProps = ComponentPropsWithRef<typeof AvatarPrimitive.Image>;\n\nexport function AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <AvatarPrimitive.Image\n      className={cn(\"aspect-square size-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type AvatarFallbackProps = ComponentPropsWithRef<typeof AvatarPrimitive.Fallback>;\n\n/**\n * Shown while the image loads and if it fails.\n *\n * Radix only renders this once the image has actually errored or is still\n * pending, so there is never a flash of initials over a cached image.\n */\nexport function AvatarFallback({ className, ...props }: AvatarFallbackProps) {\n  return (\n    <AvatarPrimitive.Fallback\n      className={cn(\n        \"flex size-full items-center justify-center bg-muted font-medium text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { avatarVariants };\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB,IACrB,4EACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;;AAQA,SAAgBA,SAAO,EAAE,WAAW,MAAM,GAAG,SAAsB;CACjE,OACE,oBAACC,OAAgB,MAAjB;EAAsB,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE1F;AAIA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAA2B;CACrE,OACE,oBAACA,OAAgB,OAAjB;EACE,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;;;;;;;AAUA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAA8B;CAC3E,OACE,oBAACA,OAAgB,UAAjB;EACE,WAAW,GACT,yFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/avatar/index.d.ts

@@ -0,0 +1,2 @@
+import { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps, avatarVariants } from "./avatar.js";
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, avatarVariants };

package/dist/components/avatar/index.js

@@ -0,0 +1,2 @@
+import { Avatar, AvatarFallback, AvatarImage, avatarVariants } from "./avatar.js";
+export { Avatar, AvatarFallback, AvatarImage, avatarVariants };

package/dist/components/avatar/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/avatar/meta.ts
+const meta = defineMeta({
+	name: "avatar",
+	title: "Avatar",
+	description: "An image representation of a user or entity with a graceful text fallback.",
+	category: "display",
+	status: "stable",
+	dependencies: ["class-variance-authority", "radix-ui"],
+	registryDependencies: [],
+	files: ["avatar.tsx"],
+	a11y: "Give AvatarImage a meaningful alt, or alt=\"\" when the adjacent text already names the person. Fallback initials are decorative and are not announced separately."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/avatar/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/avatar/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"avatar\",\n  title: \"Avatar\",\n  description: \"An image representation of a user or entity with a graceful text fallback.\",\n  category: \"display\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\", \"radix-ui\"],\n  registryDependencies: [],\n  files: [\"avatar.tsx\"],\n  a11y:\n    'Give AvatarImage a meaningful alt, or alt=\"\" when the adjacent text already names the ' +\n    \"person. Fallback initials are decorative and are not announced separately.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,4BAA4B,UAAU;CACrD,sBAAsB,CAAC;CACvB,OAAO,CAAC,YAAY;CACpB,MACE;AAEJ,CAAC"}

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,20 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/badge/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "destructive" | "success" | "warning" | "info" | "secondary" | "outline" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface BadgeProps extends ComponentPropsWithRef<"span">, VariantProps<typeof badgeVariants> {
+  asChild?: boolean;
+}
+/**
+ * Compact status or category marker.
+ *
+ * Colour alone never carries the meaning: the label text must say what the
+ * badge means, so the monochrome theme and colour-blind users lose nothing.
+ */
+declare function Badge({ className, variant, size, asChild, ...props }: BadgeProps): import("react").JSX.Element;
+//#endregion
+export { Badge, BadgeProps, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../../src/components/badge/badge.tsx"],"mappings":";;;cAOM,gBAAa;;;6CA4BlB;UAEgB,mBACP,+BAA+B,oBAAoB;EAC3D;;;;;;;;iBASc,QAAQ,WAAW,SAAS,MAAM,YAAoB,SAAS,6BAAU,IAAA"}

package/dist/components/badge/badge.js

@@ -0,0 +1,47 @@
+import { focusRing, iconSlot } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/badge/badge.tsx
+const badgeVariants = cva(cn("inline-flex w-fit shrink-0 items-center justify-center gap-1 rounded-full border font-medium whitespace-nowrap", "[&_svg:not([class*='size-'])]:size-3", focusRing, iconSlot), {
+	variants: {
+		variant: {
+			default: "border-transparent bg-primary text-primary-foreground",
+			secondary: "border-transparent bg-secondary text-secondary-foreground",
+			outline: "border-border-strong bg-transparent text-foreground",
+			destructive: "border-transparent bg-destructive text-destructive-foreground",
+			success: "border-transparent bg-success text-success-foreground",
+			warning: "border-transparent bg-warning text-warning-foreground",
+			info: "border-transparent bg-info text-info-foreground"
+		},
+		size: {
+			sm: "h-5 px-1.5 text-2xs",
+			md: "h-6 px-2 text-xs"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+/**
+* Compact status or category marker.
+*
+* Colour alone never carries the meaning: the label text must say what the
+* badge means, so the monochrome theme and colour-blind users lose nothing.
+*/
+function Badge({ className, variant, size, asChild = false, ...props }) {
+	const Comp = asChild ? Slot.Root : "span";
+	return /* @__PURE__ */ jsx(Comp, {
+		className: cn(badgeVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+}
+//#endregion
+export { Badge, badgeVariants };
+
+//# sourceMappingURL=badge.js.map

package/dist/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing, iconSlot } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  cn(\n    \"inline-flex w-fit shrink-0 items-center justify-center gap-1 rounded-full border font-medium whitespace-nowrap\",\n    \"[&_svg:not([class*='size-'])]:size-3\",\n    focusRing,\n    iconSlot,\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-primary text-primary-foreground\",\n        secondary: \"border-transparent bg-secondary text-secondary-foreground\",\n        outline: \"border-border-strong bg-transparent text-foreground\",\n        destructive: \"border-transparent bg-destructive text-destructive-foreground\",\n        success: \"border-transparent bg-success text-success-foreground\",\n        warning: \"border-transparent bg-warning text-warning-foreground\",\n        info: \"border-transparent bg-info text-info-foreground\",\n      },\n      size: {\n        sm: \"h-5 px-1.5 text-2xs\",\n        md: \"h-6 px-2 text-xs\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends ComponentPropsWithRef<\"span\">, VariantProps<typeof badgeVariants> {\n  asChild?: boolean;\n}\n\n/**\n * Compact status or category marker.\n *\n * Colour alone never carries the meaning: the label text must say what the\n * badge means, so the monochrome theme and colour-blind users lose nothing.\n */\nexport function Badge({ className, variant, size, asChild = false, ...props }: BadgeProps) {\n  const Comp = asChild ? Slot.Root : \"span\";\n  return <Comp className={cn(badgeVariants({ variant, size }), className)} {...props} />;\n}\n\nexport { badgeVariants };\n"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,IACpB,GACE,kHACA,wCACA,WACA,QACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACX,SAAS;GACT,aAAa;GACb,SAAS;GACT,SAAS;GACT,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;;;;;;AAaA,SAAgB,MAAM,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,SAAqB;CACzF,MAAM,OAAO,UAAU,KAAK,OAAO;CACnC,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,cAAc;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACvF"}

package/dist/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps, badgeVariants } from "./badge.js";
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/badge/index.js

@@ -0,0 +1,2 @@
+import { Badge, badgeVariants } from "./badge.js";
+export { Badge, badgeVariants };

package/dist/components/badge/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/badge/meta.ts
+const meta = defineMeta({
+	name: "badge",
+	title: "Badge",
+	description: "A compact marker for status, counts and categories.",
+	category: "display",
+	status: "stable",
+	dependencies: ["class-variance-authority", "radix-ui"],
+	registryDependencies: [],
+	files: ["badge.tsx"],
+	a11y: "The badge label must convey the meaning on its own; variant colour is decoration. Use asChild to render an interactive badge as a link or button rather than adding handlers."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/badge/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/badge/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"badge\",\n  title: \"Badge\",\n  description: \"A compact marker for status, counts and categories.\",\n  category: \"display\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\", \"radix-ui\"],\n  registryDependencies: [],\n  files: [\"badge.tsx\"],\n  a11y:\n    \"The badge label must convey the meaning on its own; variant colour is decoration. \" +\n    \"Use asChild to render an interactive badge as a link or button rather than adding handlers.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,4BAA4B,UAAU;CACrD,sBAAsB,CAAC;CACvB,OAAO,CAAC,WAAW;CACnB,MACE;AAEJ,CAAC"}

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

@@ -0,0 +1,28 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/button/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "link" | "destructive" | "primary" | "secondary" | "outline" | "ghost" | null | undefined;
+  size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ButtonProps extends ComponentPropsWithRef<"button">, VariantProps<typeof buttonVariants> {
+  /**
+   * Renders the child element as the button instead of a `<button>`, keeping
+   * every style and behaviour. Use it for links that should look like buttons.
+   */
+  asChild?: boolean;
+  /**
+   * Shows a spinner and suppresses activation.
+   *
+   * Unlike `disabled`, a loading button stays focusable: taking focus away from
+   * the control a user just activated strands their keyboard position, and the
+   * state is transient by definition. Activation is blocked via `aria-disabled`
+   * plus a guarded click handler.
+   */
+  loading?: boolean;
+}
+/** Triggers an action or event. */
+declare function Button({ className, variant, size, asChild, loading, disabled, onClick, children, ...props }: ButtonProps): import("react").JSX.Element;
+//#endregion
+export { Button, ButtonProps, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../../src/components/button/button.tsx"],"mappings":";;;cAUM,iBAAc;;;6CAyCnB;UAEgB,oBACP,iCAAiC,oBAAoB;;;;;EAK7D;;;;;;;;;EASA;;;iBAIc,SACd,WACA,SACA,MACA,SACA,SACA,UACA,SACA,aACG,SACF,8BAAW,IAAA"}

package/dist/components/button/button.js

@@ -0,0 +1,77 @@
+"use client";
+import { disabledStyles, focusRing, iconSlot } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Spinner } from "../spinner/spinner.js";
+import { Slot } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/button/button.tsx
+const buttonVariants = cva(cn("inline-flex shrink-0 items-center justify-center font-medium whitespace-nowrap select-none", "transition-[background-color,border-color,color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]", focusRing, disabledStyles, iconSlot), {
+	variants: {
+		variant: {
+			primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-accent active:bg-border",
+			outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground active:bg-secondary",
+			ghost: "text-foreground hover:bg-accent hover:text-accent-foreground active:bg-secondary",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			sm: "h-8 gap-1.5 rounded-md px-3 text-sm",
+			md: "h-9 gap-2 rounded-md px-4 text-sm",
+			lg: "h-10 gap-2 rounded-lg px-5 text-base",
+			icon: "size-9 rounded-md",
+			"icon-sm": "size-8 rounded-md"
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "link",
+			size: "sm",
+			className: "h-auto px-0"
+		},
+		{
+			variant: "link",
+			size: "md",
+			className: "h-auto px-0"
+		},
+		{
+			variant: "link",
+			size: "lg",
+			className: "h-auto px-0"
+		}
+	],
+	defaultVariants: {
+		variant: "primary",
+		size: "md"
+	}
+});
+/** Triggers an action or event. */
+function Button({ className, variant, size, asChild = false, loading = false, disabled, onClick, children, ...props }) {
+	const Comp = asChild ? Slot.Root : "button";
+	function handleClick(event) {
+		if (loading) {
+			event.preventDefault();
+			event.stopPropagation();
+			return;
+		}
+		onClick?.(event);
+	}
+	return /* @__PURE__ */ jsxs(Comp, {
+		className: cn(buttonVariants({
+			variant,
+			size
+		}), className),
+		disabled,
+		"aria-disabled": loading || void 0,
+		"aria-busy": loading || void 0,
+		"data-loading": loading || void 0,
+		onClick: handleClick,
+		...props,
+		children: [loading ? /* @__PURE__ */ jsx(Spinner, { size: size === "lg" ? "lg" : "sm" }) : null, /* @__PURE__ */ jsx(Slot.Slottable, { children })]
+	});
+}
+//#endregion
+export { Button, buttonVariants };
+
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type { ComponentPropsWithRef, MouseEvent } from \"react\";\n\nimport { Spinner } from \"@/components/spinner\";\nimport { disabledStyles, focusRing, iconSlot } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  cn(\n    \"inline-flex shrink-0 items-center justify-center font-medium whitespace-nowrap select-none\",\n    \"transition-[background-color,border-color,color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]\",\n    focusRing,\n    disabledStyles,\n    iconSlot,\n  ),\n  {\n    variants: {\n      variant: {\n        primary:\n          \"bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-accent active:bg-border\",\n        outline:\n          \"border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground active:bg-secondary\",\n        ghost:\n          \"text-foreground hover:bg-accent hover:text-accent-foreground active:bg-secondary\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        sm: \"h-8 gap-1.5 rounded-md px-3 text-sm\",\n        md: \"h-9 gap-2 rounded-md px-4 text-sm\",\n        lg: \"h-10 gap-2 rounded-lg px-5 text-base\",\n        icon: \"size-9 rounded-md\",\n        \"icon-sm\": \"size-8 rounded-md\",\n      },\n    },\n    compoundVariants: [\n      // A link has no box, so box padding and height would only misalign it.\n      { variant: \"link\", size: \"sm\", className: \"h-auto px-0\" },\n      { variant: \"link\", size: \"md\", className: \"h-auto px-0\" },\n      { variant: \"link\", size: \"lg\", className: \"h-auto px-0\" },\n    ],\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends ComponentPropsWithRef<\"button\">, VariantProps<typeof buttonVariants> {\n  /**\n   * Renders the child element as the button instead of a `<button>`, keeping\n   * every style and behaviour. Use it for links that should look like buttons.\n   */\n  asChild?: boolean;\n  /**\n   * Shows a spinner and suppresses activation.\n   *\n   * Unlike `disabled`, a loading button stays focusable: taking focus away from\n   * the control a user just activated strands their keyboard position, and the\n   * state is transient by definition. Activation is blocked via `aria-disabled`\n   * plus a guarded click handler.\n   */\n  loading?: boolean;\n}\n\n/** Triggers an action or event. */\nexport function Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  loading = false,\n  disabled,\n  onClick,\n  children,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot.Root : \"button\";\n\n  function handleClick(event: MouseEvent<HTMLButtonElement>) {\n    if (loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    onClick?.(event);\n  }\n\n  return (\n    <Comp\n      className={cn(buttonVariants({ variant, size }), className)}\n      disabled={disabled}\n      aria-disabled={loading || undefined}\n      aria-busy={loading || undefined}\n      data-loading={loading || undefined}\n      onClick={handleClick}\n      {...props}\n    >\n      {loading ? <Spinner size={size === \"lg\" ? \"lg\" : \"sm\"} /> : null}\n      {/* Slottable marks which child Slot should merge into when asChild is set.\n          Without it, adding the spinner would give Slot two children and break\n          every `asChild` button the moment it started loading. */}\n      <Slot.Slottable>{children}</Slot.Slottable>\n    </Comp>\n  );\n}\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;;AAUA,MAAM,iBAAiB,IACrB,GACE,8FACA,4HACA,WACA,gBACA,QACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SACE;GACF,WAAW;GACX,SACE;GACF,OACE;GACF,aACE;GACF,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;EACb;CACF;CACA,kBAAkB;EAEhB;GAAE,SAAS;GAAQ,MAAM;GAAM,WAAW;EAAc;EACxD;GAAE,SAAS;GAAQ,MAAM;GAAM,WAAW;EAAc;EACxD;GAAE,SAAS;GAAQ,MAAM;GAAM,WAAW;EAAc;CAC1D;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;AAqBA,SAAgB,OAAO,EACrB,WACA,SACA,MACA,UAAU,OACV,UAAU,OACV,UACA,SACA,UACA,GAAG,SACW;CACd,MAAM,OAAO,UAAU,KAAK,OAAO;CAEnC,SAAS,YAAY,OAAsC;EACzD,IAAI,SAAS;GACX,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB;EACF;EACA,UAAU,KAAK;CACjB;CAEA,OACE,qBAAC,MAAD;EACE,WAAW,GAAG,eAAe;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EAChD;EACV,iBAAe,WAAW,KAAA;EAC1B,aAAW,WAAW,KAAA;EACtB,gBAAc,WAAW,KAAA;EACzB,SAAS;EACT,GAAI;EAPN,UAAA,CASG,UAAU,oBAAC,SAAD,EAAS,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA,IAAI,MAI5D,oBAAC,KAAK,WAAN,EAAiB,SAAyB,CAAA,CACtC;;AAEV"}

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+import { Button, ButtonProps, buttonVariants } from "./button.js";
+export { Button, type ButtonProps, buttonVariants };

package/dist/components/button/index.js

@@ -0,0 +1,2 @@
+import { Button, buttonVariants } from "./button.js";
+export { Button, buttonVariants };

package/dist/components/button/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/button/meta.ts
+const meta = defineMeta({
+	name: "button",
+	title: "Button",
+	description: "Triggers an action or event, with variants for every level of emphasis.",
+	category: "foundation",
+	status: "stable",
+	dependencies: ["class-variance-authority", "radix-ui"],
+	registryDependencies: ["spinner"],
+	files: ["button.tsx"],
+	a11y: "Keyboard activatable via Enter and Space. The loading state uses aria-disabled and aria-busy rather than the disabled attribute, so focus is never stranded mid-action. Use `size=\"icon\"` only with an accessible name from aria-label or visually hidden text."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/button/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/button/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"button\",\n  title: \"Button\",\n  description: \"Triggers an action or event, with variants for every level of emphasis.\",\n  category: \"foundation\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\", \"radix-ui\"],\n  registryDependencies: [\"spinner\"],\n  files: [\"button.tsx\"],\n  a11y:\n    \"Keyboard activatable via Enter and Space. The loading state uses aria-disabled and \" +\n    \"aria-busy rather than the disabled attribute, so focus is never stranded mid-action. \" +\n    'Use `size=\"icon\"` only with an accessible name from aria-label or visually hidden text.',\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,4BAA4B,UAAU;CACrD,sBAAsB,CAAC,SAAS;CAChC,OAAO,CAAC,YAAY;CACpB,MACE;AAGJ,CAAC"}

package/dist/components/calendar/calendar.d.ts

@@ -0,0 +1,16 @@
+import { DayPickerProps } from "react-day-picker";
+//#region src/components/calendar/calendar.d.ts
+/**
+ * A date grid for selecting a day, several days or a range.
+ *
+ * Wraps `react-day-picker`, which supplies the parts that are genuinely hard —
+ * locale-aware week layout, the roving-focus grid keyboard model, range
+ * selection and out-of-month handling. This file is the design layer over it:
+ * every class comes from our tokens, so the calendar re-skins with the rest of
+ * the system rather than shipping its own visual language.
+ */
+type CalendarProps = DayPickerProps;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react").JSX.Element;
+//#endregion
+export { Calendar, CalendarProps };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../../src/components/calendar/calendar.tsx"],"mappings":";;;;;;;;;;;KAiBY,gBAAgB;iBAEZ,WACd,WACA,YACA,oBACG,SACF,gCAAa,IAAA"}

package/dist/components/calendar/calendar.js

@@ -0,0 +1,70 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "../button/button.js";
+import { jsx } from "react/jsx-runtime";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+//#region src/components/calendar/calendar.tsx
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+	const defaults = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		"data-slot": "calendar",
+		showOutsideDays,
+		className: cn("p-3", className),
+		classNames: {
+			...defaults,
+			root: cn(defaults.root, "w-fit"),
+			months: cn(defaults.months, "flex flex-col gap-4 sm:flex-row"),
+			month: cn(defaults.month, "flex flex-col gap-4"),
+			nav: cn(defaults.nav, "absolute inset-x-3 top-3 flex items-center justify-between"),
+			button_previous: cn(buttonVariants({
+				variant: "ghost",
+				size: "icon-sm"
+			}), "opacity-60 hover:opacity-100"),
+			button_next: cn(buttonVariants({
+				variant: "ghost",
+				size: "icon-sm"
+			}), "opacity-60 hover:opacity-100"),
+			month_caption: cn(defaults.month_caption, "flex h-8 items-center justify-center"),
+			caption_label: cn(defaults.caption_label, "text-sm font-medium"),
+			dropdowns: cn(defaults.dropdowns, "flex items-center gap-2 text-sm font-medium"),
+			dropdown_root: cn(defaults.dropdown_root, "relative rounded-md border border-input"),
+			dropdown: cn(defaults.dropdown, "absolute inset-0 opacity-0"),
+			month_grid: cn(defaults.month_grid, "w-full border-collapse"),
+			weekdays: cn(defaults.weekdays, "flex"),
+			weekday: cn(defaults.weekday, "w-9 text-2xs font-normal text-muted-foreground select-none"),
+			week: cn(defaults.week, "mt-1 flex w-full"),
+			week_number_header: cn(defaults.week_number_header, "w-9"),
+			week_number: cn(defaults.week_number, "text-2xs text-muted-foreground"),
+			day: cn(defaults.day, "group/day size-9 p-0 text-center text-sm"),
+			day_button: cn(defaults.day_button, "size-9 rounded-md font-normal transition-colors duration-[var(--duration-instant)]", "hover:bg-accent hover:text-accent-foreground", "group-data-[selected=true]/day:bg-primary group-data-[selected=true]/day:text-primary-foreground", "group-data-[selected=true]/day:hover:bg-primary-hover", "disabled:pointer-events-none disabled:opacity-40", focusRing),
+			range_start: cn(defaults.range_start, "rounded-l-md bg-accent"),
+			range_middle: cn(defaults.range_middle, "bg-accent [&>button]:bg-transparent [&>button]:text-accent-foreground"),
+			range_end: cn(defaults.range_end, "rounded-r-md bg-accent"),
+			today: cn(defaults.today, "[&>button]:font-semibold [&>button]:text-primary"),
+			outside: cn(defaults.outside, "text-muted-foreground opacity-50"),
+			disabled: cn(defaults.disabled, "opacity-40"),
+			hidden: cn(defaults.hidden, "invisible"),
+			...classNames
+		},
+		components: { Chevron: ({ orientation, className: chevronClassName, ...chevronProps }) => /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: cn("size-4", chevronClassName),
+			...chevronProps,
+			children: /* @__PURE__ */ jsx("path", {
+				d: orientation === "left" ? "m14 6-6 6 6 6" : orientation === "right" ? "m10 6 6 6-6 6" : orientation === "up" ? "m6 14 6-6 6 6" : "m6 10 6 6 6-6",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}) },
+		...props
+	});
+}
+//#endregion
+export { Calendar };
+
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":[],"sources":["../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport { DayPicker, getDefaultClassNames, type DayPickerProps } from \"react-day-picker\";\n\nimport { buttonVariants } from \"@/components/button\";\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A date grid for selecting a day, several days or a range.\n *\n * Wraps `react-day-picker`, which supplies the parts that are genuinely hard —\n * locale-aware week layout, the roving-focus grid keyboard model, range\n * selection and out-of-month handling. This file is the design layer over it:\n * every class comes from our tokens, so the calendar re-skins with the rest of\n * the system rather than shipping its own visual language.\n */\nexport type CalendarProps = DayPickerProps;\n\nexport function Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  const defaults = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      data-slot=\"calendar\"\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        ...defaults,\n        root: cn(defaults.root, \"w-fit\"),\n        months: cn(defaults.months, \"flex flex-col gap-4 sm:flex-row\"),\n        month: cn(defaults.month, \"flex flex-col gap-4\"),\n        nav: cn(defaults.nav, \"absolute inset-x-3 top-3 flex items-center justify-between\"),\n        button_previous: cn(\n          buttonVariants({ variant: \"ghost\", size: \"icon-sm\" }),\n          \"opacity-60 hover:opacity-100\",\n        ),\n        button_next: cn(\n          buttonVariants({ variant: \"ghost\", size: \"icon-sm\" }),\n          \"opacity-60 hover:opacity-100\",\n        ),\n        month_caption: cn(defaults.month_caption, \"flex h-8 items-center justify-center\"),\n        caption_label: cn(defaults.caption_label, \"text-sm font-medium\"),\n        dropdowns: cn(defaults.dropdowns, \"flex items-center gap-2 text-sm font-medium\"),\n        dropdown_root: cn(defaults.dropdown_root, \"relative rounded-md border border-input\"),\n        dropdown: cn(defaults.dropdown, \"absolute inset-0 opacity-0\"),\n        month_grid: cn(defaults.month_grid, \"w-full border-collapse\"),\n        weekdays: cn(defaults.weekdays, \"flex\"),\n        weekday: cn(\n          defaults.weekday,\n          \"w-9 text-2xs font-normal text-muted-foreground select-none\",\n        ),\n        week: cn(defaults.week, \"mt-1 flex w-full\"),\n        week_number_header: cn(defaults.week_number_header, \"w-9\"),\n        week_number: cn(defaults.week_number, \"text-2xs text-muted-foreground\"),\n        day: cn(defaults.day, \"group/day size-9 p-0 text-center text-sm\"),\n        day_button: cn(\n          defaults.day_button,\n          \"size-9 rounded-md font-normal transition-colors duration-[var(--duration-instant)]\",\n          \"hover:bg-accent hover:text-accent-foreground\",\n          \"group-data-[selected=true]/day:bg-primary group-data-[selected=true]/day:text-primary-foreground\",\n          \"group-data-[selected=true]/day:hover:bg-primary-hover\",\n          \"disabled:pointer-events-none disabled:opacity-40\",\n          focusRing,\n        ),\n        // Range middles keep the muted surface so the two ends stay legible as\n        // the actual selection.\n        range_start: cn(defaults.range_start, \"rounded-l-md bg-accent\"),\n        range_middle: cn(\n          defaults.range_middle,\n          \"bg-accent [&>button]:bg-transparent [&>button]:text-accent-foreground\",\n        ),\n        range_end: cn(defaults.range_end, \"rounded-r-md bg-accent\"),\n        today: cn(defaults.today, \"[&>button]:font-semibold [&>button]:text-primary\"),\n        outside: cn(defaults.outside, \"text-muted-foreground opacity-50\"),\n        disabled: cn(defaults.disabled, \"opacity-40\"),\n        hidden: cn(defaults.hidden, \"invisible\"),\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation, className: chevronClassName, ...chevronProps }) => (\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n            className={cn(\"size-4\", chevronClassName)}\n            {...chevronProps}\n          >\n            <path\n              d={\n                orientation === \"left\"\n                  ? \"m14 6-6 6 6 6\"\n                  : orientation === \"right\"\n                    ? \"m10 6 6 6-6 6\"\n                    : orientation === \"up\"\n                      ? \"m6 14 6-6 6 6\"\n                      : \"m6 10 6 6 6-6\"\n              }\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        ),\n      }}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,SAAS,EACvB,WACA,YACA,kBAAkB,MAClB,GAAG,SACa;CAChB,MAAM,WAAW,qBAAqB;CAEtC,OACE,oBAAC,WAAD;EACE,aAAU;EACO;EACjB,WAAW,GAAG,OAAO,SAAS;EAC9B,YAAY;GACV,GAAG;GACH,MAAM,GAAG,SAAS,MAAM,OAAO;GAC/B,QAAQ,GAAG,SAAS,QAAQ,iCAAiC;GAC7D,OAAO,GAAG,SAAS,OAAO,qBAAqB;GAC/C,KAAK,GAAG,SAAS,KAAK,4DAA4D;GAClF,iBAAiB,GACf,eAAe;IAAE,SAAS;IAAS,MAAM;GAAU,CAAC,GACpD,8BACF;GACA,aAAa,GACX,eAAe;IAAE,SAAS;IAAS,MAAM;GAAU,CAAC,GACpD,8BACF;GACA,eAAe,GAAG,SAAS,eAAe,sCAAsC;GAChF,eAAe,GAAG,SAAS,eAAe,qBAAqB;GAC/D,WAAW,GAAG,SAAS,WAAW,6CAA6C;GAC/E,eAAe,GAAG,SAAS,eAAe,yCAAyC;GACnF,UAAU,GAAG,SAAS,UAAU,4BAA4B;GAC5D,YAAY,GAAG,SAAS,YAAY,wBAAwB;GAC5D,UAAU,GAAG,SAAS,UAAU,MAAM;GACtC,SAAS,GACP,SAAS,SACT,4DACF;GACA,MAAM,GAAG,SAAS,MAAM,kBAAkB;GAC1C,oBAAoB,GAAG,SAAS,oBAAoB,KAAK;GACzD,aAAa,GAAG,SAAS,aAAa,gCAAgC;GACtE,KAAK,GAAG,SAAS,KAAK,0CAA0C;GAChE,YAAY,GACV,SAAS,YACT,sFACA,gDACA,oGACA,yDACA,oDACA,SACF;GAGA,aAAa,GAAG,SAAS,aAAa,wBAAwB;GAC9D,cAAc,GACZ,SAAS,cACT,uEACF;GACA,WAAW,GAAG,SAAS,WAAW,wBAAwB;GAC1D,OAAO,GAAG,SAAS,OAAO,kDAAkD;GAC5E,SAAS,GAAG,SAAS,SAAS,kCAAkC;GAChE,UAAU,GAAG,SAAS,UAAU,YAAY;GAC5C,QAAQ,GAAG,SAAS,QAAQ,WAAW;GACvC,GAAG;EACL;EACA,YAAY,EACV,UAAU,EAAE,aAAa,WAAW,kBAAkB,GAAG,mBACvD,oBAAC,OAAD;GACE,SAAQ;GACR,MAAK;GACL,eAAY;GACZ,WAAW,GAAG,UAAU,gBAAgB;GACxC,GAAI;GAEJ,UAAA,oBAAC,QAAD;IACE,GACE,gBAAgB,SACZ,kBACA,gBAAgB,UACd,kBACA,gBAAgB,OACd,kBACA;IAEV,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA;EACE,CAAA,EAET;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/calendar/index.d.ts

@@ -0,0 +1,2 @@
+import { Calendar, CalendarProps } from "./calendar.js";
+export { Calendar, type CalendarProps };

package/dist/components/calendar/index.js

@@ -0,0 +1,2 @@
+import { Calendar } from "./calendar.js";
+export { Calendar };

package/dist/components/calendar/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/calendar/meta.ts
+const meta = defineMeta({
+	name: "calendar",
+	title: "Calendar",
+	description: "A date grid for selecting a day, several days or a range.",
+	category: "form",
+	status: "stable",
+	dependencies: ["react-day-picker"],
+	registryDependencies: ["button"],
+	files: ["calendar.tsx"],
+	a11y: "A real grid with roving focus: arrows move by day, Page Up/Down by month, Home/End to the ends of a week. Selection is announced through aria-selected, and the month caption is a live region so moving between months is announced. Give the calendar an accessible name when more than one is on the page."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/calendar/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/calendar/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"calendar\",\n  title: \"Calendar\",\n  description: \"A date grid for selecting a day, several days or a range.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [\"react-day-picker\"],\n  registryDependencies: [\"button\"],\n  files: [\"calendar.tsx\"],\n  a11y:\n    \"A real grid with roving focus: arrows move by day, Page Up/Down by month, Home/End to the \" +\n    \"ends of a week. Selection is announced through aria-selected, and the month caption is a \" +\n    \"live region so moving between months is announced. Give the calendar an accessible name \" +\n    \"when more than one is on the page.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,kBAAkB;CACjC,sBAAsB,CAAC,QAAQ;CAC/B,OAAO,CAAC,cAAc;CACtB,MACE;AAIJ,CAAC"}