@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/chip.mjs

@@ -0,0 +1,142 @@
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Check, FileText, X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+//#region src/chip.tsx
+const chipVariants = cva("wwc:inline-flex wwc:items-center wwc:gap-1.5 wwc:font-medium wwc:transition-colors wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring wwc:focus-visible:ring-offset-2 wwc:disabled:pointer-events-none wwc:disabled:opacity-50", {
+	variants: {
+		variant: {
+			/** Toggleable filter chip — selected has muted fill + slightly darker border; unselected has white bg + lighter border. */
+			filter: "wwc:rounded-md wwc:border wwc:text-foreground wwc:data-[state=on]:bg-muted/50 wwc:data-[state=on]:border-muted-foreground/40 wwc:data-[state=on]:hover:bg-muted wwc:data-[state=off]:bg-background wwc:data-[state=off]:border-border/40 wwc:data-[state=off]:hover:bg-accent",
+			/** Static attachment chip — square-rounded with muted bg, used to display attached files / context items. */
+			attachment: "wwc:rounded-md wwc:border wwc:bg-muted/50 wwc:text-foreground"
+		},
+		size: {
+			sm: "wwc:h-6 wwc:px-2 wwc:text-xs",
+			default: "wwc:h-7 wwc:px-2.5 wwc:text-xs",
+			lg: "wwc:h-8 wwc:px-3 wwc:text-sm"
+		}
+	},
+	defaultVariants: {
+		variant: "filter",
+		size: "default"
+	}
+});
+/**
+* Chip primitive with two visual variants:
+* - `filter` (default): pill-shaped toggleable chip for filtering/selection
+* - `attachment`: square-rounded static chip for displaying attached files/context, with optional remove
+*/
+const AttachmentChip = React.forwardRef((props, ref) => {
+	const { className, size, leadingIcon, onRemove, removeLabel, disabled, children, preview, previewCaption, variant: _variant, ...rest } = props;
+	const chip = /* @__PURE__ */ jsxs("span", {
+		ref,
+		className: cn(chipVariants({
+			variant: "attachment",
+			size
+		}), disabled && "wwc:pointer-events-none wwc:opacity-50", className),
+		...rest,
+		children: [
+			leadingIcon && /* @__PURE__ */ jsx("span", {
+				className: "wwc:text-muted-foreground",
+				children: leadingIcon
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:max-w-[200px] wwc:truncate",
+				children
+			}),
+			onRemove && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onRemove,
+				"aria-label": removeLabel ?? "Remove",
+				disabled,
+				className: "wwc:ml-0.5 wwc:rounded-sm wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring",
+				children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3 wwc:w-3" })
+			})
+		]
+	});
+	if (!preview || disabled) return chip;
+	return /* @__PURE__ */ jsxs(HoverCard, {
+		openDelay: 150,
+		closeDelay: 100,
+		children: [/* @__PURE__ */ jsx(HoverCardTrigger, {
+			asChild: true,
+			children: chip
+		}), /* @__PURE__ */ jsxs(HoverCardContent, {
+			side: "top",
+			align: "start",
+			sideOffset: 6,
+			className: "wwc:w-56 wwc:p-2",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:h-32 wwc:w-full wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:rounded-md wwc:bg-muted",
+				children: preview.type === "image" ? /* @__PURE__ */ jsx("img", {
+					src: preview.src,
+					alt: preview.alt ?? (typeof children === "string" ? children : "Attachment preview"),
+					className: "wwc:h-full wwc:w-full wwc:object-cover"
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex wwc:h-full wwc:w-full wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:p-2 wwc:text-xs wwc:text-muted-foreground",
+					children: preview.content ?? /* @__PURE__ */ jsx(FileText, { className: "wwc:h-8 wwc:w-8" })
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:mt-2 wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-xs",
+				children: [leadingIcon && /* @__PURE__ */ jsx("span", {
+					className: "wwc:shrink-0 wwc:text-muted-foreground",
+					children: leadingIcon
+				}), /* @__PURE__ */ jsx("span", {
+					className: "wwc:truncate wwc:font-medium wwc:text-foreground",
+					children: previewCaption ?? children
+				})]
+			})]
+		})]
+	});
+});
+AttachmentChip.displayName = "AttachmentChip";
+const FilterChip = React.forwardRef((props, ref) => {
+	const { className, size, showCheck = true, leadingIcon, trailingIcon, children, pressed, defaultPressed, onPressedChange, variant: _variant, ...rest } = props;
+	const isControlled = pressed !== void 0;
+	const [internalPressed, setInternalPressed] = React.useState(defaultPressed ?? false);
+	const isPressed = isControlled ? pressed : internalPressed;
+	const handlePressedChange = (next) => {
+		if (!isControlled) setInternalPressed(next);
+		onPressedChange?.(next);
+	};
+	const resolvedLeading = leadingIcon ?? (showCheck && isPressed ? /* @__PURE__ */ jsx(Check, { className: "wwc:h-3.5 wwc:w-3.5" }) : null);
+	return /* @__PURE__ */ jsxs(TogglePrimitive.Root, {
+		ref,
+		pressed: isPressed,
+		onPressedChange: handlePressedChange,
+		className: cn(chipVariants({
+			variant: "filter",
+			size
+		}), className),
+		...rest,
+		children: [
+			resolvedLeading,
+			children,
+			trailingIcon
+		]
+	});
+});
+FilterChip.displayName = "FilterChip";
+/**
+* A compact pill-shaped element with two variants: a toggleable `filter` chip with a checkmark,
+* and a static `attachment` chip for displaying selected files or context items.
+*/
+const Chip = React.forwardRef((props, ref) => {
+	if (props.variant === "attachment") return /* @__PURE__ */ jsx(AttachmentChip, {
+		ref,
+		...props
+	});
+	return /* @__PURE__ */ jsx(FilterChip, {
+		ref,
+		...props
+	});
+});
+Chip.displayName = "Chip";
+//#endregion
+export { Chip, chipVariants };
+
+//# sourceMappingURL=chip.mjs.map

package/dist/chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.mjs","names":[],"sources":["../src/chip.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport {Check, FileText, X} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {HoverCard, HoverCardContent, HoverCardTrigger} from \"./hover-card\";\n\nconst chipVariants = cva(\n\t\"wwc:inline-flex wwc:items-center wwc:gap-1.5 wwc:font-medium wwc:transition-colors wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring wwc:focus-visible:ring-offset-2 wwc:disabled:pointer-events-none wwc:disabled:opacity-50\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\t/** Toggleable filter chip — selected has muted fill + slightly darker border; unselected has white bg + lighter border. */\n\t\t\t\tfilter:\n\t\t\t\t\t\"wwc:rounded-md wwc:border wwc:text-foreground wwc:data-[state=on]:bg-muted/50 wwc:data-[state=on]:border-muted-foreground/40 wwc:data-[state=on]:hover:bg-muted wwc:data-[state=off]:bg-background wwc:data-[state=off]:border-border/40 wwc:data-[state=off]:hover:bg-accent\",\n\t\t\t\t/** Static attachment chip — square-rounded with muted bg, used to display attached files / context items. */\n\t\t\t\tattachment: \"wwc:rounded-md wwc:border wwc:bg-muted/50 wwc:text-foreground\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: \"wwc:h-6 wwc:px-2 wwc:text-xs\",\n\t\t\t\tdefault: \"wwc:h-7 wwc:px-2.5 wwc:text-xs\",\n\t\t\t\tlg: \"wwc:h-8 wwc:px-3 wwc:text-sm\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"filter\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\ntype FilterChipProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n\tVariantProps<typeof chipVariants> & {\n\t\tvariant?: \"filter\";\n\t\t/** Show a checkmark icon when selected. Defaults to true. */\n\t\tshowCheck?: boolean;\n\t\t/** Optional leading icon. When provided, replaces the default checkmark. */\n\t\tleadingIcon?: React.ReactNode;\n\t\t/** Optional trailing icon. */\n\t\ttrailingIcon?: React.ReactNode;\n\t};\n\n/** Preview content shown when the user hovers over an attachment chip. */\nexport type AttachmentPreview =\n\t| {\n\t\t\ttype: \"image\";\n\t\t\t/** Image URL or data URI. */\n\t\t\tsrc: string;\n\t\t\t/** Optional alt text. */\n\t\t\talt?: string;\n\t  }\n\t| {\n\t\t\ttype: \"custom\";\n\t\t\t/** Custom preview node (e.g. a code snippet, document excerpt). */\n\t\t\tcontent: React.ReactNode;\n\t  };\n\ntype AttachmentChipProps = Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> &\n\tVariantProps<typeof chipVariants> & {\n\t\tvariant: \"attachment\";\n\t\t/** Optional leading icon, displayed before the label. */\n\t\tleadingIcon?: React.ReactNode;\n\t\t/** Called when the user clicks the trailing X. When provided, a remove button is rendered. */\n\t\tonRemove?: () => void;\n\t\t/** Accessible label for the remove button. */\n\t\tremoveLabel?: string;\n\t\t/** Disable the chip. */\n\t\tdisabled?: boolean;\n\t\tchildren?: React.ReactNode;\n\t\t/** Hover preview content. When provided, hovering the chip shows a fixed-size preview card above. */\n\t\tpreview?: AttachmentPreview;\n\t\t/** Caption shown under the preview content. Defaults to the chip's label (children). */\n\t\tpreviewCaption?: React.ReactNode;\n\t};\n\nexport type ChipProps = FilterChipProps | AttachmentChipProps;\n\n/**\n * Chip primitive with two visual variants:\n * - `filter` (default): pill-shaped toggleable chip for filtering/selection\n * - `attachment`: square-rounded static chip for displaying attached files/context, with optional remove\n */\nconst AttachmentChip = React.forwardRef<HTMLSpanElement, AttachmentChipProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tsize,\n\t\tleadingIcon,\n\t\tonRemove,\n\t\tremoveLabel,\n\t\tdisabled,\n\t\tchildren,\n\t\tpreview,\n\t\tpreviewCaption,\n\t\tvariant: _variant,\n\t\t...rest\n\t} = props;\n\tvoid _variant;\n\n\tconst chip = (\n\t\t<span\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\tchipVariants({variant: \"attachment\", size}),\n\t\t\t\tdisabled && \"wwc:pointer-events-none wwc:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{leadingIcon && <span className=\"wwc:text-muted-foreground\">{leadingIcon}</span>}\n\t\t\t<span className=\"wwc:max-w-[200px] wwc:truncate\">{children}</span>\n\t\t\t{onRemove && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\taria-label={removeLabel ?? \"Remove\"}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclassName=\"wwc:ml-0.5 wwc:rounded-sm wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring\"\n\t\t\t\t>\n\t\t\t\t\t<X className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</span>\n\t);\n\n\tif (!preview || disabled) return chip;\n\n\treturn (\n\t\t<HoverCard openDelay={150} closeDelay={100}>\n\t\t\t<HoverCardTrigger asChild>{chip}</HoverCardTrigger>\n\t\t\t<HoverCardContent side=\"top\" align=\"start\" sideOffset={6} className=\"wwc:w-56 wwc:p-2\">\n\t\t\t\t<div className=\"wwc:flex wwc:h-32 wwc:w-full wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:rounded-md wwc:bg-muted\">\n\t\t\t\t\t{preview.type === \"image\" ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={preview.src}\n\t\t\t\t\t\t\talt={preview.alt ?? (typeof children === \"string\" ? children : \"Attachment preview\")}\n\t\t\t\t\t\t\tclassName=\"wwc:h-full wwc:w-full wwc:object-cover\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:h-full wwc:w-full wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:p-2 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t{preview.content ?? <FileText className=\"wwc:h-8 wwc:w-8\" />}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:mt-2 wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-xs\">\n\t\t\t\t\t{leadingIcon && <span className=\"wwc:shrink-0 wwc:text-muted-foreground\">{leadingIcon}</span>}\n\t\t\t\t\t<span className=\"wwc:truncate wwc:font-medium wwc:text-foreground\">{previewCaption ?? children}</span>\n\t\t\t\t</div>\n\t\t\t</HoverCardContent>\n\t\t</HoverCard>\n\t);\n});\nAttachmentChip.displayName = \"AttachmentChip\";\n\nconst FilterChip = React.forwardRef<React.ElementRef<typeof TogglePrimitive.Root>, FilterChipProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tsize,\n\t\tshowCheck = true,\n\t\tleadingIcon,\n\t\ttrailingIcon,\n\t\tchildren,\n\t\tpressed,\n\t\tdefaultPressed,\n\t\tonPressedChange,\n\t\tvariant: _variant,\n\t\t...rest\n\t} = props;\n\tvoid _variant;\n\n\tconst isControlled = pressed !== undefined;\n\tconst [internalPressed, setInternalPressed] = React.useState(defaultPressed ?? false);\n\tconst isPressed = isControlled ? pressed : internalPressed;\n\n\tconst handlePressedChange = (next: boolean) => {\n\t\tif (!isControlled) setInternalPressed(next);\n\t\tonPressedChange?.(next);\n\t};\n\n\tconst resolvedLeading = leadingIcon ?? (showCheck && isPressed ? <Check className=\"wwc:h-3.5 wwc:w-3.5\" /> : null);\n\n\treturn (\n\t\t<TogglePrimitive.Root\n\t\t\tref={ref}\n\t\t\tpressed={isPressed}\n\t\t\tonPressedChange={handlePressedChange}\n\t\t\tclassName={cn(chipVariants({variant: \"filter\", size}), className)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{resolvedLeading}\n\t\t\t{children}\n\t\t\t{trailingIcon}\n\t\t</TogglePrimitive.Root>\n\t);\n});\nFilterChip.displayName = \"FilterChip\";\n\n/**\n * A compact pill-shaped element with two variants: a toggleable `filter` chip with a checkmark,\n * and a static `attachment` chip for displaying selected files or context items.\n */\nconst Chip = React.forwardRef<HTMLElement, ChipProps>((props, ref) => {\n\tif (props.variant === \"attachment\") {\n\t\treturn <AttachmentChip ref={ref as React.Ref<HTMLSpanElement>} {...props} />;\n\t}\n\treturn <FilterChip ref={ref as React.Ref<React.ElementRef<typeof TogglePrimitive.Root>>} {...props} />;\n});\nChip.displayName = \"Chip\";\n\nexport {Chip, chipVariants};\n"],"mappings":"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"}

package/dist/citation.d.mts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/citation.d.ts
+declare const citationVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+  variant?: "default" | "plain" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CitationProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof citationVariants> {
+  /** URL or reference for the citation */
+  href?: string;
+  /** Author of the cited work */
+  author?: string;
+  /** Source/publication name */
+  source?: string;
+  /** Date of publication */
+  date?: string;
+}
+/** Typography primitive for citing sources, quotes, or references. */
+declare const Citation: React.ForwardRefExoticComponent<CitationProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Citation, citationVariants };
+//# sourceMappingURL=citation.d.mts.map

package/dist/citation.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"citation.d.mts","names":[],"sources":["../src/citation.tsx"],"mappings":";;;cAIM,mBAAgB;;;6CAgBpB;iBAEe,sBAAsB,MAAM,eAAe,cAAc,oBAAoB;;EAE7F;;EAEA;;EAEA;;EAEA;;;cAIK,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}

package/dist/citation.mjs

@@ -0,0 +1,70 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/citation.tsx
+const citationVariants = cva("wwc:text-muted-foreground", {
+	variants: {
+		size: {
+			sm: "wwc:text-xs",
+			md: "wwc:text-sm",
+			lg: "wwc:text-base"
+		},
+		variant: {
+			default: "wwc:italic",
+			plain: ""
+		}
+	},
+	defaultVariants: {
+		size: "sm",
+		variant: "default"
+	}
+});
+/** Typography primitive for citing sources, quotes, or references. */
+const Citation = React.forwardRef(({ className, size, variant, href, author, source, date, children, ...props }, ref) => {
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		children && /* @__PURE__ */ jsx("span", { children }),
+		author && /* @__PURE__ */ jsx("span", {
+			className: "wwc:font-medium",
+			children: author
+		}),
+		source && /* @__PURE__ */ jsxs(Fragment$1, { children: [author && ", ", /* @__PURE__ */ jsx("cite", {
+			className: "wwc:not-italic",
+			children: source
+		})] }),
+		date && /* @__PURE__ */ jsxs(Fragment$1, { children: [(author || source) && " ", /* @__PURE__ */ jsxs("time", {
+			className: "wwc:tabular-nums",
+			children: [
+				"(",
+				date,
+				")"
+			]
+		})] })
+	] });
+	if (href) return /* @__PURE__ */ jsx("a", {
+		ref,
+		href,
+		className: cn(citationVariants({
+			size,
+			variant
+		}), "wwc:hover:text-foreground wwc:underline wwc:underline-offset-2", className),
+		target: "_blank",
+		rel: "noopener noreferrer",
+		...props,
+		children: content
+	});
+	return /* @__PURE__ */ jsxs("footer", {
+		ref,
+		className: cn(citationVariants({
+			size,
+			variant
+		}), className),
+		...props,
+		children: ["— ", content]
+	});
+});
+Citation.displayName = "Citation";
+//#endregion
+export { Citation, citationVariants };
+
+//# sourceMappingURL=citation.mjs.map

package/dist/citation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"citation.mjs","names":[],"sources":["../src/citation.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\nconst citationVariants = cva(\"wwc:text-muted-foreground\", {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"wwc:text-xs\",\n\t\t\tmd: \"wwc:text-sm\",\n\t\t\tlg: \"wwc:text-base\",\n\t\t},\n\t\tvariant: {\n\t\t\tdefault: \"wwc:italic\",\n\t\t\tplain: \"\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"sm\",\n\t\tvariant: \"default\",\n\t},\n});\n\nexport interface CitationProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof citationVariants> {\n\t/** URL or reference for the citation */\n\thref?: string;\n\t/** Author of the cited work */\n\tauthor?: string;\n\t/** Source/publication name */\n\tsource?: string;\n\t/** Date of publication */\n\tdate?: string;\n}\n\n/** Typography primitive for citing sources, quotes, or references. */\nconst Citation = React.forwardRef<HTMLElement, CitationProps>(\n\t({className, size, variant, href, author, source, date, children, ...props}, ref) => {\n\t\tconst content = (\n\t\t\t<>\n\t\t\t\t{children && <span>{children}</span>}\n\t\t\t\t{author && <span className=\"wwc:font-medium\">{author}</span>}\n\t\t\t\t{source && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{author && \", \"}\n\t\t\t\t\t\t<cite className=\"wwc:not-italic\">{source}</cite>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{date && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{(author || source) && \" \"}\n\t\t\t\t\t\t<time className=\"wwc:tabular-nums\">({date})</time>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\n\t\tif (href) {\n\t\t\treturn (\n\t\t\t\t<a\n\t\t\t\t\tref={ref as React.Ref<HTMLAnchorElement>}\n\t\t\t\t\thref={href}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tcitationVariants({size, variant}),\n\t\t\t\t\t\t\"wwc:hover:text-foreground wwc:underline wwc:underline-offset-2\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<footer ref={ref} className={cn(citationVariants({size, variant}), className)} {...props}>\n\t\t\t\t— {content}\n\t\t\t</footer>\n\t\t);\n\t},\n);\nCitation.displayName = \"Citation\";\n\nexport {Citation, citationVariants};\n"],"mappings":";;;;;AAIA,MAAM,mBAAmB,IAAI,6BAA6B;CACzD,UAAU;EACT,MAAM;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;EACL;EACA,SAAS;GACR,SAAS;GACT,OAAO;EACR;CACD;CACA,iBAAiB;EAChB,MAAM;EACN,SAAS;CACV;AACD,CAAC;;AAcD,MAAM,WAAW,MAAM,YACrB,EAAC,WAAW,MAAM,SAAS,MAAM,QAAQ,QAAQ,MAAM,UAAU,GAAG,SAAQ,QAAQ;CACpF,MAAM,UACL,qBAAA,YAAA,EAAA,UAAA;EACE,YAAY,oBAAC,QAAD,EAAO,SAAe,CAAA;EAClC,UAAU,oBAAC,QAAD;GAAM,WAAU;GAAmB,UAAA;EAAa,CAAA;EAC1D,UACA,qBAAA,YAAA,EAAA,UAAA,CACE,UAAU,MACX,oBAAC,QAAD;GAAM,WAAU;GAAkB,UAAA;EAAa,CAAA,CAC9C,EAAA,CAAA;EAEF,QACA,qBAAA,YAAA,EAAA,UAAA,EACG,UAAU,WAAW,KACvB,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IAAmC;IAAE;IAAK;GAAO;EAChD,CAAA,CAAA,EAAA,CAAA;CAEF,EAAA,CAAA;CAGH,IAAI,MACH,OACC,oBAAC,KAAD;EACM;EACC;EACN,WAAW,GACV,iBAAiB;GAAC;GAAM;EAAO,CAAC,GAChC,kEACA,SACD;EACA,QAAO;EACP,KAAI;EACJ,GAAI;EAEH,UAAA;CACC,CAAA;CAIL,OACC,qBAAC,UAAD;EAAa;EAAK,WAAW,GAAG,iBAAiB;GAAC;GAAM;EAAO,CAAC,GAAG,SAAS;EAAG,GAAI;EAAnF,UAAA,CAA0F,MACtF,OACI;;AAEV,CACD;AACA,SAAS,cAAc"}

package/dist/clickable-card.d.mts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/clickable-card.d.ts
+declare const clickableCardVariants: (props?: ({
+  variant?: "default" | "outline" | "ghost" | null | undefined;
+  disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ClickableCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof clickableCardVariants> {
+  /** Disable the card */
+  disabled?: boolean;
+  /** Show a chevron indicator */
+  showChevron?: boolean;
+  /** Render as a link */
+  href?: string;
+  /** Link target */
+  target?: string;
+  /** Link rel attribute */
+  rel?: string;
+  /** Icon or element shown on the left */
+  leftSlot?: React.ReactNode;
+  /** Icon or element shown on the right (before chevron) */
+  rightSlot?: React.ReactNode;
+}
+/** A card that acts as a clickable/tappable surface, similar to a large button or link. */
+declare const ClickableCard: React.ForwardRefExoticComponent<ClickableCardProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ClickableCard, clickableCardVariants };
+//# sourceMappingURL=clickable-card.d.mts.map

package/dist/clickable-card.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-card.d.mts","names":[],"sources":["../src/clickable-card.tsx"],"mappings":";;;cAKM,wBAAqB;;;6CAoB1B;iBAEgB,2BACR,MAAM,eAAe,iBAAiB,oBAAoB;;EAElE;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,WAAW,MAAM;;EAEjB,YAAY,MAAM;;;cAIb,eAAa,MAAA,0BAAA,qBAAA,MAAA,cAAA"}

package/dist/clickable-card.mjs

@@ -0,0 +1,87 @@
+import { cn } from "@corensystem/coren-utils";
+import { ChevronRight } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/clickable-card.tsx
+const clickableCardVariants = cva("wwc:relative wwc:flex wwc:items-center wwc:rounded-lg wwc:border wwc:p-4 wwc:transition-all wwc:cursor-pointer wwc:select-none", {
+	variants: {
+		variant: {
+			default: "wwc:border-border wwc:bg-card hover:wwc:bg-accent hover:wwc:border-accent-foreground/20 active:wwc:scale-[0.99]",
+			ghost: "wwc:border-transparent wwc:bg-transparent hover:wwc:bg-accent",
+			outline: "wwc:border-border wwc:bg-transparent hover:wwc:border-primary/50 hover:wwc:bg-accent/50"
+		},
+		disabled: {
+			true: "wwc:opacity-50 wwc:cursor-not-allowed wwc:pointer-events-none",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		disabled: false
+	}
+});
+/** A card that acts as a clickable/tappable surface, similar to a large button or link. */
+const ClickableCard = React.forwardRef(({ className, variant, disabled = false, showChevron = false, href, target, rel, leftSlot, rightSlot, children, onClick, ...props }, ref) => {
+	const handleClick = (e) => {
+		if (disabled) return;
+		onClick?.(e);
+	};
+	const handleKeyDown = (e) => {
+		if (disabled) return;
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			if (href) window.open(href, target || "_self");
+			else onClick?.(e);
+		}
+	};
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		leftSlot && /* @__PURE__ */ jsx("div", {
+			className: "wwc:mr-3 wwc:flex-shrink-0",
+			children: leftSlot
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "wwc:flex-1 wwc:min-w-0",
+			children
+		}),
+		rightSlot && /* @__PURE__ */ jsx("div", {
+			className: "wwc:ml-3 wwc:flex-shrink-0",
+			children: rightSlot
+		}),
+		showChevron && /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:ml-2 wwc:h-5 wwc:w-5 wwc:flex-shrink-0 wwc:text-muted-foreground" })
+	] });
+	if (href && !disabled) {
+		const { role, tabIndex, "aria-disabled": ariaDisabled, ...anchorProps } = props;
+		return /* @__PURE__ */ jsx("a", {
+			ref,
+			href,
+			target,
+			rel: rel || (target === "_blank" ? "noopener noreferrer" : void 0),
+			className: cn(clickableCardVariants({
+				variant,
+				disabled
+			}), className),
+			...anchorProps,
+			children: content
+		});
+	}
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: "button",
+		tabIndex: disabled ? -1 : 0,
+		"aria-disabled": disabled,
+		className: cn(clickableCardVariants({
+			variant,
+			disabled
+		}), className),
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		...props,
+		children: content
+	});
+});
+ClickableCard.displayName = "ClickableCard";
+//#endregion
+export { ClickableCard, clickableCardVariants };
+
+//# sourceMappingURL=clickable-card.mjs.map

package/dist/clickable-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-card.mjs","names":[],"sources":["../src/clickable-card.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport {ChevronRight} from \"lucide-react\";\nimport * as React from \"react\";\n\nconst clickableCardVariants = cva(\n\t\"wwc:relative wwc:flex wwc:items-center wwc:rounded-lg wwc:border wwc:p-4 wwc:transition-all wwc:cursor-pointer wwc:select-none\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"wwc:border-border wwc:bg-card hover:wwc:bg-accent hover:wwc:border-accent-foreground/20 active:wwc:scale-[0.99]\",\n\t\t\t\tghost: \"wwc:border-transparent wwc:bg-transparent hover:wwc:bg-accent\",\n\t\t\t\toutline: \"wwc:border-border wwc:bg-transparent hover:wwc:border-primary/50 hover:wwc:bg-accent/50\",\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: \"wwc:opacity-50 wwc:cursor-not-allowed wwc:pointer-events-none\",\n\t\t\t\tfalse: \"\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tdisabled: false,\n\t\t},\n\t},\n);\n\nexport interface ClickableCardProps\n\textends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof clickableCardVariants> {\n\t/** Disable the card */\n\tdisabled?: boolean;\n\t/** Show a chevron indicator */\n\tshowChevron?: boolean;\n\t/** Render as a link */\n\thref?: string;\n\t/** Link target */\n\ttarget?: string;\n\t/** Link rel attribute */\n\trel?: string;\n\t/** Icon or element shown on the left */\n\tleftSlot?: React.ReactNode;\n\t/** Icon or element shown on the right (before chevron) */\n\trightSlot?: React.ReactNode;\n}\n\n/** A card that acts as a clickable/tappable surface, similar to a large button or link. */\nconst ClickableCard = React.forwardRef<HTMLDivElement, ClickableCardProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvariant,\n\t\t\tdisabled = false,\n\t\t\tshowChevron = false,\n\t\t\thref,\n\t\t\ttarget,\n\t\t\trel,\n\t\t\tleftSlot,\n\t\t\trightSlot,\n\t\t\tchildren,\n\t\t\tonClick,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\t\tif (disabled) return;\n\t\t\tonClick?.(e);\n\t\t};\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n\t\t\tif (disabled) return;\n\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\te.preventDefault();\n\t\t\t\tif (href) {\n\t\t\t\t\twindow.open(href, target || \"_self\");\n\t\t\t\t} else {\n\t\t\t\t\tonClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst content = (\n\t\t\t<>\n\t\t\t\t{leftSlot && <div className=\"wwc:mr-3 wwc:flex-shrink-0\">{leftSlot}</div>}\n\t\t\t\t<div className=\"wwc:flex-1 wwc:min-w-0\">{children}</div>\n\t\t\t\t{rightSlot && <div className=\"wwc:ml-3 wwc:flex-shrink-0\">{rightSlot}</div>}\n\t\t\t\t{showChevron && (\n\t\t\t\t\t<ChevronRight className=\"wwc:ml-2 wwc:h-5 wwc:w-5 wwc:flex-shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\n\t\tif (href && !disabled) {\n\t\t\t// Filter out div-specific props that don't apply to anchor\n\t\t\tconst {role, tabIndex, \"aria-disabled\": ariaDisabled, ...anchorProps} = props as any;\n\t\t\treturn (\n\t\t\t\t<a\n\t\t\t\t\tref={ref as React.Ref<HTMLAnchorElement>}\n\t\t\t\t\thref={href}\n\t\t\t\t\ttarget={target}\n\t\t\t\t\trel={rel || (target === \"_blank\" ? \"noopener noreferrer\" : undefined)}\n\t\t\t\t\tclassName={cn(clickableCardVariants({variant, disabled}), className)}\n\t\t\t\t\t{...anchorProps}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\t\taria-disabled={disabled}\n\t\t\t\tclassName={cn(clickableCardVariants({variant, disabled}), className)}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t);\n\t},\n);\nClickableCard.displayName = \"ClickableCard\";\n\nexport {ClickableCard, clickableCardVariants};\n"],"mappings":";;;;;;AAKA,MAAM,wBAAwB,IAC7B,kIACA;CACC,UAAU;EACT,SAAS;GACR,SACC;GACD,OAAO;GACP,SAAS;EACV;EACA,UAAU;GACT,MAAM;GACN,OAAO;EACR;CACD;CACA,iBAAiB;EAChB,SAAS;EACT,UAAU;CACX;AACD,CACD;;AAqBA,MAAM,gBAAgB,MAAM,YAE1B,EACC,WACA,SACA,WAAW,OACX,cAAc,OACd,MACA,QACA,KACA,UACA,WACA,UACA,SACA,GAAG,SAEJ,QACI;CACJ,MAAM,eAAe,MAAwC;EAC5D,IAAI,UAAU;EACd,UAAU,CAAC;CACZ;CAEA,MAAM,iBAAiB,MAA2C;EACjE,IAAI,UAAU;EACd,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACvC,EAAE,eAAe;GACjB,IAAI,MACH,OAAO,KAAK,MAAM,UAAU,OAAO;QAEnC,UAAU,CAAgD;EAE5D;CACD;CAEA,MAAM,UACL,qBAAA,YAAA,EAAA,UAAA;EACE,YAAY,oBAAC,OAAD;GAAK,WAAU;GAA8B,UAAA;EAAc,CAAA;EACxE,oBAAC,OAAD;GAAK,WAAU;GAA0B;EAAc,CAAA;EACtD,aAAa,oBAAC,OAAD;GAAK,WAAU;GAA8B,UAAA;EAAe,CAAA;EACzE,eACA,oBAAC,cAAD,EAAc,WAAU,uEAAwE,CAAA;CAEhG,EAAA,CAAA;CAGH,IAAI,QAAQ,CAAC,UAAU;EAEtB,MAAM,EAAC,MAAM,UAAU,iBAAiB,cAAc,GAAG,gBAAe;EACxE,OACC,oBAAC,KAAD;GACM;GACC;GACE;GACR,KAAK,QAAQ,WAAW,WAAW,wBAAwB,KAAA;GAC3D,WAAW,GAAG,sBAAsB;IAAC;IAAS;GAAQ,CAAC,GAAG,SAAS;GACnE,GAAI;GAEH,UAAA;EACC,CAAA;CAEL;CAEA,OACC,oBAAC,OAAD;EACM;EACL,MAAK;EACL,UAAU,WAAW,KAAK;EAC1B,iBAAe;EACf,WAAW,GAAG,sBAAsB;GAAC;GAAS;EAAQ,CAAC,GAAG,SAAS;EACnE,SAAS;EACT,WAAW;EACX,GAAI;EAEH,UAAA;CACG,CAAA;AAEP,CACD;AACA,cAAc,cAAc"}

package/dist/code.d.mts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/code.d.ts
+declare const codeVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof codeVariants> {}
+/** Inline code element with monospace styling. */
+declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
+declare const codeBlockVariants: (props?: ({
+  variant?: "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement>, VariantProps<typeof codeBlockVariants> {
+  /** Show line numbers */
+  showLineNumbers?: boolean;
+}
+/** Multi-line code block with monospace styling. */
+declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLPreElement>>;
+//#endregion
+export { Code, CodeBlock, codeBlockVariants, codeVariants };
+//# sourceMappingURL=code.d.mts.map

package/dist/code.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.mts","names":[],"sources":["../src/code.tsx"],"mappings":";;;cAIM,eAAY;;6CAUhB;iBAEe,kBAAkB,MAAM,eAAe,cAAc,oBAAoB;;cAGpF,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA;cAKJ,oBAAiB;;6CAYtB;iBAEgB,uBAAuB,MAAM,eAAe,iBAAiB,oBAAoB;;EAEjG;;;cAIK,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA"}

package/dist/code.mjs

@@ -0,0 +1,48 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/code.tsx
+const codeVariants = cva("wwc:relative wwc:rounded wwc:px-1.5 wwc:py-0.5 wwc:font-mono wwc:text-sm", {
+	variants: { variant: {
+		default: "wwc:bg-muted wwc:text-foreground",
+		outline: "wwc:border wwc:border-border wwc:bg-background wwc:text-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/** Inline code element with monospace styling. */
+const Code = React.forwardRef(({ className, variant, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("code", {
+		ref,
+		className: cn(codeVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+});
+Code.displayName = "Code";
+const codeBlockVariants = cva("wwc:relative wwc:rounded-lg wwc:border wwc:border-border wwc:bg-muted wwc:p-4 wwc:font-mono wwc:text-sm", {
+	variants: { variant: { default: "" } },
+	defaultVariants: { variant: "default" }
+});
+/** Multi-line code block with monospace styling. */
+const CodeBlock = React.forwardRef(({ className, variant, children, showLineNumbers, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("pre", {
+		ref,
+		className: cn(codeBlockVariants({
+			variant,
+			className
+		})),
+		...props,
+		children: /* @__PURE__ */ jsx("code", {
+			className: "wwc:block wwc:overflow-x-auto",
+			children
+		})
+	});
+});
+CodeBlock.displayName = "CodeBlock";
+//#endregion
+export { Code, CodeBlock, codeBlockVariants, codeVariants };
+
+//# sourceMappingURL=code.mjs.map

package/dist/code.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.mjs","names":[],"sources":["../src/code.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\nconst codeVariants = cva(\"wwc:relative wwc:rounded wwc:px-1.5 wwc:py-0.5 wwc:font-mono wwc:text-sm\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"wwc:bg-muted wwc:text-foreground\",\n\t\t\toutline: \"wwc:border wwc:border-border wwc:bg-background wwc:text-foreground\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t},\n});\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof codeVariants> {}\n\n/** Inline code element with monospace styling. */\nconst Code = React.forwardRef<HTMLElement, CodeProps>(({className, variant, ...props}, ref) => {\n\treturn <code ref={ref} className={cn(codeVariants({variant, className}))} {...props} />;\n});\nCode.displayName = \"Code\";\n\nconst codeBlockVariants = cva(\n\t\"wwc:relative wwc:rounded-lg wwc:border wwc:border-border wwc:bg-muted wwc:p-4 wwc:font-mono wwc:text-sm\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nexport interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement>, VariantProps<typeof codeBlockVariants> {\n\t/** Show line numbers */\n\tshowLineNumbers?: boolean;\n}\n\n/** Multi-line code block with monospace styling. */\nconst CodeBlock = React.forwardRef<HTMLPreElement, CodeBlockProps>(\n\t({className, variant, children, showLineNumbers, ...props}, ref) => {\n\t\treturn (\n\t\t\t<pre ref={ref} className={cn(codeBlockVariants({variant, className}))} {...props}>\n\t\t\t\t<code className=\"wwc:block wwc:overflow-x-auto\">{children}</code>\n\t\t\t</pre>\n\t\t);\n\t},\n);\nCodeBlock.displayName = \"CodeBlock\";\n\nexport {Code, codeVariants, CodeBlock, codeBlockVariants};\n"],"mappings":";;;;;AAIA,MAAM,eAAe,IAAI,4EAA4E;CACpG,UAAU,EACT,SAAS;EACR,SAAS;EACT,SAAS;CACV,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CAAC;;AAKD,MAAM,OAAO,MAAM,YAAoC,EAAC,WAAW,SAAS,GAAG,SAAQ,QAAQ;CAC9F,OAAO,oBAAC,QAAD;EAAW;EAAK,WAAW,GAAG,aAAa;GAAC;GAAS;EAAS,CAAC,CAAC;EAAG,GAAI;CAAQ,CAAA;AACvF,CAAC;AACD,KAAK,cAAc;AAEnB,MAAM,oBAAoB,IACzB,2GACA;CACC,UAAU,EACT,SAAS,EACR,SAAS,GACV,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CACD;;AAQA,MAAM,YAAY,MAAM,YACtB,EAAC,WAAW,SAAS,UAAU,iBAAiB,GAAG,SAAQ,QAAQ;CACnE,OACC,oBAAC,OAAD;EAAU;EAAK,WAAW,GAAG,kBAAkB;GAAC;GAAS;EAAS,CAAC,CAAC;EAAG,GAAI;EAC1E,UAAA,oBAAC,QAAD;GAAM,WAAU;GAAiC;EAAe,CAAA;CAC5D,CAAA;AAEP,CACD;AACA,UAAU,cAAc"}

package/dist/collapsible.d.mts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+//#region src/collapsible.d.ts
+/** An interactive component that expands and collapses content. */
+declare const Collapsible: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: typeof CollapsiblePrimitive.CollapsibleTrigger;
+declare const CollapsibleContent: typeof CollapsiblePrimitive.CollapsibleContent;
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.d.mts.map

package/dist/collapsible.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.mts","names":[],"sources":["../src/collapsible.tsx"],"mappings":";;;;cAIM,aAAW,MAAA,0BAAA,KAAA,qBAAA,mBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAKX,2BAA2B,qBAAqB;cAChD,2BAA2B,qBAAqB"}

package/dist/collapsible.mjs

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+//#region src/collapsible.tsx
+/** An interactive component that expands and collapses content. */
+const Collapsible = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+	ref,
+	...props
+}));
+Collapsible.displayName = "Collapsible";
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+
+//# sourceMappingURL=collapsible.mjs.map

package/dist/collapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.mjs","names":[],"sources":["../src/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport * as React from \"react\";\n\n/** An interactive component that expands and collapses content. */\nconst Collapsible = React.forwardRef<\n\tReact.ElementRef<typeof CollapsiblePrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>((props, ref) => <CollapsiblePrimitive.Root ref={ref} {...props} />);\nCollapsible.displayName = \"Collapsible\";\nconst CollapsibleTrigger: typeof CollapsiblePrimitive.CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\nconst CollapsibleContent: typeof CollapsiblePrimitive.CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport {Collapsible, CollapsibleTrigger, CollapsibleContent};\n"],"mappings":";;;;;AAIA,MAAM,cAAc,MAAM,YAGvB,OAAO,QAAQ,oBAAC,qBAAqB,MAAtB;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,YAAY,cAAc;AAC1B,MAAM,qBAAqE,qBAAqB;AAChG,MAAM,qBAAqE,qBAAqB"}

package/dist/combobox.d.mts

@@ -0,0 +1,116 @@
+import * as React from "react";
+//#region src/combobox.d.ts
+export interface ComboboxOption<TData = unknown> {
+  value: string;
+  label: string;
+  disabled?: boolean;
+  /**
+   * Optional leading visual, rendered in the list and on the trigger once selected. Lets a caller
+   * whose options carry an identity (an object type's glyph) stay searchable without forking this
+   * component. Omitted, the option renders exactly as it always has.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The record this option was derived from. Handed back as the second argument to `onValueChange`,
+   * so a caller binding a whole object (`{id, name}`) into a form gets it without re-deriving it from
+   * the value.
+   */
+  data?: TData;
+}
+export interface ComboboxProps<TData = unknown> {
+  options: ComboboxOption<TData>[];
+  value?: string;
+  /** Receives the new value, and the option it came from when one is in `options`. */
+  onValueChange?: (value: string, option?: ComboboxOption<TData>) => void;
+  placeholder?: string;
+  searchPlaceholder?: string;
+  emptyMessage?: string;
+  className?: string;
+  /** Class applied to the popover content. Overrides the default 200px width. */
+  popoverClassName?: string;
+  disabled?: boolean;
+  /** When true, typing a value not in the list offers a "Create …" action. */
+  creatable?: boolean;
+  /** Called with the trimmed search text when the create action is chosen. */
+  onCreateOption?: (input: string) => void;
+  /** Label for the create action; defaults to `Create "<input>"`. */
+  createLabel?: (input: string) => string;
+  /** Called with the debounced search term. Supplying it switches the combobox to async mode. */
+  onSearch?: (term: string) => void;
+  /** Debounce applied before `onSearch` fires. Default 300 ms; `0` fires on every keystroke. */
+  searchDebounce?: number;
+  /** Client-side filtering. Defaults to off in async mode, on otherwise — set it to override. */
+  shouldFilter?: boolean;
+  /** Renders a spinner in the list. Also gates `onLoadMore`, so paging cannot stack requests. */
+  loading?: boolean;
+  /** Shown in place of `emptyMessage` while `loading` and the list is empty. */
+  loadingMessage?: string;
+  /** Called when the list is scrolled near its end and `hasMore` is not false — fetch the next page. */
+  onLoadMore?: () => void;
+  /** Set false once the server has no further pages; stops `onLoadMore` firing. Default true. */
+  hasMore?: boolean;
+  /**
+   * The selected option, for when it is not in the current page of `options` — an async list that has
+   * been searched or paged past the selection would otherwise show the raw value on the trigger.
+   */
+  selectedOption?: ComboboxOption<TData>;
+  /** Id of the trigger, so a `<label htmlFor>` can point at it. */
+  id?: string;
+  /** Accessible name, when no visible label points at the trigger. */
+  "aria-label"?: string;
+  /** Id of the visible label naming this combobox. */
+  "aria-labelledby"?: string;
+  /** Id of the hint or error line describing this combobox. */
+  "aria-describedby"?: string;
+  /** Marks the trigger invalid to assistive tech. Pair it with the field's error text. */
+  "aria-invalid"?: boolean;
+  /**
+   * Controls the popover. Omit it and the combobox opens and closes itself, as before; pass it with
+   * `onOpenChange` and the caller owns the state — for a form that must keep the list open across a
+   * re-render, or a test that wants it open on mount.
+   */
+  open?: boolean;
+  /** Called with the popover's next open state. Pair it with `open` to control the combobox. */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Makes the popover its own modal layer: it takes `pointer-events` from everything beneath and
+   * traps focus. Off by default. Inside a `Dialog` you should not need it — the popover already
+   * renders inside the dialog (see `container`) — so reach for it only for a popover that must sit
+   * above a non-Radix overlay of the host's own.
+   */
+  modal?: boolean;
+  /**
+   * Where the popover is portalled. Defaults to the enclosing `DialogContent` when there is one and
+   * `document.body` otherwise, which is what keeps the list clickable inside a dialog (issue #294).
+   * Pass an element to override that, or `null` to force `document.body`.
+   */
+  container?: HTMLElement | null;
+}
+/**
+ * A searchable dropdown combining a Popover, Command palette, and Button. Optionally creatable.
+ *
+ * Static list — filtered as you type:
+ *
+ * ```tsx
+ * <Combobox options={trades} value={trade} onValueChange={setTrade} />
+ * ```
+ *
+ * Server-backed list — searched and paged by the caller. `onSearch` turns client-side filtering off,
+ * so whatever the server returns is shown in order:
+ *
+ * ```tsx
+ * <Combobox
+ *   options={page.items}
+ *   loading={isFetching}
+ *   hasMore={page.hasNextPage}
+ *   onSearch={setTerm}
+ *   onLoadMore={fetchNextPage}
+ *   selectedOption={selected}
+ *   onValueChange={(_, option) => field.onChange(option?.data)}
+ * />
+ * ```
+ */
+declare function Combobox<TData = unknown>({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, className, popoverClassName, disabled, creatable, onCreateOption, createLabel, onSearch, searchDebounce, shouldFilter, loading, loadingMessage, onLoadMore, hasMore, selectedOption: selectedOptionProp, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, open: openProp, onOpenChange, modal, container }: ComboboxProps<TData>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Combobox };
+//# sourceMappingURL=combobox.d.mts.map