@dowel-ui/react 0.1.0

package/dist/components/empty-state/empty-state.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/empty-state/empty-state.d.ts
+declare const emptyStateVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+  bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface EmptyStateProps extends ComponentPropsWithRef<"div">, VariantProps<typeof emptyStateVariants> {}
+/**
+ * Shown where content would be, when there is none.
+ *
+ * An empty state should say why it is empty and what to do next. "No results"
+ * after a search and "nothing here yet" on a new account are different
+ * messages, and the second one is where a call to action belongs.
+ */
+declare function EmptyState({ className, size, bordered, ...props }: EmptyStateProps): import("react").JSX.Element;
+/** Decorative by default — the title carries the meaning. */
+declare function EmptyStateIcon({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+declare function EmptyStateTitle({ className, children, ...props }: ComponentPropsWithRef<"p">): import("react").JSX.Element;
+declare function EmptyStateDescription({ className, ...props }: ComponentPropsWithRef<"p">): import("react").JSX.Element;
+declare function EmptyStateActions({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+//#endregion
+export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateProps, EmptyStateTitle, emptyStateVariants };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","names":[],"sources":["../../../src/components/empty-state/empty-state.tsx"],"mappings":";;;cAKM,qBAAkB;;;6CAgBtB;UAEe,wBACP,8BAA8B,oBAAoB;;;;;;;;iBAS5C,aAAa,WAAW,MAAM,aAAa,SAAS,kCAAe,IAAA;;iBAWnE,iBAAiB,cAAc,SAAS,+CAA4B,IAAA;iBAepE,kBAAkB,WAAW,aAAa,SAAS,6CAA0B,IAAA;iBAY7E,wBAAwB,cAAc,SAAS,6CAA0B,IAAA;iBAUzE,oBAAoB,cAAc,SAAS,+CAA4B,IAAA"}

package/dist/components/empty-state/empty-state.js

@@ -0,0 +1,73 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/empty-state/empty-state.tsx
+const emptyStateVariants = cva("flex flex-col items-center justify-center gap-3 text-center", {
+	variants: {
+		size: {
+			sm: "px-4 py-8",
+			md: "px-6 py-12",
+			lg: "px-8 py-20"
+		},
+		bordered: {
+			true: "rounded-xl border border-dashed border-border",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		bordered: false
+	}
+});
+/**
+* Shown where content would be, when there is none.
+*
+* An empty state should say why it is empty and what to do next. "No results"
+* after a search and "nothing here yet" on a new account are different
+* messages, and the second one is where a call to action belongs.
+*/
+function EmptyState({ className, size, bordered, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-state",
+		className: cn(emptyStateVariants({
+			size,
+			bordered
+		}), className),
+		...props
+	});
+}
+/** Decorative by default — the title carries the meaning. */
+function EmptyStateIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-state-icon",
+		"aria-hidden": "true",
+		className: cn("grid size-11 place-items-center rounded-full bg-muted text-muted-foreground", "[&_svg:not([class*='size-'])]:size-5", className),
+		...props
+	});
+}
+function EmptyStateTitle({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "empty-state-title",
+		className: cn("text-base font-medium text-foreground", className),
+		...props,
+		children
+	});
+}
+function EmptyStateDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "empty-state-description",
+		className: cn("max-w-sm text-sm text-balance text-muted-foreground", className),
+		...props
+	});
+}
+function EmptyStateActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-state-actions",
+		className: cn("mt-1 flex flex-wrap items-center justify-center gap-2", className),
+		...props
+	});
+}
+//#endregion
+export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateVariants };
+
+//# sourceMappingURL=empty-state.js.map

package/dist/components/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst emptyStateVariants = cva(\"flex flex-col items-center justify-center gap-3 text-center\", {\n  variants: {\n    size: {\n      sm: \"px-4 py-8\",\n      md: \"px-6 py-12\",\n      lg: \"px-8 py-20\",\n    },\n    bordered: {\n      true: \"rounded-xl border border-dashed border-border\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    bordered: false,\n  },\n});\n\nexport interface EmptyStateProps\n  extends ComponentPropsWithRef<\"div\">, VariantProps<typeof emptyStateVariants> {}\n\n/**\n * Shown where content would be, when there is none.\n *\n * An empty state should say why it is empty and what to do next. \"No results\"\n * after a search and \"nothing here yet\" on a new account are different\n * messages, and the second one is where a call to action belongs.\n */\nexport function EmptyState({ className, size, bordered, ...props }: EmptyStateProps) {\n  return (\n    <div\n      data-slot=\"empty-state\"\n      className={cn(emptyStateVariants({ size, bordered }), className)}\n      {...props}\n    />\n  );\n}\n\n/** Decorative by default — the title carries the meaning. */\nexport function EmptyStateIcon({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"grid size-11 place-items-center rounded-full bg-muted text-muted-foreground\",\n        \"[&_svg:not([class*='size-'])]:size-5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function EmptyStateTitle({ className, children, ...props }: ComponentPropsWithRef<\"p\">) {\n  return (\n    <p\n      data-slot=\"empty-state-title\"\n      className={cn(\"text-base font-medium text-foreground\", className)}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport function EmptyStateDescription({ className, ...props }: ComponentPropsWithRef<\"p\">) {\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn(\"max-w-sm text-sm text-balance text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function EmptyStateActions({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-state-actions\"\n      className={cn(\"mt-1 flex flex-wrap items-center justify-center gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { emptyStateVariants };\n"],"mappings":";;;;AAKA,MAAM,qBAAqB,IAAI,+DAA+D;CAC5F,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,UAAU;CACZ;AACF,CAAC;;;;;;;;AAYD,SAAgB,WAAW,EAAE,WAAW,MAAM,UAAU,GAAG,SAA0B;CACnF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB;GAAE;GAAM;EAAS,CAAC,GAAG,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAuC;CACpF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GACT,+EACA,wCACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAAqC;CAC7F,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;EAEH;CACA,CAAA;AAEP;AAEA,SAAgB,sBAAsB,EAAE,WAAW,GAAG,SAAqC;CACzF,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,kBAAkB,EAAE,WAAW,GAAG,SAAuC;CACvF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,yDAAyD,SAAS;EAChF,GAAI;CACL,CAAA;AAEL"}

package/dist/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+import { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateProps, EmptyStateTitle, emptyStateVariants } from "./empty-state.js";
+export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, EmptyStateTitle, emptyStateVariants };

package/dist/components/empty-state/index.js

@@ -0,0 +1,2 @@
+import { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateVariants } from "./empty-state.js";
+export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateVariants };

package/dist/components/empty-state/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/empty-state/meta.ts
+const meta = defineMeta({
+	name: "empty-state",
+	title: "Empty State",
+	description: "Shown where content would be, explaining why it is empty and what to do next.",
+	category: "feedback",
+	status: "stable",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: [],
+	files: ["empty-state.tsx"],
+	a11y: "A plain container with no implicit landmark or live region. When it replaces content after a search, put aria-live on the results region so the change is announced. The icon is decorative — the title has to carry the message on its own."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/empty-state/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/empty-state/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"empty-state\",\n  title: \"Empty State\",\n  description: \"Shown where content would be, explaining why it is empty and what to do next.\",\n  category: \"feedback\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\"],\n  registryDependencies: [],\n  files: [\"empty-state.tsx\"],\n  a11y:\n    \"A plain container with no implicit landmark or live region. When it replaces content after \" +\n    \"a search, put aria-live on the results region so the change is announced. The icon is \" +\n    \"decorative — the title has to carry the message on its own.\",\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,iBAAiB;CACzB,MACE;AAGJ,CAAC"}

package/dist/components/form/form.d.ts

@@ -0,0 +1,43 @@
+import { Label, Slot } from "radix-ui";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/form/form.d.ts
+type FormProps = ComponentPropsWithRef<"form">;
+/**
+ * A form element.
+ *
+ * `noValidate` is on by default: when the form renders its own messages, the
+ * browser's validation bubbles compete with them, appear in a different visual
+ * language, and cannot be styled. Pass `noValidate={false}` to opt back in.
+ */
+declare function Form({ className, noValidate, ...props }: FormProps): import("react").JSX.Element;
+interface FormFieldProps extends ComponentPropsWithRef<"div"> {
+  /** Field name, mirrored onto the wrapper for form-library integration. */
+  name?: string;
+  /** Present when the field is invalid. Its content is rendered by FormMessage. */
+  error?: ReactNode;
+}
+declare function FormField({ className, name, error, ...props }: FormFieldProps): import("react").JSX.Element;
+type FormLabelProps = ComponentPropsWithRef<typeof Label.Root>;
+declare function FormLabel({ className, ...props }: FormLabelProps): import("react").JSX.Element;
+type FormControlProps = ComponentPropsWithRef<typeof Slot.Root>;
+/**
+ * Injects the field's id and ARIA attributes into its single child.
+ *
+ * Takes the control as a child rather than rendering one, so it works with any
+ * input: our Input, a native select, a third-party editor.
+ */
+declare function FormControl(props: FormControlProps): import("react").JSX.Element;
+declare function FormDescription({ className, ...props }: ComponentPropsWithRef<"p">): import("react").JSX.Element;
+type FormMessageProps = ComponentPropsWithRef<"p">;
+/**
+ * Renders the field's error.
+ *
+ * Renders nothing when there is no error and no children, so the layout does
+ * not reserve space for a message that may never appear. It is a polite live
+ * region: a validation message that arrives after the user has moved on should
+ * be announced, but should not interrupt what is being read.
+ */
+declare function FormMessage({ className, children, ...props }: FormMessageProps): import("react").JSX.Element | null;
+//#endregion
+export { Form, FormControl, FormControlProps, FormDescription, FormField, FormFieldProps, FormLabel, FormLabelProps, FormMessage, FormMessageProps, FormProps };
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../../src/components/form/form.tsx"],"mappings":";;;KA4DY,YAAY;;;;;;;;iBASR,OAAO,WAAW,eAAsB,SAAS,4BAAS,IAAA;UAWzD,uBAAuB;;EAEtC;;EAEA,QAAQ;;iBAGM,YAAY,WAAW,MAAM,UAAU,SAAS,iCAAc,IAAA;KAqClE,iBAAiB,6BAA6B,MAAe;iBAEzD,YAAY,cAAc,SAAS,iCAAc,IAAA;KAmBrD,mBAAmB,6BAA6B,KAAK;;;;;;;iBAQjD,YAAY,OAAO,mCAAgB,IAAA;iBAmBnC,kBAAkB,cAAc,SAAS,6CAA0B,IAAA;KAoBvE,mBAAmB;;;;;;;;;iBAUf,cAAc,WAAW,aAAa,SAAS,mCAAgB,IAAA"}

package/dist/components/form/form.js

@@ -0,0 +1,127 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Label, Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useId, useMemo, useState } from "react";
+//#region src/components/form/form.tsx
+const FormFieldContext = createContext(null);
+function useFormField(component) {
+	const context = useContext(FormFieldContext);
+	if (!context) throw new Error(`${component} must be rendered inside <FormField>.`);
+	return context;
+}
+/**
+* A form element.
+*
+* `noValidate` is on by default: when the form renders its own messages, the
+* browser's validation bubbles compete with them, appear in a different visual
+* language, and cannot be styled. Pass `noValidate={false}` to opt back in.
+*/
+function Form({ className, noValidate = true, ...props }) {
+	return /* @__PURE__ */ jsx("form", {
+		"data-slot": "form",
+		noValidate,
+		className: cn("grid gap-6", className),
+		...props
+	});
+}
+function FormField({ className, name, error, ...props }) {
+	const uid = useId();
+	const [hasDescription, setHasDescription] = useState(false);
+	const registerDescription = useCallback((present) => {
+		setHasDescription(present);
+	}, []);
+	const value = useMemo(() => ({
+		id: `${uid}-control`,
+		name,
+		descriptionId: `${uid}-description`,
+		messageId: `${uid}-message`,
+		error,
+		hasDescription,
+		registerDescription
+	}), [
+		uid,
+		name,
+		error,
+		hasDescription,
+		registerDescription
+	]);
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "form-field",
+			"data-name": name,
+			"data-invalid": error ? true : void 0,
+			className: cn("grid gap-2", className),
+			...props
+		})
+	});
+}
+function FormLabel({ className, ...props }) {
+	const { id, error } = useFormField("FormLabel");
+	return /* @__PURE__ */ jsx(Label.Root, {
+		"data-slot": "form-label",
+		"data-invalid": error ? true : void 0,
+		htmlFor: id,
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none", "peer-disabled:cursor-not-allowed peer-disabled:opacity-55", error && "text-destructive", className),
+		...props
+	});
+}
+/**
+* Injects the field's id and ARIA attributes into its single child.
+*
+* Takes the control as a child rather than rendering one, so it works with any
+* input: our Input, a native select, a third-party editor.
+*/
+function FormControl(props) {
+	const { id, error, messageId, descriptionId, hasDescription } = useFormField("FormControl");
+	const describedBy = [hasDescription ? descriptionId : null, error ? messageId : null].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ jsx(Slot.Root, {
+		"data-slot": "form-control",
+		id,
+		"aria-describedby": describedBy,
+		"aria-invalid": error ? true : void 0,
+		...props
+	});
+}
+function FormDescription({ className, ...props }) {
+	const { descriptionId, registerDescription } = useFormField("FormDescription");
+	useEffect(() => {
+		registerDescription(true);
+		return () => {
+			registerDescription(false);
+		};
+	}, [registerDescription]);
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-description",
+		id: descriptionId,
+		className: cn("text-xs text-muted-foreground", className),
+		...props
+	});
+}
+/**
+* Renders the field's error.
+*
+* Renders nothing when there is no error and no children, so the layout does
+* not reserve space for a message that may never appear. It is a polite live
+* region: a validation message that arrives after the user has moved on should
+* be announced, but should not interrupt what is being read.
+*/
+function FormMessage({ className, children, ...props }) {
+	const { messageId, error } = useFormField("FormMessage");
+	const content = children ?? error;
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-message",
+		id: messageId,
+		role: "status",
+		"aria-live": "polite",
+		className: cn("text-xs font-medium text-destructive", className),
+		...props,
+		children: content
+	});
+}
+//#endregion
+export { Form, FormControl, FormDescription, FormField, FormLabel, FormMessage };
+
+//# sourceMappingURL=form.js.map

package/dist/components/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":["LabelPrimitive"],"sources":["../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\";\n\nimport { Label as LabelPrimitive, Slot } from \"radix-ui\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n  type ComponentPropsWithRef,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Accessible wiring for form fields.\n *\n * Deliberately **not** bound to a form library. What is actually hard about a\n * form field is the ARIA plumbing — generating an id, pointing the label at the\n * control, assembling `aria-describedby` from the description and the error,\n * and flipping `aria-invalid` — and that plumbing is identical whether the\n * state comes from `useState`, React Hook Form, Formik or a server action.\n *\n * Binding to one library would make everyone else install it to get the\n * plumbing, and would make the source you own harder to change. Pass `error`\n * from whatever holds your state:\n *\n *   <FormField name=\"email\" error={errors.email?.message}>\n *     <FormLabel>Email</FormLabel>\n *     <FormControl>\n *       <Input {...register(\"email\")} />\n *     </FormControl>\n *     <FormDescription>We will never share it.</FormDescription>\n *     <FormMessage />\n *   </FormField>\n */\n\ninterface FormFieldContextValue {\n  id: string;\n  name: string | undefined;\n  descriptionId: string;\n  messageId: string;\n  error: ReactNode;\n  hasDescription: boolean;\n  registerDescription: (present: boolean) => void;\n}\n\nconst FormFieldContext = createContext<FormFieldContextValue | null>(null);\n\nfunction useFormField(component: string): FormFieldContextValue {\n  const context = useContext(FormFieldContext);\n  if (!context) {\n    throw new Error(`${component} must be rendered inside <FormField>.`);\n  }\n  return context;\n}\n\nexport type FormProps = ComponentPropsWithRef<\"form\">;\n\n/**\n * A form element.\n *\n * `noValidate` is on by default: when the form renders its own messages, the\n * browser's validation bubbles compete with them, appear in a different visual\n * language, and cannot be styled. Pass `noValidate={false}` to opt back in.\n */\nexport function Form({ className, noValidate = true, ...props }: FormProps) {\n  return (\n    <form\n      data-slot=\"form\"\n      noValidate={noValidate}\n      className={cn(\"grid gap-6\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface FormFieldProps extends ComponentPropsWithRef<\"div\"> {\n  /** Field name, mirrored onto the wrapper for form-library integration. */\n  name?: string;\n  /** Present when the field is invalid. Its content is rendered by FormMessage. */\n  error?: ReactNode;\n}\n\nexport function FormField({ className, name, error, ...props }: FormFieldProps) {\n  const uid = useId();\n  // Description presence is tracked rather than assumed: aria-describedby must\n  // not name an element that was never rendered. axe flags a dangling reference,\n  // and a screen reader announces nothing for it.\n  const [hasDescription, setHasDescription] = useState(false);\n\n  const registerDescription = useCallback((present: boolean) => {\n    setHasDescription(present);\n  }, []);\n\n  const value = useMemo<FormFieldContextValue>(\n    () => ({\n      id: `${uid}-control`,\n      name,\n      descriptionId: `${uid}-description`,\n      messageId: `${uid}-message`,\n      error,\n      hasDescription,\n      registerDescription,\n    }),\n    [uid, name, error, hasDescription, registerDescription],\n  );\n\n  return (\n    <FormFieldContext.Provider value={value}>\n      <div\n        data-slot=\"form-field\"\n        data-name={name}\n        data-invalid={error ? true : undefined}\n        className={cn(\"grid gap-2\", className)}\n        {...props}\n      />\n    </FormFieldContext.Provider>\n  );\n}\n\nexport type FormLabelProps = ComponentPropsWithRef<typeof LabelPrimitive.Root>;\n\nexport function FormLabel({ className, ...props }: FormLabelProps) {\n  const { id, error } = useFormField(\"FormLabel\");\n\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"form-label\"\n      data-invalid={error ? true : undefined}\n      htmlFor={id}\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none\",\n        \"peer-disabled:cursor-not-allowed peer-disabled:opacity-55\",\n        error && \"text-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type FormControlProps = ComponentPropsWithRef<typeof Slot.Root>;\n\n/**\n * Injects the field's id and ARIA attributes into its single child.\n *\n * Takes the control as a child rather than rendering one, so it works with any\n * input: our Input, a native select, a third-party editor.\n */\nexport function FormControl(props: FormControlProps) {\n  const { id, error, messageId, descriptionId, hasDescription } = useFormField(\"FormControl\");\n\n  const describedBy =\n    [hasDescription ? descriptionId : null, error ? messageId : null]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  return (\n    <Slot.Root\n      data-slot=\"form-control\"\n      id={id}\n      aria-describedby={describedBy}\n      aria-invalid={error ? true : undefined}\n      {...props}\n    />\n  );\n}\n\nexport function FormDescription({ className, ...props }: ComponentPropsWithRef<\"p\">) {\n  const { descriptionId, registerDescription } = useFormField(\"FormDescription\");\n\n  useEffect(() => {\n    registerDescription(true);\n    return () => {\n      registerDescription(false);\n    };\n  }, [registerDescription]);\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={descriptionId}\n      className={cn(\"text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type FormMessageProps = ComponentPropsWithRef<\"p\">;\n\n/**\n * Renders the field's error.\n *\n * Renders nothing when there is no error and no children, so the layout does\n * not reserve space for a message that may never appear. It is a polite live\n * region: a validation message that arrives after the user has moved on should\n * be announced, but should not interrupt what is being read.\n */\nexport function FormMessage({ className, children, ...props }: FormMessageProps) {\n  const { messageId, error } = useFormField(\"FormMessage\");\n  const content = children ?? error;\n\n  if (!content) return null;\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={messageId}\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\"text-xs font-medium text-destructive\", className)}\n      {...props}\n    >\n      {content}\n    </p>\n  );\n}\n"],"mappings":";;;;;;AAkDA,MAAM,mBAAmB,cAA4C,IAAI;AAEzE,SAAS,aAAa,WAA0C;CAC9D,MAAM,UAAU,WAAW,gBAAgB;CAC3C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,GAAG,UAAU,sCAAsC;CAErE,OAAO;AACT;;;;;;;;AAWA,SAAgB,KAAK,EAAE,WAAW,aAAa,MAAM,GAAG,SAAoB;CAC1E,OACE,oBAAC,QAAD;EACE,aAAU;EACE;EACZ,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;CACL,CAAA;AAEL;AASA,SAAgB,UAAU,EAAE,WAAW,MAAM,OAAO,GAAG,SAAyB;CAC9E,MAAM,MAAM,MAAM;CAIlB,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK;CAE1D,MAAM,sBAAsB,aAAa,YAAqB;EAC5D,kBAAkB,OAAO;CAC3B,GAAG,CAAC,CAAC;CAEL,MAAM,QAAQ,eACL;EACL,IAAI,GAAG,IAAI;EACX;EACA,eAAe,GAAG,IAAI;EACtB,WAAW,GAAG,IAAI;EAClB;EACA;EACA;CACF,IACA;EAAC;EAAK;EAAM;EAAO;EAAgB;CAAmB,CACxD;CAEA,OACE,oBAAC,iBAAiB,UAAlB;EAAkC;EAChC,UAAA,oBAAC,OAAD;GACE,aAAU;GACV,aAAW;GACX,gBAAc,QAAQ,OAAO,KAAA;GAC7B,WAAW,GAAG,cAAc,SAAS;GACrC,GAAI;EACL,CAAA;CACwB,CAAA;AAE/B;AAIA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAyB;CACjE,MAAM,EAAE,IAAI,UAAU,aAAa,WAAW;CAE9C,OACE,oBAACA,MAAe,MAAhB;EACE,aAAU;EACV,gBAAc,QAAQ,OAAO,KAAA;EAC7B,SAAS;EACT,WAAW,GACT,wEACA,6DACA,SAAS,oBACT,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;;;AAUA,SAAgB,YAAY,OAAyB;CACnD,MAAM,EAAE,IAAI,OAAO,WAAW,eAAe,mBAAmB,aAAa,aAAa;CAE1F,MAAM,cACJ,CAAC,iBAAiB,gBAAgB,MAAM,QAAQ,YAAY,IAAI,CAAC,CAC9D,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,KAAK,KAAA;CAElB,OACE,oBAAC,KAAK,MAAN;EACE,aAAU;EACN;EACJ,oBAAkB;EAClB,gBAAc,QAAQ,OAAO,KAAA;EAC7B,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAqC;CACnF,MAAM,EAAE,eAAe,wBAAwB,aAAa,iBAAiB;CAE7E,gBAAgB;EACd,oBAAoB,IAAI;EACxB,aAAa;GACX,oBAAoB,KAAK;EAC3B;CACF,GAAG,CAAC,mBAAmB,CAAC;CAExB,OACE,oBAAC,KAAD;EACE,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;;;;;;;;;AAYA,SAAgB,YAAY,EAAE,WAAW,UAAU,GAAG,SAA2B;CAC/E,MAAM,EAAE,WAAW,UAAU,aAAa,aAAa;CACvD,MAAM,UAAU,YAAY;CAE5B,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,oBAAC,KAAD;EACE,aAAU;EACV,IAAI;EACJ,MAAK;EACL,aAAU;EACV,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;EAEH,UAAA;CACA,CAAA;AAEP"}

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

@@ -0,0 +1,2 @@
+import { Form, FormControl, FormControlProps, FormDescription, FormField, FormFieldProps, FormLabel, FormLabelProps, FormMessage, FormMessageProps, FormProps } from "./form.js";
+export { Form, FormControl, type FormControlProps, FormDescription, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps };

package/dist/components/form/index.js

@@ -0,0 +1,2 @@
+import { Form, FormControl, FormDescription, FormField, FormLabel, FormMessage } from "./form.js";
+export { Form, FormControl, FormDescription, FormField, FormLabel, FormMessage };

package/dist/components/form/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/form/meta.ts
+const meta = defineMeta({
+	name: "form",
+	title: "Form",
+	description: "Accessible field wiring that works with any form library, or none.",
+	category: "form",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["form.tsx"],
+	a11y: "FormField generates the id, points the Label at the control, and assembles aria-describedby from whichever of the description and error are actually present — a dangling reference announces nothing and is flagged by axe. aria-invalid follows the error. FormMessage is a polite live region, so a late validation message is announced without interrupting."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/form/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"form\",\n  title: \"Form\",\n  description: \"Accessible field wiring that works with any form library, or none.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"form.tsx\"],\n  a11y:\n    \"FormField generates the id, points the Label at the control, and assembles aria-describedby \" +\n    \"from whichever of the description and error are actually present — a dangling reference \" +\n    \"announces nothing and is flagged by axe. aria-invalid follows the error. FormMessage is a \" +\n    \"polite live region, so a late validation message is announced without interrupting.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,UAAU;CAClB,MACE;AAIJ,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Input, InputProps, inputVariants } from "./input.js";
+export { Input, type InputProps, inputVariants };

package/dist/components/input/index.js

@@ -0,0 +1,2 @@
+import { Input, inputVariants } from "./input.js";
+export { Input, inputVariants };

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

@@ -0,0 +1,21 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/input/input.d.ts
+declare const inputVariants: (props?: ({
+  inputSize?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface InputProps extends ComponentPropsWithRef<"input">, VariantProps<typeof inputVariants> {}
+/**
+ * Single-line text field.
+ *
+ * The visual size prop is named `inputSize` rather than `size` because `size`
+ * is a native `<input>` attribute with unrelated semantics (a character-count
+ * width hint). Naming it apart keeps both available instead of shadowing one.
+ *
+ * Error styling is driven by the native `aria-invalid` attribute rather than a
+ * bespoke prop, so form libraries wire it up without an adapter.
+ */
+declare function Input({ className, inputSize, type, ...props }: InputProps): import("react").JSX.Element;
+//#endregion
+export { Input, InputProps, inputVariants };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../../src/components/input/input.tsx"],"mappings":";;;cAMM,gBAAa;;6CAuBlB;UAEgB,mBACP,gCAAgC,oBAAoB;;;;;;;;;;;iBAY9C,QAAQ,WAAW,WAAW,SAAkB,SAAS,6BAAU,IAAA"}

package/dist/components/input/input.js

@@ -0,0 +1,34 @@
+import { focusRingInset, invalidStyles } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/input/input.tsx
+const inputVariants = cva(cn("flex w-full min-w-0 rounded-md border border-input bg-background text-foreground shadow-xs", "transition-[border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]", "placeholder:text-muted-foreground", "file:mr-3 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "focus-visible:border-ring", "disabled:cursor-not-allowed disabled:opacity-55", focusRingInset, invalidStyles), {
+	variants: { inputSize: {
+		sm: "h-8 px-2.5 text-sm",
+		md: "h-9 px-3 text-sm",
+		lg: "h-10 px-3.5 text-base"
+	} },
+	defaultVariants: { inputSize: "md" }
+});
+/**
+* Single-line text field.
+*
+* The visual size prop is named `inputSize` rather than `size` because `size`
+* is a native `<input>` attribute with unrelated semantics (a character-count
+* width hint). Naming it apart keeps both available instead of shadowing one.
+*
+* Error styling is driven by the native `aria-invalid` attribute rather than a
+* bespoke prop, so form libraries wire it up without an adapter.
+*/
+function Input({ className, inputSize, type = "text", ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		className: cn(inputVariants({ inputSize }), className),
+		...props
+	});
+}
+//#endregion
+export { Input, inputVariants };
+
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRingInset, invalidStyles } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nconst inputVariants = cva(\n  cn(\n    \"flex w-full min-w-0 rounded-md border border-input bg-background text-foreground shadow-xs\",\n    \"transition-[border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]\",\n    \"placeholder:text-muted-foreground\",\n    \"file:mr-3 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\n    \"focus-visible:border-ring\",\n    \"disabled:cursor-not-allowed disabled:opacity-55\",\n    focusRingInset,\n    invalidStyles,\n  ),\n  {\n    variants: {\n      inputSize: {\n        sm: \"h-8 px-2.5 text-sm\",\n        md: \"h-9 px-3 text-sm\",\n        lg: \"h-10 px-3.5 text-base\",\n      },\n    },\n    defaultVariants: {\n      inputSize: \"md\",\n    },\n  },\n);\n\nexport interface InputProps\n  extends ComponentPropsWithRef<\"input\">, VariantProps<typeof inputVariants> {}\n\n/**\n * Single-line text field.\n *\n * The visual size prop is named `inputSize` rather than `size` because `size`\n * is a native `<input>` attribute with unrelated semantics (a character-count\n * width hint). Naming it apart keeps both available instead of shadowing one.\n *\n * Error styling is driven by the native `aria-invalid` attribute rather than a\n * bespoke prop, so form libraries wire it up without an adapter.\n */\nexport function Input({ className, inputSize, type = \"text\", ...props }: InputProps) {\n  return (\n    <input type={type} className={cn(inputVariants({ inputSize }), className)} {...props} />\n  );\n}\n\nexport { inputVariants };\n"],"mappings":";;;;;AAMA,MAAM,gBAAgB,IACpB,GACE,8FACA,qGACA,qCACA,kGACA,6BACA,mDACA,gBACA,aACF,GACA;CACE,UAAU,EACR,WAAW;EACT,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,WAAW,KACb;AACF,CACF;;;;;;;;;;;AAeA,SAAgB,MAAM,EAAE,WAAW,WAAW,OAAO,QAAQ,GAAG,SAAqB;CACnF,OACE,oBAAC,SAAD;EAAa;EAAM,WAAW,GAAG,cAAc,EAAE,UAAU,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE3F"}

package/dist/components/input/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/input/meta.ts
+const meta = defineMeta({
+	name: "input",
+	title: "Input",
+	description: "A single-line text field with size variants and native validation styling.",
+	category: "form",
+	status: "stable",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: [],
+	files: ["input.tsx"],
+	a11y: "Always pair with a Label via htmlFor/id. Error state is driven by aria-invalid so assistive technology and styling stay in sync; describe the error with aria-describedby."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/input/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"input\",\n  title: \"Input\",\n  description: \"A single-line text field with size variants and native validation styling.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\"],\n  registryDependencies: [],\n  files: [\"input.tsx\"],\n  a11y:\n    \"Always pair with a Label via htmlFor/id. Error state is driven by aria-invalid so \" +\n    \"assistive technology and styling stay in sync; describe the error with aria-describedby.\",\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;AAEJ,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Label, LabelProps } from "./label.js";
+export { Label, type LabelProps };

package/dist/components/label/index.js

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

package/dist/components/label/label.d.ts

@@ -0,0 +1,14 @@
+import { Label } from "radix-ui";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/label/label.d.ts
+type LabelProps = ComponentPropsWithRef<typeof Label.Root>;
+/**
+ * Caption for a form control.
+ *
+ * Built on the Radix primitive so clicking the label focuses its control even
+ * when the control is a composite widget rather than a native input.
+ */
+declare function Label$1({ className, ...props }: LabelProps): import("react").JSX.Element;
+//#endregion
+export { Label$1 as Label, LabelProps };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../../src/components/label/label.tsx"],"mappings":";;;KAKY,aAAa,6BAA6B,MAAe;;;;;;;iBAQrD,UAAQ,cAAc,SAAS,6BAAU,IAAA"}

package/dist/components/label/label.js

@@ -0,0 +1,20 @@
+import { cn } from "../../lib/utils.js";
+import { Label } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/label/label.tsx
+/**
+* Caption for a form control.
+*
+* Built on the Radix primitive so clicking the label focuses its control even
+* when the control is a composite widget rather than a native input.
+*/
+function Label$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label.Root, {
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none", "peer-disabled:cursor-not-allowed peer-disabled:opacity-55", "group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-55", className),
+		...props
+	});
+}
+//#endregion
+export { Label$1 as Label };
+
+//# sourceMappingURL=label.js.map

package/dist/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["Label","LabelPrimitive"],"sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import { Label as LabelPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nexport type LabelProps = ComponentPropsWithRef<typeof LabelPrimitive.Root>;\n\n/**\n * Caption for a form control.\n *\n * Built on the Radix primitive so clicking the label focuses its control even\n * when the control is a composite widget rather than a native input.\n */\nexport function Label({ className, ...props }: LabelProps) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none\",\n        \"peer-disabled:cursor-not-allowed peer-disabled:opacity-55\",\n        \"group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-55\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgBA,QAAM,EAAE,WAAW,GAAG,SAAqB;CACzD,OACE,oBAACC,MAAe,MAAhB;EACE,WAAW,GACT,wEACA,6DACA,wFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/label/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/label/meta.ts
+const meta = defineMeta({
+	name: "label",
+	title: "Label",
+	description: "An accessible caption that associates text with a form control.",
+	category: "form",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["label.tsx"],
+	a11y: "Set htmlFor to the id of the control it labels. Clicking the label moves focus to that control, including composite widgets that are not native inputs."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/label/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"label\",\n  title: \"Label\",\n  description: \"An accessible caption that associates text with a form control.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"label.tsx\"],\n  a11y:\n    \"Set htmlFor to the id of the control it labels. Clicking the label moves focus to that \" +\n    \"control, including composite widgets that are not native inputs.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,WAAW;CACnB,MACE;AAEJ,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationLinkProps, PaginationNext, PaginationPrevious } from "./pagination.js";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious };

package/dist/components/pagination/index.js

@@ -0,0 +1,2 @@
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination.js";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/pagination/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/pagination/meta.ts
+const meta = defineMeta({
+	name: "pagination",
+	title: "Pagination",
+	description: "Navigation between pages of a list.",
+	category: "navigation",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: ["button"],
+	files: ["pagination.tsx"],
+	a11y: "A named nav landmark. The current page carries aria-current=\"page\" — styling it differently conveys nothing on its own. Links by default, since a page of results is a place worth sharing; use asChild for your router's link, or render buttons when paging only changes client state."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/pagination/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"pagination\",\n  title: \"Pagination\",\n  description: \"Navigation between pages of a list.\",\n  category: \"navigation\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [\"button\"],\n  files: [\"pagination.tsx\"],\n  a11y:\n    'A named nav landmark. The current page carries aria-current=\"page\" — styling it ' +\n    \"differently conveys nothing on its own. Links by default, since a page of results is a \" +\n    \"place worth sharing; use asChild for your router's link, or render buttons when paging \" +\n    \"only changes client state.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC,QAAQ;CAC/B,OAAO,CAAC,gBAAgB;CACxB,MACE;AAIJ,CAAC"}

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

@@ -0,0 +1,33 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/pagination/pagination.d.ts
+/**
+ * Navigation between pages of a list.
+ *
+ * Rendered as links by default, not buttons: a page of results is a place, so
+ * it should be shareable, openable in a new tab and part of history. Use
+ * `asChild` to hand off to your router's link. For pagination that only changes
+ * client state, render buttons instead — `PaginationLink` accepts either.
+ */
+declare function Pagination({ className, ...props }: ComponentPropsWithRef<"nav">): import("react").JSX.Element;
+declare function PaginationContent({ className, ...props }: ComponentPropsWithRef<"ul">): import("react").JSX.Element;
+declare function PaginationItem({ className, ...props }: ComponentPropsWithRef<"li">): import("react").JSX.Element;
+interface PaginationLinkProps extends ComponentPropsWithRef<"a"> {
+  /** Marks the page the user is on. Sets aria-current="page". */
+  isActive?: boolean;
+  size?: "sm" | "md" | "icon" | "icon-sm";
+  asChild?: boolean;
+}
+declare function PaginationLink({ className, isActive, size, asChild, ...props }: PaginationLinkProps): import("react").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: PaginationLinkProps): import("react").JSX.Element;
+declare function PaginationNext({ className, ...props }: PaginationLinkProps): import("react").JSX.Element;
+/**
+ * Stands in for a run of skipped pages.
+ *
+ * Hidden from assistive technology and given screen-reader text, because "…"
+ * is announced as nothing useful and the gap is already implied by the page
+ * numbers either side.
+ */
+declare function PaginationEllipsis({ className, ...props }: ComponentPropsWithRef<"span">): import("react").JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationLinkProps, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/components/pagination/pagination.tsx"],"mappings":";;;;;;;;;;iBAcgB,aAAa,cAAc,SAAS,+CAA4B,IAAA;iBAahE,oBAAoB,cAAc,SAAS,8CAA2B,IAAA;iBAUtE,iBAAiB,cAAc,SAAS,8CAA2B,IAAA;UAIlE,4BAA4B;;EAE3C;EACA;EACA;;iBAGc,iBACd,WACA,UACA,MACA,YACG,SACF,sCAAmB,IAAA;iBAoBN,qBAAqB,cAAc,SAAS,sCAAmB,IAAA;iBAsB/D,iBAAiB,cAAc,SAAS,sCAAmB,IAAA;;;;;;;;iBA6B3D,qBAAqB,cAAc,SAAS,gDAA6B,IAAA"}