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

package/dist/heading.mjs

@@ -0,0 +1,43 @@
+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/heading.tsx
+const headingVariants = cva("wwc:font-semibold wwc:tracking-tight", {
+	variants: {
+		level: {
+			h1: "wwc:text-4xl wwc:lg:text-5xl",
+			h2: "wwc:text-3xl wwc:lg:text-4xl",
+			h3: "wwc:text-2xl wwc:lg:text-3xl",
+			h4: "wwc:text-xl wwc:lg:text-2xl",
+			h5: "wwc:text-lg wwc:lg:text-xl",
+			h6: "wwc:text-base wwc:lg:text-lg"
+		},
+		variant: {
+			default: "wwc:text-foreground",
+			muted: "wwc:text-muted-foreground",
+			accent: "wwc:text-primary"
+		}
+	},
+	defaultVariants: {
+		level: "h2",
+		variant: "default"
+	}
+});
+/** Semantic heading element with consistent typography. */
+const Heading = React.forwardRef(({ className, level, variant, as, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(as || level || "h2", {
+		ref,
+		className: cn(headingVariants({
+			level: level || as,
+			variant,
+			className
+		})),
+		...props
+	});
+});
+Heading.displayName = "Heading";
+//#endregion
+export { Heading, headingVariants };
+
+//# sourceMappingURL=heading.mjs.map

package/dist/heading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.mjs","names":[],"sources":["../src/heading.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\nconst headingVariants = cva(\"wwc:font-semibold wwc:tracking-tight\", {\n\tvariants: {\n\t\tlevel: {\n\t\t\th1: \"wwc:text-4xl wwc:lg:text-5xl\",\n\t\t\th2: \"wwc:text-3xl wwc:lg:text-4xl\",\n\t\t\th3: \"wwc:text-2xl wwc:lg:text-3xl\",\n\t\t\th4: \"wwc:text-xl wwc:lg:text-2xl\",\n\t\t\th5: \"wwc:text-lg wwc:lg:text-xl\",\n\t\t\th6: \"wwc:text-base wwc:lg:text-lg\",\n\t\t},\n\t\tvariant: {\n\t\t\tdefault: \"wwc:text-foreground\",\n\t\t\tmuted: \"wwc:text-muted-foreground\",\n\t\t\taccent: \"wwc:text-primary\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tlevel: \"h2\",\n\t\tvariant: \"default\",\n\t},\n});\n\nexport interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {\n\t/** Override the semantic HTML tag while keeping the visual style */\n\tas?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\n/** Semantic heading element with consistent typography. */\nconst Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(({className, level, variant, as, ...props}, ref) => {\n\tconst Component = as || level || \"h2\";\n\treturn <Component ref={ref} className={cn(headingVariants({level: level || as, variant, className}))} {...props} />;\n});\nHeading.displayName = \"Heading\";\n\nexport {Heading, headingVariants};\n"],"mappings":";;;;;AAIA,MAAM,kBAAkB,IAAI,wCAAwC;CACnE,UAAU;EACT,OAAO;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACL;EACA,SAAS;GACR,SAAS;GACT,OAAO;GACP,QAAQ;EACT;CACD;CACA,iBAAiB;EAChB,OAAO;EACP,SAAS;CACV;AACD,CAAC;;AAQD,MAAM,UAAU,MAAM,YAA8C,EAAC,WAAW,OAAO,SAAS,IAAI,GAAG,SAAQ,QAAQ;CAEtH,OAAO,oBADW,MAAM,SAAS,MAC1B;EAAgB;EAAK,WAAW,GAAG,gBAAgB;GAAC,OAAO,SAAS;GAAI;GAAS;EAAS,CAAC,CAAC;EAAG,GAAI;CAAQ,CAAA;AACnH,CAAC;AACD,QAAQ,cAAc"}

package/dist/house-shape.d.mts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/house-shape.d.ts
+declare const houseShapeVariants: (props?: ({
+  variant?: "muted" | "destructive" | "secondary" | "primary" | "accent" | null | undefined;
+  state?: "selected" | "idle" | "hovered" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface HouseShapeProps extends Omit<React.SVGProps<SVGSVGElement>, "state">, VariantProps<typeof houseShapeVariants> {
+  /** Accessible label for the house (rendered as `<title>` and `aria-label`). */
+  name?: string;
+  /** Half-footprint size of the house on the grid. */
+  size?: number;
+  /** Wall height. */
+  wall?: number;
+  /** Roof height above the wall top. */
+  roof?: number;
+}
+/** An isometric SVG house tile whose palette, hover, and selected states are driven by design tokens. */
+declare const HouseShape: React.ForwardRefExoticComponent<Omit<HouseShapeProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+//#endregion
+export { HouseShape, houseShapeVariants };
+//# sourceMappingURL=house-shape.d.mts.map

package/dist/house-shape.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"house-shape.d.mts","names":[],"sources":["../src/house-shape.tsx"],"mappings":";;;cA0BM,qBAAkB;;;6CAmBtB;iBAIe,wBACR,KAAK,MAAM,SAAS,0BAA0B,oBAAoB;;EAE1E;;EAEA;;EAEA;;EAEA;;;cAIK,YAAU,MAAA,0BAAA,KAAA,0BAAA,MAAA,cAAA"}

package/dist/house-shape.mjs

@@ -0,0 +1,103 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/house-shape.tsx
+/** Projects a grid point (optionally lifted by `h`) into screen space. */
+function iso(gx, gy, h = 0) {
+	return [(gx - gy) * .8660254, (gx + gy) * .5 - h];
+}
+function polyStr(...points) {
+	return points.map(([x, y]) => `${x},${y}`).join(" ");
+}
+const houseShapeVariants = cva("wwc:overflow-visible", {
+	variants: {
+		variant: {
+			primary: "wwc:text-primary",
+			secondary: "wwc:text-secondary",
+			accent: "wwc:text-accent",
+			muted: "wwc:text-muted-foreground",
+			destructive: "wwc:text-destructive"
+		},
+		state: {
+			idle: "wwc:stroke-foreground/35 wwc:[stroke-width:0.5]",
+			hovered: "wwc:stroke-sky-400 wwc:[stroke-width:1.6]",
+			selected: "wwc:stroke-amber-500 wwc:[stroke-width:1.6]"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		state: "idle"
+	}
+});
+const FACE_OPACITY = {
+	wall: 1,
+	side: .65,
+	roof: .9,
+	roofDark: .5
+};
+/** An isometric SVG house tile whose palette, hover, and selected states are driven by design tokens. */
+const HouseShape = React.forwardRef(({ className, variant, state, name = "House", size = 14, wall = 22, roof = 16, ...props }, ref) => {
+	const s = size;
+	const b = iso(s, -s), c = iso(s, s), d = iso(-s, s);
+	const aT = iso(-s, -s, wall), bT = iso(s, -s, wall), cT = iso(s, s, wall), dT = iso(-s, s, wall);
+	const apex = iso(0, 0, wall + roof);
+	const span = s * 2;
+	return /* @__PURE__ */ jsxs("svg", {
+		ref,
+		viewBox: `${-span} ${-(wall + roof) - 8} ${span * 2} ${wall + roof + span + 8}`,
+		role: "img",
+		"aria-label": name,
+		className: cn(houseShapeVariants({
+			variant,
+			state
+		}), className),
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("title", { children: name }),
+			/* @__PURE__ */ jsx("polygon", {
+				points: polyStr(b, c, cT, bT),
+				className: "wwc:fill-current",
+				fillOpacity: FACE_OPACITY.wall
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: polyStr(d, c, cT, dT),
+				className: "wwc:fill-current",
+				fillOpacity: FACE_OPACITY.side
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: polyStr(aT, bT, apex),
+				className: "wwc:fill-current",
+				fillOpacity: FACE_OPACITY.roofDark
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: polyStr(aT, dT, apex),
+				className: "wwc:fill-current",
+				fillOpacity: FACE_OPACITY.roofDark
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: polyStr(bT, cT, apex),
+				className: "wwc:fill-current",
+				fillOpacity: FACE_OPACITY.roof
+			}),
+			/* @__PURE__ */ jsx("polygon", {
+				points: polyStr(dT, cT, apex),
+				className: "wwc:fill-current",
+				fillOpacity: FACE_OPACITY.roofDark
+			}),
+			state === "selected" && /* @__PURE__ */ jsx("circle", {
+				cx: apex[0],
+				cy: apex[1] - 7,
+				r: 3.6,
+				className: "wwc:fill-amber-500 wwc:stroke-background",
+				strokeWidth: 1.3
+			})
+		]
+	});
+});
+HouseShape.displayName = "HouseShape";
+//#endregion
+export { HouseShape, houseShapeVariants };
+
+//# sourceMappingURL=house-shape.mjs.map

package/dist/house-shape.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"house-shape.mjs","names":[],"sources":["../src/house-shape.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\n/* -----------------------------------------------------------------------------\n * Isometric projection helpers\n * -------------------------------------------------------------------------- */\n\ntype Point = readonly [number, number];\n\n/** Projects a grid point (optionally lifted by `h`) into screen space. */\nfunction iso(gx: number, gy: number, h = 0): Point {\n\treturn [(gx - gy) * 0.8660254, (gx + gy) * 0.5 - h];\n}\n\nfunction polyStr(...points: Point[]): string {\n\treturn points.map(([x, y]) => `${x},${y}`).join(\" \");\n}\n\n/* -----------------------------------------------------------------------------\n * Variants\n * -------------------------------------------------------------------------- */\n\n// The palette is driven by the root `text-*` colour; each face uses `fill-current`\n// with an SVG `fillOpacity` to express depth (lit wall → shaded side → roof → shaded\n// roof), so a house re-themes with the rest of Core instead of using raw hex.\nconst houseShapeVariants = cva(\"wwc:overflow-visible\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tprimary: \"wwc:text-primary\",\n\t\t\tsecondary: \"wwc:text-secondary\",\n\t\t\taccent: \"wwc:text-accent\",\n\t\t\tmuted: \"wwc:text-muted-foreground\",\n\t\t\tdestructive: \"wwc:text-destructive\",\n\t\t},\n\t\tstate: {\n\t\t\tidle: \"wwc:stroke-foreground/35 wwc:[stroke-width:0.5]\",\n\t\t\thovered: \"wwc:stroke-sky-400 wwc:[stroke-width:1.6]\",\n\t\t\tselected: \"wwc:stroke-amber-500 wwc:[stroke-width:1.6]\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"primary\",\n\t\tstate: \"idle\",\n\t},\n});\n\nconst FACE_OPACITY = {wall: 1, side: 0.65, roof: 0.9, roofDark: 0.5} as const;\n\nexport interface HouseShapeProps\n\textends Omit<React.SVGProps<SVGSVGElement>, \"state\">, VariantProps<typeof houseShapeVariants> {\n\t/** Accessible label for the house (rendered as `<title>` and `aria-label`). */\n\tname?: string;\n\t/** Half-footprint size of the house on the grid. */\n\tsize?: number;\n\t/** Wall height. */\n\twall?: number;\n\t/** Roof height above the wall top. */\n\troof?: number;\n}\n\n/** An isometric SVG house tile whose palette, hover, and selected states are driven by design tokens. */\nconst HouseShape = React.forwardRef<SVGSVGElement, HouseShapeProps>(\n\t({className, variant, state, name = \"House\", size = 14, wall = 22, roof = 16, ...props}, ref) => {\n\t\tconst s = size;\n\t\tconst b = iso(s, -s),\n\t\t\tc = iso(s, s),\n\t\t\td = iso(-s, s);\n\t\tconst aT = iso(-s, -s, wall),\n\t\t\tbT = iso(s, -s, wall),\n\t\t\tcT = iso(s, s, wall),\n\t\t\tdT = iso(-s, s, wall);\n\t\tconst apex = iso(0, 0, wall + roof);\n\t\tconst span = s * 2;\n\n\t\treturn (\n\t\t\t<svg\n\t\t\t\tref={ref}\n\t\t\t\tviewBox={`${-span} ${-(wall + roof) - 8} ${span * 2} ${wall + roof + span + 8}`}\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={name}\n\t\t\t\tclassName={cn(houseShapeVariants({variant, state}), className)}\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<title>{name}</title>\n\t\t\t\t{/* Two visible walls. */}\n\t\t\t\t<polygon points={polyStr(b, c, cT, bT)} className=\"wwc:fill-current\" fillOpacity={FACE_OPACITY.wall} />\n\t\t\t\t<polygon points={polyStr(d, c, cT, dT)} className=\"wwc:fill-current\" fillOpacity={FACE_OPACITY.side} />\n\t\t\t\t{/* Hip roof: the two back faces first, then the two facing the viewer. */}\n\t\t\t\t<polygon points={polyStr(aT, bT, apex)} className=\"wwc:fill-current\" fillOpacity={FACE_OPACITY.roofDark} />\n\t\t\t\t<polygon points={polyStr(aT, dT, apex)} className=\"wwc:fill-current\" fillOpacity={FACE_OPACITY.roofDark} />\n\t\t\t\t<polygon points={polyStr(bT, cT, apex)} className=\"wwc:fill-current\" fillOpacity={FACE_OPACITY.roof} />\n\t\t\t\t<polygon points={polyStr(dT, cT, apex)} className=\"wwc:fill-current\" fillOpacity={FACE_OPACITY.roofDark} />\n\t\t\t\t{state === \"selected\" && (\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx={apex[0]}\n\t\t\t\t\t\tcy={apex[1] - 7}\n\t\t\t\t\t\tr={3.6}\n\t\t\t\t\t\tclassName=\"wwc:fill-amber-500 wwc:stroke-background\"\n\t\t\t\t\t\tstrokeWidth={1.3}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</svg>\n\t\t);\n\t},\n);\nHouseShape.displayName = \"HouseShape\";\n\nexport {HouseShape, houseShapeVariants};\n"],"mappings":";;;;;;AAWA,SAAS,IAAI,IAAY,IAAY,IAAI,GAAU;CAClD,OAAO,EAAE,KAAK,MAAM,WAAY,KAAK,MAAM,KAAM,CAAC;AACnD;AAEA,SAAS,QAAQ,GAAG,QAAyB;CAC5C,OAAO,OAAO,KAAK,CAAC,GAAG,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,KAAK,GAAG;AACpD;AASA,MAAM,qBAAqB,IAAI,wBAAwB;CACtD,UAAU;EACT,SAAS;GACR,SAAS;GACT,WAAW;GACX,QAAQ;GACR,OAAO;GACP,aAAa;EACd;EACA,OAAO;GACN,MAAM;GACN,SAAS;GACT,UAAU;EACX;CACD;CACA,iBAAiB;EAChB,SAAS;EACT,OAAO;CACR;AACD,CAAC;AAED,MAAM,eAAe;CAAC,MAAM;CAAG,MAAM;CAAM,MAAM;CAAK,UAAU;AAAG;;AAenE,MAAM,aAAa,MAAM,YACvB,EAAC,WAAW,SAAS,OAAO,OAAO,SAAS,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,GAAG,SAAQ,QAAQ;CAChG,MAAM,IAAI;CACV,MAAM,IAAI,IAAI,GAAG,CAAC,CAAC,GAClB,IAAI,IAAI,GAAG,CAAC,GACZ,IAAI,IAAI,CAAC,GAAG,CAAC;CACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,GAC1B,KAAK,IAAI,GAAG,CAAC,GAAG,IAAI,GACpB,KAAK,IAAI,GAAG,GAAG,IAAI,GACnB,KAAK,IAAI,CAAC,GAAG,GAAG,IAAI;CACrB,MAAM,OAAO,IAAI,GAAG,GAAG,OAAO,IAAI;CAClC,MAAM,OAAO,IAAI;CAEjB,OACC,qBAAC,OAAD;EACM;EACL,SAAS,GAAG,CAAC,KAAK,GAAG,EAAE,OAAO,QAAQ,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,OAAO,OAAO;EAC5E,MAAK;EACL,cAAY;EACZ,WAAW,GAAG,mBAAmB;GAAC;GAAS;EAAK,CAAC,GAAG,SAAS;EAC7D,gBAAe;EACf,GAAI;EAPL,UAAA;GASC,oBAAC,SAAD,EAAA,UAAQ,KAAY,CAAA;GAEpB,oBAAC,WAAD;IAAS,QAAQ,QAAQ,GAAG,GAAG,IAAI,EAAE;IAAG,WAAU;IAAmB,aAAa,aAAa;GAAO,CAAA;GACtG,oBAAC,WAAD;IAAS,QAAQ,QAAQ,GAAG,GAAG,IAAI,EAAE;IAAG,WAAU;IAAmB,aAAa,aAAa;GAAO,CAAA;GAEtG,oBAAC,WAAD;IAAS,QAAQ,QAAQ,IAAI,IAAI,IAAI;IAAG,WAAU;IAAmB,aAAa,aAAa;GAAW,CAAA;GAC1G,oBAAC,WAAD;IAAS,QAAQ,QAAQ,IAAI,IAAI,IAAI;IAAG,WAAU;IAAmB,aAAa,aAAa;GAAW,CAAA;GAC1G,oBAAC,WAAD;IAAS,QAAQ,QAAQ,IAAI,IAAI,IAAI;IAAG,WAAU;IAAmB,aAAa,aAAa;GAAO,CAAA;GACtG,oBAAC,WAAD;IAAS,QAAQ,QAAQ,IAAI,IAAI,IAAI;IAAG,WAAU;IAAmB,aAAa,aAAa;GAAW,CAAA;GACzG,UAAU,cACV,oBAAC,UAAD;IACC,IAAI,KAAK;IACT,IAAI,KAAK,KAAK;IACd,GAAG;IACH,WAAU;IACV,aAAa;GACb,CAAA;EAEE;;AAEP,CACD;AACA,WAAW,cAAc"}

package/dist/hover-card.d.mts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+//#region src/hover-card.d.ts
+/** A card that appears when the user hovers over a trigger element. */
+declare function HoverCard(props: React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const HoverCardTrigger: typeof HoverCardPrimitive.Trigger;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.mts","names":[],"sources":["../src/hover-card.tsx"],"mappings":";;;;iBAKS,UAAU,OAAO,MAAM,gCAAgC,mBAAmB,oCAAK,IAAA;cAGlF,yBAAyB,mBAAmB;cAE5C,kBAAgB,MAAA,0BAAA,KAAA,mBAAA,wBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA"}

package/dist/hover-card.mjs

@@ -0,0 +1,22 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+//#region src/hover-card.tsx
+/** A card that appears when the user hovers over a trigger element. */
+function HoverCard(props) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { ...props });
+}
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = React.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
+	ref,
+	align,
+	sideOffset,
+	className: cn("wwc:z-50 wwc:w-64 wwc:rounded-md wwc:border wwc:bg-popover wwc:p-4 wwc:text-popover-foreground wwc:shadow-md wwc:outline-none wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0 wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-95 wwc:data-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+
+//# sourceMappingURL=hover-card.mjs.map

package/dist/hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.mjs","names":[],"sources":["../src/hover-card.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport * as React from \"react\";\n\n/** A card that appears when the user hovers over a trigger element. */\nfunction HoverCard(props: React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>) {\n\treturn <HoverCardPrimitive.Root {...props} />;\n}\nconst HoverCardTrigger: typeof HoverCardPrimitive.Trigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = React.forwardRef<\n\tReact.ElementRef<typeof HoverCardPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({className, align = \"start\", sideOffset = 4, ...props}, ref) => (\n\t<HoverCardPrimitive.Content\n\t\tref={ref}\n\t\talign={align}\n\t\tsideOffset={sideOffset}\n\t\tclassName={cn(\n\t\t\t\"wwc:z-50 wwc:w-64 wwc:rounded-md wwc:border wwc:bg-popover wwc:p-4 wwc:text-popover-foreground wwc:shadow-md wwc:outline-none wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0 wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-95 wwc:data-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport {HoverCard, HoverCardTrigger, HoverCardContent};\n"],"mappings":";;;;;;AAKA,SAAS,UAAU,OAAuE;CACzF,OAAO,oBAAC,mBAAmB,MAApB,EAAyB,GAAI,MAAQ,CAAA;AAC7C;AACA,MAAM,mBAAsD,mBAAmB;AAE/E,MAAM,mBAAmB,MAAM,YAG5B,EAAC,WAAW,QAAQ,SAAS,aAAa,GAAG,GAAG,SAAQ,QAC1D,oBAAC,mBAAmB,SAApB;CACM;CACE;CACK;CACZ,WAAW,GACV,0fACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,iBAAiB,cAAc,mBAAmB,QAAQ"}

package/dist/icon-button.d.mts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/icon-button.d.ts
+declare const iconButtonVariants: (props?: ({
+  variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
+  asChild?: boolean;
+  loading?: boolean;
+  /** Hover/focus hint. Icon-only buttons must always set this for accessibility. */
+  tooltip: React.ReactNode;
+  /** Which side the tooltip opens on. Defaults to "top". */
+  tooltipSide?: "top" | "right" | "bottom" | "left";
+}
+/** A button that displays only an icon. Requires a tooltip for accessibility. */
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconButton, iconButtonVariants };
+//# sourceMappingURL=icon-button.d.mts.map

package/dist/icon-button.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.mts","names":[],"sources":["../src/icon-button.tsx"],"mappings":";;;cAQM,qBAAkB;;;6CAuBvB;iBAEgB,wBACR,MAAM,qBAAqB,oBAAoB,oBAAoB;EAC3E;EACA;;EAEA,SAAS,MAAM;;EAEf;;;cAIK,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/icon-button.mjs

@@ -0,0 +1,52 @@
+import { Spinner } from "./spinner.mjs";
+import { HoverTooltip } from "./tooltip.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/icon-button.tsx
+const iconButtonVariants = cva("wwc:inline-flex wwc:items-center wwc:justify-center wwc:whitespace-nowrap wwc:rounded-md wwc:text-sm wwc:font-medium wwc:transition-colors wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:disabled:pointer-events-none wwc:disabled:opacity-50 wwc:[&_svg]:pointer-events-none wwc:[&_svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "wwc:bg-primary wwc:text-primary-foreground wwc:shadow wwc:hover:bg-primary/90",
+			destructive: "wwc:bg-destructive wwc:text-destructive-foreground wwc:shadow-sm wwc:hover:bg-destructive/90",
+			outline: "wwc:border wwc:border-border wwc:dark:border-foreground/30 wwc:bg-card wwc:shadow-sm wwc:hover:bg-accent wwc:hover:text-accent-foreground",
+			secondary: "wwc:bg-secondary wwc:text-secondary-foreground wwc:shadow-sm wwc:hover:bg-secondary/80",
+			ghost: "wwc:hover:bg-accent wwc:hover:text-accent-foreground"
+		},
+		size: {
+			sm: "wwc:h-7 wwc:w-7 wwc:[&_svg]:size-3.5",
+			md: "wwc:h-8 wwc:w-8 wwc:[&_svg]:size-4",
+			lg: "wwc:h-10 wwc:w-10 wwc:[&_svg]:size-5"
+		}
+	},
+	defaultVariants: {
+		variant: "ghost",
+		size: "md"
+	}
+});
+/** A button that displays only an icon. Requires a tooltip for accessibility. */
+const IconButton = React.forwardRef(({ className, variant, size, asChild = false, loading = false, children, disabled, tooltip, tooltipSide = "top", ...props }, ref) => {
+	const button = /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		className: cn(iconButtonVariants({
+			variant,
+			size,
+			className
+		})),
+		ref,
+		disabled: disabled || loading,
+		...props,
+		children: loading ? /* @__PURE__ */ jsx(Spinner, { className: "wwc:h-4 wwc:w-4" }) : children
+	});
+	return /* @__PURE__ */ jsx(HoverTooltip, {
+		content: tooltip,
+		side: tooltipSide,
+		children: button
+	});
+});
+IconButton.displayName = "IconButton";
+//#endregion
+export { IconButton, iconButtonVariants };
+
+//# sourceMappingURL=icon-button.mjs.map

package/dist/icon-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.mjs","names":[],"sources":["../src/icon-button.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Slot} from \"@radix-ui/react-slot\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport {Spinner} from \"./spinner\";\nimport {HoverTooltip} from \"./tooltip\";\n\nconst iconButtonVariants = cva(\n\t\"wwc:inline-flex wwc:items-center wwc:justify-center wwc:whitespace-nowrap wwc:rounded-md wwc:text-sm wwc:font-medium wwc:transition-colors wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:disabled:pointer-events-none wwc:disabled:opacity-50 wwc:[&_svg]:pointer-events-none wwc:[&_svg]:shrink-0\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"wwc:bg-primary wwc:text-primary-foreground wwc:shadow wwc:hover:bg-primary/90\",\n\t\t\t\tdestructive: \"wwc:bg-destructive wwc:text-destructive-foreground wwc:shadow-sm wwc:hover:bg-destructive/90\",\n\t\t\t\toutline:\n\t\t\t\t\t\"wwc:border wwc:border-border wwc:dark:border-foreground/30 wwc:bg-card wwc:shadow-sm wwc:hover:bg-accent wwc:hover:text-accent-foreground\",\n\t\t\t\tsecondary: \"wwc:bg-secondary wwc:text-secondary-foreground wwc:shadow-sm wwc:hover:bg-secondary/80\",\n\t\t\t\tghost: \"wwc:hover:bg-accent wwc:hover:text-accent-foreground\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: \"wwc:h-7 wwc:w-7 wwc:[&_svg]:size-3.5\",\n\t\t\t\tmd: \"wwc:h-8 wwc:w-8 wwc:[&_svg]:size-4\",\n\t\t\t\tlg: \"wwc:h-10 wwc:w-10 wwc:[&_svg]:size-5\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"ghost\",\n\t\t\tsize: \"md\",\n\t\t},\n\t},\n);\n\nexport interface IconButtonProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {\n\tasChild?: boolean;\n\tloading?: boolean;\n\t/** Hover/focus hint. Icon-only buttons must always set this for accessibility. */\n\ttooltip: React.ReactNode;\n\t/** Which side the tooltip opens on. Defaults to \"top\". */\n\ttooltipSide?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\n/** A button that displays only an icon. Requires a tooltip for accessibility. */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvariant,\n\t\t\tsize,\n\t\t\tasChild = false,\n\t\t\tloading = false,\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\ttooltip,\n\t\t\ttooltipSide = \"top\",\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst Comp = asChild ? Slot : \"button\";\n\n\t\tconst button = (\n\t\t\t<Comp\n\t\t\t\tclassName={cn(iconButtonVariants({variant, size, className}))}\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled || loading}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{loading ? <Spinner className=\"wwc:h-4 wwc:w-4\" /> : children}\n\t\t\t</Comp>\n\t\t);\n\n\t\treturn (\n\t\t\t<HoverTooltip content={tooltip} side={tooltipSide}>\n\t\t\t\t{button}\n\t\t\t</HoverTooltip>\n\t\t);\n\t},\n);\nIconButton.displayName = \"IconButton\";\n\nexport {IconButton, iconButtonVariants};\n"],"mappings":";;;;;;;;AAQA,MAAM,qBAAqB,IAC1B,gVACA;CACC,UAAU;EACT,SAAS;GACR,SAAS;GACT,aAAa;GACb,SACC;GACD,WAAW;GACX,OAAO;EACR;EACA,MAAM;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;EACL;CACD;CACA,iBAAiB;EAChB,SAAS;EACT,MAAM;CACP;AACD,CACD;;AAaA,MAAM,aAAa,MAAM,YAEvB,EACC,WACA,SACA,MACA,UAAU,OACV,UAAU,OACV,UACA,UACA,SACA,cAAc,OACd,GAAG,SAEJ,QACI;CAGJ,MAAM,SACL,oBAHY,UAAU,OAAO,UAG7B;EACC,WAAW,GAAG,mBAAmB;GAAC;GAAS;GAAM;EAAS,CAAC,CAAC;EACvD;EACL,UAAU,YAAY;EACtB,GAAI;EAEH,UAAA,UAAU,oBAAC,SAAD,EAAS,WAAU,kBAAmB,CAAA,IAAI;CAChD,CAAA;CAGP,OACC,oBAAC,cAAD;EAAc,SAAS;EAAS,MAAM;EACpC,UAAA;CACY,CAAA;AAEhB,CACD;AACA,WAAW,cAAc"}

package/dist/icon.d.mts

@@ -0,0 +1,16 @@
+import { LucideIcon, LucideProps } from "lucide-react";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/icon.d.ts
+declare const iconVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IconProps extends Omit<LucideProps, "size">, VariantProps<typeof iconVariants> {
+  /** The Lucide icon component to render */
+  icon: LucideIcon;
+}
+/** A wrapper component for Lucide icons with consistent sizing. */
+declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+//#endregion
+export { Icon, iconVariants };
+//# sourceMappingURL=icon.d.mts.map

package/dist/icon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.mts","names":[],"sources":["../src/icon.tsx"],"mappings":";;;;cAKM,eAAY;;6CAahB;iBAEe,kBAAkB,KAAK,sBAAsB,oBAAoB;;EAEjF,MAAM;;;cAID,MAAI,MAAA,0BAAA,KAAA,oBAAA,MAAA,cAAA"}

package/dist/icon.mjs

@@ -0,0 +1,32 @@
+import { cn } from "@corensystem/coren-utils";
+import "lucide-react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/icon.tsx
+const iconVariants = cva("wwc:shrink-0", {
+	variants: { size: {
+		xs: "wwc:size-3",
+		sm: "wwc:size-4",
+		md: "wwc:size-5",
+		lg: "wwc:size-6",
+		xl: "wwc:size-8"
+	} },
+	defaultVariants: { size: "md" }
+});
+/** A wrapper component for Lucide icons with consistent sizing. */
+const Icon = React.forwardRef(({ className, size, icon: IconComponent, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(IconComponent, {
+		ref,
+		className: cn(iconVariants({
+			size,
+			className
+		})),
+		...props
+	});
+});
+Icon.displayName = "Icon";
+//#endregion
+export { Icon, iconVariants };
+
+//# sourceMappingURL=icon.mjs.map

package/dist/icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.mjs","names":[],"sources":["../src/icon.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport {type LucideIcon, type LucideProps} from \"lucide-react\";\nimport * as React from \"react\";\n\nconst iconVariants = cva(\"wwc:shrink-0\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"wwc:size-3\",\n\t\t\tsm: \"wwc:size-4\",\n\t\t\tmd: \"wwc:size-5\",\n\t\t\tlg: \"wwc:size-6\",\n\t\t\txl: \"wwc:size-8\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t},\n});\n\nexport interface IconProps extends Omit<LucideProps, \"size\">, VariantProps<typeof iconVariants> {\n\t/** The Lucide icon component to render */\n\ticon: LucideIcon;\n}\n\n/** A wrapper component for Lucide icons with consistent sizing. */\nconst Icon = React.forwardRef<SVGSVGElement, IconProps>(({className, size, icon: IconComponent, ...props}, ref) => {\n\treturn <IconComponent ref={ref} className={cn(iconVariants({size, className}))} {...props} />;\n});\nIcon.displayName = \"Icon\";\n\nexport {Icon, iconVariants};\n"],"mappings":";;;;;;AAKA,MAAM,eAAe,IAAI,gBAAgB;CACxC,UAAU,EACT,MAAM;EACL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACL,EACD;CACA,iBAAiB,EAChB,MAAM,KACP;AACD,CAAC;;AAQD,MAAM,OAAO,MAAM,YAAsC,EAAC,WAAW,MAAM,MAAM,eAAe,GAAG,SAAQ,QAAQ;CAClH,OAAO,oBAAC,eAAD;EAAoB;EAAK,WAAW,GAAG,aAAa;GAAC;GAAM;EAAS,CAAC,CAAC;EAAG,GAAI;CAAQ,CAAA;AAC7F,CAAC;AACD,KAAK,cAAc"}

package/dist/image-zoom.d.mts

@@ -0,0 +1,23 @@
+import * as React from "react";
+//#region src/image-zoom.d.ts
+export interface ImageZoomProps {
+  /** Image URL. */
+  src: string;
+  /** Accessible description of the image. */
+  alt: string;
+  /** Title shown in the enlarge dialog header. Defaults to `alt`. */
+  title?: React.ReactNode;
+  /** Class on the thumbnail wrapper (e.g. border / rounding / background). */
+  className?: string;
+  /** Max width of the dialog. Defaults to `1400px`. */
+  dialogMaxWidth?: number;
+  /** Fires if the image fails to load (e.g. to swap in a fallback). */
+  onError?: () => void;
+}
+/**
+ * A thumbnail that opens the full image in a large modal on click — a maximize hint appears on hover.
+ * Use for plans, blueprints, screenshots, or any image worth inspecting at full size.
+ */
+export declare function ImageZoom({ src, alt, title, className, dialogMaxWidth, onError }: ImageZoomProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=image-zoom.d.mts.map

package/dist/image-zoom.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-zoom.d.mts","names":[],"sources":["../src/image-zoom.tsx"],"mappings":";;iBAMiB;;EAEhB;;EAEA;;EAEA,QAAQ,MAAM;;EAEd;;EAEA;;EAEA;;;;;;wBAOe,YAAW,KAAK,KAAK,OAAO,WAAW,gBAAuB,WAAU,6CAAc,IAAA"}

package/dist/image-zoom.mjs

@@ -0,0 +1,51 @@
+import { Dialog, DialogContent, DialogTitle } from "./dialog.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Maximize2 } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/image-zoom.tsx
+/**
+* A thumbnail that opens the full image in a large modal on click — a maximize hint appears on hover.
+* Use for plans, blueprints, screenshots, or any image worth inspecting at full size.
+*/
+function ImageZoom({ src, alt, title, className, dialogMaxWidth = 1400, onError }) {
+	const [open, setOpen] = React.useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: () => setOpen(true),
+		"aria-label": `Enlarge ${alt}`,
+		className: cn("wwc:group wwc:relative wwc:block wwc:w-full wwc:cursor-zoom-in wwc:overflow-hidden", className),
+		children: [/* @__PURE__ */ jsx("img", {
+			src,
+			alt,
+			onError,
+			className: "wwc:block wwc:h-auto wwc:w-full"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "wwc:pointer-events-none wwc:absolute wwc:inset-0 wwc:flex wwc:items-center wwc:justify-center wwc:bg-black/0 wwc:opacity-0 wwc:transition wwc:group-hover:bg-black/15 wwc:group-hover:opacity-100",
+			children: /* @__PURE__ */ jsx(Maximize2, { className: "wwc:h-5 wwc:w-5 wwc:text-white wwc:drop-shadow" })
+		})]
+	}), /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			closeAlign: "padded",
+			className: "wwc:p-6 wwc:w-[calc(100vw-2rem)]",
+			style: { maxWidth: dialogMaxWidth },
+			children: [/* @__PURE__ */ jsx(DialogTitle, {
+				className: "wwc:text-base",
+				children: title ?? alt
+			}), /* @__PURE__ */ jsx("div", {
+				className: "wwc:max-h-[80vh] wwc:overflow-auto wwc:rounded-md wwc:border wwc:border-border wwc:bg-white",
+				children: /* @__PURE__ */ jsx("img", {
+					src,
+					alt,
+					className: "wwc:block wwc:h-auto wwc:w-full"
+				})
+			})]
+		})
+	})] });
+}
+//#endregion
+export { ImageZoom };
+
+//# sourceMappingURL=image-zoom.mjs.map

package/dist/image-zoom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-zoom.mjs","names":[],"sources":["../src/image-zoom.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Maximize2} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Dialog, DialogContent, DialogTitle} from \"./dialog\";\n\nexport interface ImageZoomProps {\n\t/** Image URL. */\n\tsrc: string;\n\t/** Accessible description of the image. */\n\talt: string;\n\t/** Title shown in the enlarge dialog header. Defaults to `alt`. */\n\ttitle?: React.ReactNode;\n\t/** Class on the thumbnail wrapper (e.g. border / rounding / background). */\n\tclassName?: string;\n\t/** Max width of the dialog. Defaults to `1400px`. */\n\tdialogMaxWidth?: number;\n\t/** Fires if the image fails to load (e.g. to swap in a fallback). */\n\tonError?: () => void;\n}\n\n/**\n * A thumbnail that opens the full image in a large modal on click — a maximize hint appears on hover.\n * Use for plans, blueprints, screenshots, or any image worth inspecting at full size.\n */\nexport function ImageZoom({src, alt, title, className, dialogMaxWidth = 1400, onError}: ImageZoomProps) {\n\tconst [open, setOpen] = React.useState(false);\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => setOpen(true)}\n\t\t\t\taria-label={`Enlarge ${alt}`}\n\t\t\t\tclassName={cn(\"wwc:group wwc:relative wwc:block wwc:w-full wwc:cursor-zoom-in wwc:overflow-hidden\", className)}\n\t\t\t>\n\t\t\t\t<img src={src} alt={alt} onError={onError} className=\"wwc:block wwc:h-auto wwc:w-full\" />\n\t\t\t\t<span className=\"wwc:pointer-events-none wwc:absolute wwc:inset-0 wwc:flex wwc:items-center wwc:justify-center wwc:bg-black/0 wwc:opacity-0 wwc:transition wwc:group-hover:bg-black/15 wwc:group-hover:opacity-100\">\n\t\t\t\t\t<Maximize2 className=\"wwc:h-5 wwc:w-5 wwc:text-white wwc:drop-shadow\" />\n\t\t\t\t</span>\n\t\t\t</button>\n\n\t\t\t<Dialog open={open} onOpenChange={setOpen}>\n\t\t\t\t<DialogContent\n\t\t\t\t\tcloseAlign=\"padded\"\n\t\t\t\t\tclassName=\"wwc:p-6 wwc:w-[calc(100vw-2rem)]\"\n\t\t\t\t\tstyle={{maxWidth: dialogMaxWidth}}\n\t\t\t\t>\n\t\t\t\t\t<DialogTitle className=\"wwc:text-base\">{title ?? alt}</DialogTitle>\n\t\t\t\t\t<div className=\"wwc:max-h-[80vh] wwc:overflow-auto wwc:rounded-md wwc:border wwc:border-border wwc:bg-white\">\n\t\t\t\t\t\t<img src={src} alt={alt} className=\"wwc:block wwc:h-auto wwc:w-full\" />\n\t\t\t\t\t</div>\n\t\t\t\t</DialogContent>\n\t\t\t</Dialog>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;;;AAyBA,SAAgB,UAAU,EAAC,KAAK,KAAK,OAAO,WAAW,iBAAiB,MAAM,WAA0B;CACvG,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,OACC,qBAAA,YAAA,EAAA,UAAA,CACC,qBAAC,UAAD;EACC,MAAK;EACL,eAAe,QAAQ,IAAI;EAC3B,cAAY,WAAW;EACvB,WAAW,GAAG,sFAAsF,SAAS;EAJ9G,UAAA,CAMC,oBAAC,OAAD;GAAU;GAAU;GAAc;GAAS,WAAU;EAAmC,CAAA,GACxF,oBAAC,QAAD;GAAM,WAAU;GACf,UAAA,oBAAC,WAAD,EAAW,WAAU,iDAAkD,CAAA;EAClE,CAAA,CACC;CAER,CAAA,GAAA,oBAAC,QAAD;EAAc;EAAM,cAAc;EACjC,UAAA,qBAAC,eAAD;GACC,YAAW;GACX,WAAU;GACV,OAAO,EAAC,UAAU,eAAc;GAHjC,UAAA,CAKC,oBAAC,aAAD;IAAa,WAAU;IAAiB,UAAA,SAAS;GAAiB,CAAA,GAClE,oBAAC,OAAD;IAAK,WAAU;IACd,UAAA,oBAAC,OAAD;KAAU;KAAU;KAAK,WAAU;IAAmC,CAAA;GAClE,CAAA,CACS;;CACR,CAAA,CACP,EAAA,CAAA;AAEJ"}

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+import { BaseMessage, ChartConfig, ChartData, ChartMessage, ChartType, DashboardWidget, Message, MessageAttachment, MessageRole, TextMessage } from "./types/chat.mjs";
+import { HealthStatus, ORG_TABS, OrgTab, Organization, PROJECT_TABS, Project, ProjectStatus, ProjectTab, SafetyStatus, TabItem } from "./types.mjs";
+export { BaseMessage, ChartConfig, ChartData, ChartMessage, ChartType, DashboardWidget, HealthStatus, Message, MessageAttachment, MessageRole, ORG_TABS, OrgTab, Organization, PROJECT_TABS, Project, ProjectStatus, ProjectTab, SafetyStatus, TabItem, TextMessage };

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import { ORG_TABS, PROJECT_TABS } from "./types.mjs";
+export { ORG_TABS, PROJECT_TABS };

package/dist/inline-comment-composer.d.mts

@@ -0,0 +1,40 @@
+import * as React from "react";
+//#region src/inline-comment-composer.d.ts
+export interface InlineCommentComposerSubmit {
+  text: string;
+  flagged: boolean;
+  date?: Date;
+}
+export interface InlineCommentComposerProps {
+  value: string;
+  onChange: (value: string) => void;
+  onSubmit: (submission: InlineCommentComposerSubmit) => void;
+  onCancel?: () => void;
+  placeholder?: string;
+  disabled?: boolean;
+  autoFocus?: boolean;
+  submitting?: boolean;
+  flagged?: boolean;
+  onFlaggedChange?: (flagged: boolean) => void;
+  date?: Date;
+  onDateChange?: (date: Date | undefined) => void;
+  onAddImage?: (files: FileList) => void;
+  acceptImageTypes?: string;
+  onAddMention?: () => void;
+  cancelLabel?: React.ReactNode;
+  submitLabel?: React.ReactNode;
+  minHeight?: number;
+  maxHeight?: number;
+  className?: string;
+}
+/**
+ * Inline comment composer for thread replies — rounded Card, auto-resizing Textarea,
+ * left-aligned metadata actions (flag toggle, add image, date picker, mention),
+ * right-aligned Cancel + Post primary icon button. Submits on Enter (Shift+Enter for newline).
+ *
+ * Modeled after PromptInput. Distinct from `CommentComposer` (rich-text Tiptap editor) —
+ * use this for quick inline replies inside a `CommentThread`.
+ */
+export declare function InlineCommentComposer({ value, onChange, onSubmit, onCancel, placeholder, disabled, autoFocus, submitting, flagged, onFlaggedChange, date, onDateChange, onAddImage, acceptImageTypes, onAddMention, cancelLabel, submitLabel, minHeight, maxHeight, className }: InlineCommentComposerProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=inline-comment-composer.d.mts.map

package/dist/inline-comment-composer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-comment-composer.d.mts","names":[],"sources":["../src/inline-comment-composer.tsx"],"mappings":";;iBAUiB;EAChB;EACA;EACA,OAAO;;iBAGS;EAChB;EACA,WAAW;EACX,WAAW,YAAY;EACvB;EAEA;EACA;EACA;EACA;EAEA;EACA,mBAAmB;EAEnB,OAAO;EACP,gBAAgB,MAAM;EAEtB,cAAc,OAAO;EACrB;EAEA;EAEA,cAAc,MAAM;EACpB,cAAc,MAAM;EAEpB;EACA;EAEA;;;;;;;;;;wBAce,wBACf,OACA,UACA,UACA,UACA,aACA,UACA,WACA,YACA,SACA,iBACA,MACA,cACA,YACA,kBACA,cACA,aACA,aACA,WACA,WACA,aACE,yDAA0B,IAAA"}