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

package/dist/badge.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.mts","names":[],"sources":["../src/badge.tsx"],"mappings":";;;cAKM,gBAAa;;6CA8BlB;iBAEgB,mBAAmB,MAAM,eAAe,iBAAiB,oBAAoB;;;;;;;;cASxF,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA"}

package/dist/badge.mjs

@@ -0,0 +1,39 @@
+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/badge.tsx
+const badgeVariants = cva("wwc:inline-flex wwc:items-center wwc:gap-1 wwc:rounded-md wwc:border wwc:px-2.5 wwc:py-0.5 wwc:text-xs wwc:font-semibold wwc:transition-colors wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-ring wwc:focus:ring-offset-2 wwc:[&_svg]:pointer-events-none wwc:[&_svg]:size-3 wwc:[&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "wwc:border-transparent wwc:bg-primary wwc:text-primary-foreground wwc:shadow wwc:hover:bg-primary/80",
+		secondary: "wwc:border-transparent wwc:bg-secondary wwc:text-secondary-foreground wwc:hover:bg-secondary/80",
+		destructive: "wwc:border-transparent wwc:bg-destructive wwc:text-destructive-foreground wwc:shadow wwc:hover:bg-destructive/80",
+		outline: "wwc:text-foreground",
+		success: "wwc:border-transparent wwc:bg-green-600 wwc:text-white wwc:shadow wwc:hover:bg-green-600/80",
+		warning: "wwc:border-transparent wwc:bg-amber-500 wwc:text-white wwc:shadow wwc:hover:bg-amber-500/80",
+		info: "wwc:border-transparent wwc:bg-blue-600 wwc:text-white wwc:shadow wwc:hover:bg-blue-600/80",
+		successSoft: "wwc:border-green-600/25 wwc:bg-green-500/10 wwc:text-green-700 wwc:dark:text-green-400 wwc:hover:bg-green-500/15",
+		warningSoft: "wwc:border-amber-600/25 wwc:bg-amber-500/10 wwc:text-amber-700 wwc:dark:text-amber-400 wwc:hover:bg-amber-500/15",
+		dangerSoft: "wwc:border-red-600/25 wwc:bg-red-500/10 wwc:text-red-700 wwc:dark:text-red-400 wwc:hover:bg-red-500/15",
+		infoSoft: "wwc:border-blue-600/25 wwc:bg-blue-500/10 wwc:text-blue-700 wwc:dark:text-blue-400 wwc:hover:bg-blue-500/15",
+		neutralSoft: "wwc:border-border wwc:bg-muted wwc:text-muted-foreground wwc:hover:bg-muted/70"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/**
+* Displays a small status descriptor or label.
+*
+* forwardRef because a Badge is routinely the child of an `asChild` wrapper — HoverTooltip, a
+* DropdownMenuTrigger — and Radix hands those a ref. As a plain function component it triggered
+* "Function components cannot be given refs" and the tooltip silently never bound.
+*/
+const Badge = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn(badgeVariants({ variant }), className),
+	...props
+}));
+Badge.displayName = "Badge";
+//#endregion
+export { Badge, badgeVariants };
+
+//# sourceMappingURL=badge.mjs.map

package/dist/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.mjs","names":[],"sources":["../src/badge.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\n// gap-1 owns the icon/label spacing so call sites never need a margin on the leading icon.\nconst badgeVariants = cva(\n\t\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:rounded-md wwc:border wwc:px-2.5 wwc:py-0.5 wwc:text-xs wwc:font-semibold wwc:transition-colors wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-ring wwc:focus:ring-offset-2 wwc:[&_svg]:pointer-events-none wwc:[&_svg]:size-3 wwc:[&_svg]:shrink-0\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"wwc:border-transparent wwc:bg-primary wwc:text-primary-foreground wwc:shadow wwc:hover:bg-primary/80\",\n\t\t\t\tsecondary: \"wwc:border-transparent wwc:bg-secondary wwc:text-secondary-foreground wwc:hover:bg-secondary/80\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"wwc:border-transparent wwc:bg-destructive wwc:text-destructive-foreground wwc:shadow wwc:hover:bg-destructive/80\",\n\t\t\t\toutline: \"wwc:text-foreground\",\n\t\t\t\t// ── Filled semantic colors ──\n\t\t\t\tsuccess: \"wwc:border-transparent wwc:bg-green-600 wwc:text-white wwc:shadow wwc:hover:bg-green-600/80\",\n\t\t\t\twarning: \"wwc:border-transparent wwc:bg-amber-500 wwc:text-white wwc:shadow wwc:hover:bg-amber-500/80\",\n\t\t\t\tinfo: \"wwc:border-transparent wwc:bg-blue-600 wwc:text-white wwc:shadow wwc:hover:bg-blue-600/80\",\n\t\t\t\t// ── Soft: light tinted bg + colored stroke + colored text (the subtle \"indicator\" look) ──\n\t\t\t\tsuccessSoft:\n\t\t\t\t\t\"wwc:border-green-600/25 wwc:bg-green-500/10 wwc:text-green-700 wwc:dark:text-green-400 wwc:hover:bg-green-500/15\",\n\t\t\t\twarningSoft:\n\t\t\t\t\t\"wwc:border-amber-600/25 wwc:bg-amber-500/10 wwc:text-amber-700 wwc:dark:text-amber-400 wwc:hover:bg-amber-500/15\",\n\t\t\t\tdangerSoft:\n\t\t\t\t\t\"wwc:border-red-600/25 wwc:bg-red-500/10 wwc:text-red-700 wwc:dark:text-red-400 wwc:hover:bg-red-500/15\",\n\t\t\t\tinfoSoft:\n\t\t\t\t\t\"wwc:border-blue-600/25 wwc:bg-blue-500/10 wwc:text-blue-700 wwc:dark:text-blue-400 wwc:hover:bg-blue-500/15\",\n\t\t\t\tneutralSoft: \"wwc:border-border wwc:bg-muted wwc:text-muted-foreground wwc:hover:bg-muted/70\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\n/**\n * Displays a small status descriptor or label.\n *\n * forwardRef because a Badge is routinely the child of an `asChild` wrapper — HoverTooltip, a\n * DropdownMenuTrigger — and Radix hands those a ref. As a plain function component it triggered\n * \"Function components cannot be given refs\" and the tooltip silently never bound.\n */\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(({className, variant, ...props}, ref) => (\n\t<div ref={ref} className={cn(badgeVariants({variant}), className)} {...props} />\n));\nBadge.displayName = \"Badge\";\n\nexport {Badge, badgeVariants};\n"],"mappings":";;;;;AAKA,MAAM,gBAAgB,IACrB,8SACA;CACC,UAAU,EACT,SAAS;EACR,SAAS;EACT,WAAW;EACX,aACC;EACD,SAAS;EAET,SAAS;EACT,SAAS;EACT,MAAM;EAEN,aACC;EACD,aACC;EACD,YACC;EACD,UACC;EACD,aAAa;CACd,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CACD;;;;;;;;AAWA,MAAM,QAAQ,MAAM,YAAwC,EAAC,WAAW,SAAS,GAAG,SAAQ,QAC3F,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,cAAc,EAAC,QAAO,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC/E;AACD,MAAM,cAAc"}

package/dist/banner.d.mts

@@ -0,0 +1,18 @@
+//#region src/banner.d.ts
+export interface BannerProps {
+  variant?: "info" | "warning" | "danger" | "success";
+  title: string;
+  description?: string;
+  items?: string[];
+  action?: {
+    label: string;
+    onClick: () => void;
+  };
+  onDismiss?: () => void;
+  className?: string;
+}
+/** Contextual alert banner for system insights, warnings, and action prompts. */
+declare function Banner({ variant, title, description, items, action, onDismiss, className }: BannerProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Banner };
+//# sourceMappingURL=banner.d.mts.map

package/dist/banner.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.mts","names":[],"sources":["../src/banner.tsx"],"mappings":";iBAMiB;EAChB;EACA;EACA;EACA;EACA;IACC;IACA;;EAED;EACA;;;iBA2BQ,SAAQ,SAAkB,OAAO,aAAa,OAAO,QAAQ,WAAW,aAAY,0CAAW,IAAA"}

package/dist/banner.mjs

@@ -0,0 +1,74 @@
+import { Button } from "./button.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { AlertTriangle, CheckCircle2, Info, OctagonAlert, X } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/banner.tsx
+const variantStyles = {
+	info: {
+		container: "wwc:bg-card wwc:border-border",
+		iconColor: "wwc:text-muted-foreground",
+		Icon: Info
+	},
+	warning: {
+		container: "wwc:bg-card wwc:border-border",
+		iconColor: "wwc:text-amber-500",
+		Icon: AlertTriangle
+	},
+	danger: {
+		container: "wwc:bg-card wwc:border-border",
+		iconColor: "wwc:text-red-500",
+		Icon: OctagonAlert
+	},
+	success: {
+		container: "wwc:bg-card wwc:border-border",
+		iconColor: "wwc:text-green-500",
+		Icon: CheckCircle2
+	}
+};
+/** Contextual alert banner for system insights, warnings, and action prompts. */
+function Banner({ variant = "info", title, description, items, action, onDismiss, className }) {
+	const styles = variantStyles[variant];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:flex wwc:items-start wwc:gap-3 wwc:px-4 wwc:py-3 wwc:border wwc:rounded-lg", styles.container, className),
+		children: [
+			/* @__PURE__ */ jsx(styles.Icon, { className: cn("wwc:h-5 wwc:w-5 wwc:shrink-0 wwc:mt-0.5", styles.iconColor) }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex-1 wwc:min-w-0",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "wwc:text-sm wwc:font-semibold wwc:text-foreground",
+						children: title
+					}),
+					description && /* @__PURE__ */ jsx("p", {
+						className: "wwc:text-sm wwc:mt-0.5 wwc:text-muted-foreground",
+						children: description
+					}),
+					items && items.length > 0 && /* @__PURE__ */ jsx("ul", {
+						className: "wwc:text-sm wwc:mt-1.5 wwc:space-y-0.5 wwc:text-muted-foreground",
+						children: items.map((item) => /* @__PURE__ */ jsxs("li", { children: ["• ", item] }, item))
+					}),
+					action && /* @__PURE__ */ jsx("div", {
+						className: "wwc:mt-2",
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: variant === "danger" ? "destructive" : variant === "warning" ? "outline" : "default",
+							onClick: action.onClick,
+							children: action.label
+						})
+					})
+				]
+			}),
+			onDismiss && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onDismiss,
+				className: "wwc:p-0.5 wwc:rounded-md wwc:hover:bg-black/5 wwc:dark:hover:bg-white/5 wwc:transition-colors wwc:shrink-0 wwc:text-muted-foreground",
+				children: /* @__PURE__ */ jsx(X, { className: "wwc:h-4 wwc:w-4" })
+			})
+		]
+	});
+}
+//#endregion
+export { Banner };
+
+//# sourceMappingURL=banner.mjs.map

package/dist/banner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.mjs","names":[],"sources":["../src/banner.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {AlertTriangle, CheckCircle2, Info, OctagonAlert, X} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\n\nexport interface BannerProps {\n\tvariant?: \"info\" | \"warning\" | \"danger\" | \"success\";\n\ttitle: string;\n\tdescription?: string;\n\titems?: string[];\n\taction?: {\n\t\tlabel: string;\n\t\tonClick: () => void;\n\t};\n\tonDismiss?: () => void;\n\tclassName?: string;\n}\n\nconst variantStyles = {\n\tinfo: {\n\t\tcontainer: \"wwc:bg-card wwc:border-border\",\n\t\ticonColor: \"wwc:text-muted-foreground\",\n\t\tIcon: Info,\n\t},\n\twarning: {\n\t\tcontainer: \"wwc:bg-card wwc:border-border\",\n\t\ticonColor: \"wwc:text-amber-500\",\n\t\tIcon: AlertTriangle,\n\t},\n\tdanger: {\n\t\tcontainer: \"wwc:bg-card wwc:border-border\",\n\t\ticonColor: \"wwc:text-red-500\",\n\t\tIcon: OctagonAlert,\n\t},\n\tsuccess: {\n\t\tcontainer: \"wwc:bg-card wwc:border-border\",\n\t\ticonColor: \"wwc:text-green-500\",\n\t\tIcon: CheckCircle2,\n\t},\n};\n\n/** Contextual alert banner for system insights, warnings, and action prompts. */\nfunction Banner({variant = \"info\", title, description, items, action, onDismiss, className}: BannerProps) {\n\tconst styles = variantStyles[variant];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:items-start wwc:gap-3 wwc:px-4 wwc:py-3 wwc:border wwc:rounded-lg\",\n\t\t\t\tstyles.container,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<styles.Icon className={cn(\"wwc:h-5 wwc:w-5 wwc:shrink-0 wwc:mt-0.5\", styles.iconColor)} />\n\t\t\t<div className=\"wwc:flex-1 wwc:min-w-0\">\n\t\t\t\t<p className=\"wwc:text-sm wwc:font-semibold wwc:text-foreground\">{title}</p>\n\t\t\t\t{description && <p className=\"wwc:text-sm wwc:mt-0.5 wwc:text-muted-foreground\">{description}</p>}\n\t\t\t\t{items && items.length > 0 && (\n\t\t\t\t\t<ul className=\"wwc:text-sm wwc:mt-1.5 wwc:space-y-0.5 wwc:text-muted-foreground\">\n\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t<li key={item}>• {item}</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t\t{action && (\n\t\t\t\t\t<div className=\"wwc:mt-2\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tvariant={variant === \"danger\" ? \"destructive\" : variant === \"warning\" ? \"outline\" : \"default\"}\n\t\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{onDismiss && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={onDismiss}\n\t\t\t\t\tclassName=\"wwc:p-0.5 wwc:rounded-md wwc:hover:bg-black/5 wwc:dark:hover:bg-white/5 wwc:transition-colors wwc:shrink-0 wwc:text-muted-foreground\"\n\t\t\t\t>\n\t\t\t\t\t<X className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport {Banner};\n"],"mappings":";;;;;;AAmBA,MAAM,gBAAgB;CACrB,MAAM;EACL,WAAW;EACX,WAAW;EACX,MAAM;CACP;CACA,SAAS;EACR,WAAW;EACX,WAAW;EACX,MAAM;CACP;CACA,QAAQ;EACP,WAAW;EACX,WAAW;EACX,MAAM;CACP;CACA,SAAS;EACR,WAAW;EACX,WAAW;EACX,MAAM;CACP;AACD;;AAGA,SAAS,OAAO,EAAC,UAAU,QAAQ,OAAO,aAAa,OAAO,QAAQ,WAAW,aAAyB;CACzG,MAAM,SAAS,cAAc;CAE7B,OACC,qBAAC,OAAD;EACC,WAAW,GACV,kFACA,OAAO,WACP,SACD;EALD,UAAA;GAOC,oBAAC,OAAO,MAAR,EAAa,WAAW,GAAG,2CAA2C,OAAO,SAAS,EAAI,CAAA;GAC1F,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACC,oBAAC,KAAD;MAAG,WAAU;MAAqD,UAAA;KAAS,CAAA;KAC1E,eAAe,oBAAC,KAAD;MAAG,WAAU;MAAoD,UAAA;KAAe,CAAA;KAC/F,SAAS,MAAM,SAAS,KACxB,oBAAC,MAAD;MAAI,WAAU;MACZ,UAAA,MAAM,KAAK,SACX,qBAAC,MAAD,EAAA,UAAA,CAAe,MAAG,IAAS,EAAA,GAAlB,IAAkB,CAC3B;KACE,CAAA;KAEJ,UACA,oBAAC,OAAD;MAAK,WAAU;MACd,UAAA,oBAAC,QAAD;OACC,MAAK;OACL,SAAS,YAAY,WAAW,gBAAgB,YAAY,YAAY,YAAY;OACpF,SAAS,OAAO;OAEf,UAAA,OAAO;MACD,CAAA;KACJ,CAAA;IAEF;;GACJ,aACA,oBAAC,UAAD;IACC,MAAK;IACL,SAAS;IACT,WAAU;IAEV,UAAA,oBAAC,GAAD,EAAG,WAAU,kBAAmB,CAAA;GACzB,CAAA;EAEL;;AAEP"}

package/dist/blockquote.d.mts

@@ -0,0 +1,13 @@
+import * as React from "react";
+//#region src/blockquote.d.ts
+export interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {
+  /** Optional citation or attribution */
+  cite?: string;
+  /** Optional author/source to display */
+  attribution?: React.ReactNode;
+}
+/** A styled blockquote element for quotations. */
+declare const Blockquote: React.ForwardRefExoticComponent<BlockquoteProps & React.RefAttributes<HTMLQuoteElement>>;
+//#endregion
+export { Blockquote };
+//# sourceMappingURL=blockquote.d.mts.map

package/dist/blockquote.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockquote.d.mts","names":[],"sources":["../src/blockquote.tsx"],"mappings":";;iBAGiB,wBAAwB,MAAM,yBAAyB;;EAEvE;;EAEA,cAAc,MAAM;;;cAIf,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/blockquote.mjs

@@ -0,0 +1,22 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsxs } from "react/jsx-runtime";
+//#region src/blockquote.tsx
+/** A styled blockquote element for quotations. */
+const Blockquote = React.forwardRef(({ className, children, cite, attribution, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("blockquote", {
+		ref,
+		cite,
+		className: cn("wwc:border-l-4 wwc:border-primary wwc:pl-4 wwc:italic wwc:text-muted-foreground", className),
+		...props,
+		children: [children, attribution && /* @__PURE__ */ jsxs("footer", {
+			className: "wwc:mt-2 wwc:text-sm wwc:not-italic wwc:text-foreground",
+			children: ["— ", attribution]
+		})]
+	});
+});
+Blockquote.displayName = "Blockquote";
+//#endregion
+export { Blockquote };
+
+//# sourceMappingURL=blockquote.mjs.map

package/dist/blockquote.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockquote.mjs","names":[],"sources":["../src/blockquote.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nexport interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\n\t/** Optional citation or attribution */\n\tcite?: string;\n\t/** Optional author/source to display */\n\tattribution?: React.ReactNode;\n}\n\n/** A styled blockquote element for quotations. */\nconst Blockquote = React.forwardRef<HTMLQuoteElement, BlockquoteProps>(\n\t({className, children, cite, attribution, ...props}, ref) => {\n\t\treturn (\n\t\t\t<blockquote\n\t\t\t\tref={ref}\n\t\t\t\tcite={cite}\n\t\t\t\tclassName={cn(\"wwc:border-l-4 wwc:border-primary wwc:pl-4 wwc:italic wwc:text-muted-foreground\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{attribution && (\n\t\t\t\t\t<footer className=\"wwc:mt-2 wwc:text-sm wwc:not-italic wwc:text-foreground\">— {attribution}</footer>\n\t\t\t\t)}\n\t\t\t</blockquote>\n\t\t);\n\t},\n);\nBlockquote.displayName = \"Blockquote\";\n\nexport {Blockquote};\n"],"mappings":";;;;;AAWA,MAAM,aAAa,MAAM,YACvB,EAAC,WAAW,UAAU,MAAM,aAAa,GAAG,SAAQ,QAAQ;CAC5D,OACC,qBAAC,cAAD;EACM;EACC;EACN,WAAW,GAAG,mFAAmF,SAAS;EAC1G,GAAI;EAJL,UAAA,CAME,UACA,eACA,qBAAC,UAAD;GAAQ,WAAU;GAAlB,UAAA,CAA4E,MAAG,WAAoB;EAEzF,CAAA,CAAA;;AAEd,CACD;AACA,WAAW,cAAc"}

package/dist/blueprint-segment.d.mts

@@ -0,0 +1,33 @@
+import * as React from "react";
+//#region src/blueprint-segment.d.ts
+export interface BlueprintSegmentProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Floor / level label shown in the corner chip, e.g. "GF". */
+  label: string;
+  /** Completion percentage shown next to the label. Omit to hide it. */
+  value?: number;
+  /** The blueprint / plan node (e.g. an SVG floor plan). When omitted, a "No blueprint" placeholder shows. */
+  plan?: React.ReactNode;
+  /** Fires when the walk-through button is pressed. Omit to hide the button. */
+  onWalkthrough?: () => void;
+  /** Accessible label + tooltip for the walk-through button. Default "Walk-through". */
+  walkthroughLabel?: string;
+  /** Highlight the segment as active (inset ring). Default false. */
+  active?: boolean;
+  /**
+   * Drop the rounded card frame (border / radius / background) so the segment sits seamlessly in a
+   * split grid where the parent supplies the dividers. Default false.
+   */
+  bare?: boolean;
+  /** Extra classes on the label chip (e.g. to offset it below a floating navigator). */
+  labelClassName?: string;
+}
+/**
+ * One cell of a multi-floor blueprint split: a framed blueprint (or a "No blueprint" placeholder when
+ * `plan` is omitted), a floor label + % chip in the top-left, and an optional walk-through button in the
+ * bottom-right (`onWalkthrough`). Tile several to build a split-canvas; pair the walk-through button with
+ * a `WalkthroughModal`. Pass `bare` to drop the card frame for a seamless split grid.
+ */
+declare const BlueprintSegment: React.ForwardRefExoticComponent<BlueprintSegmentProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { BlueprintSegment };
+//# sourceMappingURL=blueprint-segment.d.mts.map

package/dist/blueprint-segment.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprint-segment.d.mts","names":[],"sources":["../src/blueprint-segment.tsx"],"mappings":";;iBAQiB,8BAA8B,MAAM,eAAe;;EAEnE;;EAEA;;EAEA,OAAO,MAAM;;EAEb;;EAEA;;EAEA;;;;;EAKA;;EAEA;;;;;;;;cASK,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA"}

package/dist/blueprint-segment.mjs

@@ -0,0 +1,59 @@
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.mjs";
+import { Button } from "./button.mjs";
+import { FLOAT_SHADOW } from "./float-shadow.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ImageOff, Video } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/blueprint-segment.tsx
+/**
+* One cell of a multi-floor blueprint split: a framed blueprint (or a "No blueprint" placeholder when
+* `plan` is omitted), a floor label + % chip in the top-left, and an optional walk-through button in the
+* bottom-right (`onWalkthrough`). Tile several to build a split-canvas; pair the walk-through button with
+* a `WalkthroughModal`. Pass `bare` to drop the card frame for a seamless split grid.
+*/
+const BlueprintSegment = React.forwardRef(({ className, label, value, plan, onWalkthrough, walkthroughLabel = "Walk-through", active = false, bare = false, labelClassName, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	ref,
+	className: cn("wwc:relative wwc:overflow-hidden", !bare && "wwc:rounded-lg wwc:border wwc:border-border wwc:bg-white dark:wwc:bg-zinc-950", active && "wwc:z-10 wwc:ring-2 wwc:ring-inset wwc:ring-primary", className),
+	...props,
+	children: [
+		plan != null ? /* @__PURE__ */ jsx("div", {
+			className: "wwc:h-full wwc:w-full wwc:p-[14px]",
+			children: plan
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:h-full wwc:w-full wwc:flex-col wwc:items-center wwc:justify-center wwc:gap-2 wwc:bg-muted/30 wwc:text-muted-foreground",
+			children: [/* @__PURE__ */ jsx(ImageOff, { className: "wwc:size-6" }), /* @__PURE__ */ jsx("span", {
+				className: "wwc:text-xs wwc:font-medium",
+				children: "No blueprint"
+			})]
+		}),
+		/* @__PURE__ */ jsxs("span", {
+			className: cn("wwc:absolute wwc:left-3 wwc:top-3 wwc:flex wwc:items-center wwc:gap-1.5 wwc:rounded-md wwc:bg-white/90 wwc:px-2 wwc:py-1 wwc:text-[11px] wwc:font-semibold wwc:text-foreground dark:wwc:bg-zinc-900/90", FLOAT_SHADOW, labelClassName),
+			children: [/* @__PURE__ */ jsx("span", { children: label }), value != null && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+				className: "wwc:h-3 wwc:w-px wwc:bg-border",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ jsxs("span", { children: [value, "%"] })] })]
+		}),
+		onWalkthrough && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				icon: true,
+				size: "sm",
+				"aria-label": `${walkthroughLabel} ${label}`,
+				className: cn("wwc:absolute wwc:bottom-3 wwc:right-3 wwc:z-20 wwc:bg-background", "wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]"),
+				onClick: onWalkthrough,
+				children: /* @__PURE__ */ jsx(Video, { className: "wwc:size-4" })
+			})
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			side: "top",
+			children: walkthroughLabel
+		})] }) })
+	]
+}));
+BlueprintSegment.displayName = "BlueprintSegment";
+//#endregion
+export { BlueprintSegment };
+
+//# sourceMappingURL=blueprint-segment.mjs.map

package/dist/blueprint-segment.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprint-segment.mjs","names":[],"sources":["../src/blueprint-segment.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ImageOff, Video} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {FLOAT_SHADOW} from \"./float-shadow\";\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"./tooltip\";\n\nexport interface BlueprintSegmentProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Floor / level label shown in the corner chip, e.g. \"GF\". */\n\tlabel: string;\n\t/** Completion percentage shown next to the label. Omit to hide it. */\n\tvalue?: number;\n\t/** The blueprint / plan node (e.g. an SVG floor plan). When omitted, a \"No blueprint\" placeholder shows. */\n\tplan?: React.ReactNode;\n\t/** Fires when the walk-through button is pressed. Omit to hide the button. */\n\tonWalkthrough?: () => void;\n\t/** Accessible label + tooltip for the walk-through button. Default \"Walk-through\". */\n\twalkthroughLabel?: string;\n\t/** Highlight the segment as active (inset ring). Default false. */\n\tactive?: boolean;\n\t/**\n\t * Drop the rounded card frame (border / radius / background) so the segment sits seamlessly in a\n\t * split grid where the parent supplies the dividers. Default false.\n\t */\n\tbare?: boolean;\n\t/** Extra classes on the label chip (e.g. to offset it below a floating navigator). */\n\tlabelClassName?: string;\n}\n\n/**\n * One cell of a multi-floor blueprint split: a framed blueprint (or a \"No blueprint\" placeholder when\n * `plan` is omitted), a floor label + % chip in the top-left, and an optional walk-through button in the\n * bottom-right (`onWalkthrough`). Tile several to build a split-canvas; pair the walk-through button with\n * a `WalkthroughModal`. Pass `bare` to drop the card frame for a seamless split grid.\n */\nconst BlueprintSegment = React.forwardRef<HTMLDivElement, BlueprintSegmentProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tlabel,\n\t\t\tvalue,\n\t\t\tplan,\n\t\t\tonWalkthrough,\n\t\t\twalkthroughLabel = \"Walk-through\",\n\t\t\tactive = false,\n\t\t\tbare = false,\n\t\t\tlabelClassName,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:relative wwc:overflow-hidden\",\n\t\t\t\t!bare && \"wwc:rounded-lg wwc:border wwc:border-border wwc:bg-white dark:wwc:bg-zinc-950\",\n\t\t\t\tactive && \"wwc:z-10 wwc:ring-2 wwc:ring-inset wwc:ring-primary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{plan != null ? (\n\t\t\t\t// 14px padding so the blueprint isn't flush to the segment edges.\n\t\t\t\t<div className=\"wwc:h-full wwc:w-full wwc:p-[14px]\">{plan}</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"wwc:flex wwc:h-full wwc:w-full wwc:flex-col wwc:items-center wwc:justify-center wwc:gap-2 wwc:bg-muted/30 wwc:text-muted-foreground\">\n\t\t\t\t\t<ImageOff className=\"wwc:size-6\" />\n\t\t\t\t\t<span className=\"wwc:text-xs wwc:font-medium\">No blueprint</span>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:absolute wwc:left-3 wwc:top-3 wwc:flex wwc:items-center wwc:gap-1.5 wwc:rounded-md wwc:bg-white/90 wwc:px-2 wwc:py-1 wwc:text-[11px] wwc:font-semibold wwc:text-foreground dark:wwc:bg-zinc-900/90\",\n\t\t\t\t\tFLOAT_SHADOW,\n\t\t\t\t\tlabelClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span>{label}</span>\n\t\t\t\t{value != null && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"wwc:h-3 wwc:w-px wwc:bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t\t<span>{value}%</span>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</span>\n\n\t\t\t{onWalkthrough && (\n\t\t\t\t<TooltipProvider>\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\taria-label={`${walkthroughLabel} ${label}`}\n\t\t\t\t\t\t\t\tclassName={cn(\"wwc:absolute wwc:bottom-3 wwc:right-3 wwc:z-20 wwc:bg-background\", FLOAT_SHADOW)}\n\t\t\t\t\t\t\t\tonClick={onWalkthrough}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Video className=\"wwc:size-4\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t<TooltipContent side=\"top\">{walkthroughLabel}</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</TooltipProvider>\n\t\t\t)}\n\t\t</div>\n\t),\n);\nBlueprintSegment.displayName = \"BlueprintSegment\";\n\nexport {BlueprintSegment};\n"],"mappings":";;;;;;;;;;;;;;AAoCA,MAAM,mBAAmB,MAAM,YAE7B,EACC,WACA,OACA,OACA,MACA,eACA,mBAAmB,gBACnB,SAAS,OACT,OAAO,OACP,gBACA,GAAG,SAEJ,QAEA,qBAAC,OAAD;CACM;CACL,WAAW,GACV,oCACA,CAAC,QAAQ,iFACT,UAAU,uDACV,SACD;CACA,GAAI;CARL,UAAA;EAUE,QAAQ,OAER,oBAAC,OAAD;GAAK,WAAU;GAAsC,UAAA;EAAU,CAAA,IAE/D,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACC,oBAAC,UAAD,EAAU,WAAU,aAAc,CAAA,GAClC,oBAAC,QAAD;IAAM,WAAU;IAA8B,UAAA;GAAkB,CAAA,CAC5D;;EAGN,qBAAC,QAAD;GACC,WAAW,GACV,0MACA,cACA,cACD;GALD,UAAA,CAOC,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,GAClB,SAAS,QACT,qBAAA,YAAA,EAAA,UAAA,CACC,oBAAC,QAAD;IAAM,WAAU;IAAiC,eAAY;GAAQ,CAAA,GACrE,qBAAC,QAAD,EAAA,UAAA,CAAO,OAAM,GAAO,EAAA,CAAA,CACnB,EAAA,CAAA,CAEE;;EAEL,iBACA,oBAAC,iBAAD,EAAA,UACC,qBAAC,SAAD,EAAA,UAAA,CACC,oBAAC,gBAAD;GAAgB,SAAA;GACf,UAAA,oBAAC,QAAD;IACC,MAAK;IACL,SAAQ;IACR,MAAA;IACA,MAAK;IACL,cAAY,GAAG,iBAAiB,GAAG;IACnC,WAAW,GAAG,oEAAA,0CAAgF;IAC9F,SAAS;IAET,UAAA,oBAAC,OAAD,EAAO,WAAU,aAAc,CAAA;GACxB,CAAA;EACO,CAAA,GAChB,oBAAC,gBAAD;GAAgB,MAAK;GAAO,UAAA;EAAiC,CAAA,CACrD,EAAA,CAAA,EACO,CAAA;CAEd;AAEP,CAAA,CAAA;AACA,iBAAiB,cAAc"}

package/dist/bottom-sheet-switcher.d.mts

@@ -0,0 +1,32 @@
+import * as React from "react";
+//#region src/bottom-sheet-switcher.d.ts
+export interface BottomSheetSwitcherSheet {
+  id: string;
+  title: string;
+  description?: string;
+  content: React.ReactNode;
+}
+export interface BottomSheetSwitcherProps {
+  /** Available sheets */
+  sheets: BottomSheetSwitcherSheet[];
+  /** Currently active sheet ID */
+  activeSheetId?: string;
+  /** Whether the switcher is open */
+  open: boolean;
+  /** Callback when switcher closes */
+  onClose: () => void;
+  /** Callback when active sheet changes */
+  onSheetChange?: (sheetId: string) => void;
+  /** Height of the bottom sheet */
+  height?: "auto" | "full" | "half" | "third";
+  /** Whether sheets can be swiped */
+  swipeable?: boolean;
+}
+/** Multi-sheet bottom sheet with tab-like switching between sheets. */
+declare const BottomSheetSwitcher: {
+  ({ sheets, activeSheetId, open, onClose, onSheetChange, height, swipeable }: BottomSheetSwitcherProps): import("react/jsx-runtime").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+export { BottomSheetSwitcher };
+//# sourceMappingURL=bottom-sheet-switcher.d.mts.map

package/dist/bottom-sheet-switcher.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet-switcher.d.mts","names":[],"sources":["../src/bottom-sheet-switcher.tsx"],"mappings":";;iBAKiB;EAChB;EACA;EACA;EACA,SAAS,MAAM;;iBAGC;;EAEhB,QAAQ;;EAER;;EAEA;;EAEA;;EAEA,iBAAiB;;EAEjB;;EAEA;;;cAIK;KAQH,QAAA,eAAA,MAAA,SAAA,eAAA,QAAA,aAAA,uDAAwB,IAAA"}

package/dist/bottom-sheet-switcher.mjs

@@ -0,0 +1,40 @@
+import { BottomSheet } from "./bottom-sheet.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/bottom-sheet-switcher.tsx
+/** Multi-sheet bottom sheet with tab-like switching between sheets. */
+const BottomSheetSwitcher = ({ sheets, activeSheetId, open, onClose, onSheetChange, height = "auto", swipeable = true }) => {
+	const [currentSheetId, setCurrentSheetId] = React.useState(activeSheetId || sheets[0]?.id);
+	React.useEffect(() => {
+		if (activeSheetId) setCurrentSheetId(activeSheetId);
+	}, [activeSheetId]);
+	const currentSheet = sheets.find((sheet) => sheet.id === currentSheetId) || sheets[0];
+	const handleSheetChange = (sheetId) => {
+		setCurrentSheetId(sheetId);
+		onSheetChange?.(sheetId);
+	};
+	if (!currentSheet) return null;
+	return /* @__PURE__ */ jsxs(BottomSheet, {
+		open,
+		onClose,
+		title: currentSheet.title,
+		description: currentSheet.description,
+		height,
+		swipeable,
+		children: [sheets.length > 1 && /* @__PURE__ */ jsx("div", {
+			className: "wwc:flex wwc:gap-1 wwc:p-1 wwc:mb-4 wwc:bg-muted wwc:rounded-lg",
+			children: sheets.map((sheet) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => handleSheetChange(sheet.id),
+				className: cn("wwc:flex-1 wwc:px-3 wwc:py-1.5 wwc:text-sm wwc:font-medium wwc:rounded-md wwc:transition-colors", sheet.id === currentSheetId ? "wwc:bg-background wwc:text-foreground wwc:shadow-sm" : "wwc:text-muted-foreground hover:wwc:text-foreground"),
+				children: sheet.title
+			}, sheet.id))
+		}), currentSheet.content]
+	});
+};
+BottomSheetSwitcher.displayName = "BottomSheetSwitcher";
+//#endregion
+export { BottomSheetSwitcher };
+
+//# sourceMappingURL=bottom-sheet-switcher.mjs.map

package/dist/bottom-sheet-switcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet-switcher.mjs","names":[],"sources":["../src/bottom-sheet-switcher.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {BottomSheet} from \"./bottom-sheet\";\n\nexport interface BottomSheetSwitcherSheet {\n\tid: string;\n\ttitle: string;\n\tdescription?: string;\n\tcontent: React.ReactNode;\n}\n\nexport interface BottomSheetSwitcherProps {\n\t/** Available sheets */\n\tsheets: BottomSheetSwitcherSheet[];\n\t/** Currently active sheet ID */\n\tactiveSheetId?: string;\n\t/** Whether the switcher is open */\n\topen: boolean;\n\t/** Callback when switcher closes */\n\tonClose: () => void;\n\t/** Callback when active sheet changes */\n\tonSheetChange?: (sheetId: string) => void;\n\t/** Height of the bottom sheet */\n\theight?: \"auto\" | \"full\" | \"half\" | \"third\";\n\t/** Whether sheets can be swiped */\n\tswipeable?: boolean;\n}\n\n/** Multi-sheet bottom sheet with tab-like switching between sheets. */\nconst BottomSheetSwitcher = ({\n\tsheets,\n\tactiveSheetId,\n\topen,\n\tonClose,\n\tonSheetChange,\n\theight = \"auto\",\n\tswipeable = true,\n}: BottomSheetSwitcherProps) => {\n\tconst [currentSheetId, setCurrentSheetId] = React.useState(activeSheetId || sheets[0]?.id);\n\n\tReact.useEffect(() => {\n\t\tif (activeSheetId) {\n\t\t\tsetCurrentSheetId(activeSheetId);\n\t\t}\n\t}, [activeSheetId]);\n\n\tconst currentSheet = sheets.find((sheet) => sheet.id === currentSheetId) || sheets[0];\n\n\tconst handleSheetChange = (sheetId: string) => {\n\t\tsetCurrentSheetId(sheetId);\n\t\tonSheetChange?.(sheetId);\n\t};\n\n\tif (!currentSheet) return null;\n\n\treturn (\n\t\t<BottomSheet\n\t\t\topen={open}\n\t\t\tonClose={onClose}\n\t\t\ttitle={currentSheet.title}\n\t\t\tdescription={currentSheet.description}\n\t\t\theight={height}\n\t\t\tswipeable={swipeable}\n\t\t>\n\t\t\t{sheets.length > 1 && (\n\t\t\t\t<div className=\"wwc:flex wwc:gap-1 wwc:p-1 wwc:mb-4 wwc:bg-muted wwc:rounded-lg\">\n\t\t\t\t\t{sheets.map((sheet) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tkey={sheet.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={() => handleSheetChange(sheet.id)}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"wwc:flex-1 wwc:px-3 wwc:py-1.5 wwc:text-sm wwc:font-medium wwc:rounded-md wwc:transition-colors\",\n\t\t\t\t\t\t\t\tsheet.id === currentSheetId\n\t\t\t\t\t\t\t\t\t? \"wwc:bg-background wwc:text-foreground wwc:shadow-sm\"\n\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground hover:wwc:text-foreground\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{sheet.title}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{currentSheet.content}\n\t\t</BottomSheet>\n\t);\n};\nBottomSheetSwitcher.displayName = \"BottomSheetSwitcher\";\n\nexport {BottomSheetSwitcher};\n"],"mappings":";;;;;;AA8BA,MAAM,uBAAuB,EAC5B,QACA,eACA,MACA,SACA,eACA,SAAS,QACT,YAAY,WACmB;CAC/B,MAAM,CAAC,gBAAgB,qBAAqB,MAAM,SAAS,iBAAiB,OAAO,EAAE,EAAE,EAAE;CAEzF,MAAM,gBAAgB;EACrB,IAAI,eACH,kBAAkB,aAAa;CAEjC,GAAG,CAAC,aAAa,CAAC;CAElB,MAAM,eAAe,OAAO,MAAM,UAAU,MAAM,OAAO,cAAc,KAAK,OAAO;CAEnF,MAAM,qBAAqB,YAAoB;EAC9C,kBAAkB,OAAO;EACzB,gBAAgB,OAAO;CACxB;CAEA,IAAI,CAAC,cAAc,OAAO;CAE1B,OACC,qBAAC,aAAD;EACO;EACG;EACT,OAAO,aAAa;EACpB,aAAa,aAAa;EAClB;EACG;EANZ,UAAA,CAQE,OAAO,SAAS,KAChB,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,OAAO,KAAK,UACZ,oBAAC,UAAD;IAEC,MAAK;IACL,eAAe,kBAAkB,MAAM,EAAE;IACzC,WAAW,GACV,mGACA,MAAM,OAAO,iBACV,wDACA,qDACJ;IAEC,UAAA,MAAM;GACA,GAXF,MAAM,EAWJ,CACR;EACG,CAAA,GAEL,aAAa,OACF;;AAEf;AACA,oBAAoB,cAAc"}

package/dist/bottom-sheet.d.mts

@@ -0,0 +1,23 @@
+import * as React from "react";
+//#region src/bottom-sheet.d.ts
+export interface BottomSheetProps {
+  /** Whether the bottom sheet is open */
+  open: boolean;
+  /** Callback when the sheet should close */
+  onClose: () => void;
+  /** Sheet content */
+  children: React.ReactNode;
+  /** Sheet title */
+  title?: React.ReactNode;
+  /** Sheet description */
+  description?: React.ReactNode;
+  /** Height of the sheet - can be 'auto', 'full', or a percentage */
+  height?: "auto" | "full" | "half" | "third";
+  /** Allow swipe to close */
+  swipeable?: boolean;
+}
+/** A mobile-first bottom drawer component. */
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { BottomSheet };
+//# sourceMappingURL=bottom-sheet.d.mts.map

package/dist/bottom-sheet.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.d.mts","names":[],"sources":["../src/bottom-sheet.tsx"],"mappings":";;iBAOiB;;EAEhB;;EAEA;;EAEA,UAAU,MAAM;;EAEhB,QAAQ,MAAM;;EAEd,cAAc,MAAM;;EAEpB;;EAEA;;;cAIK,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/bottom-sheet.mjs

@@ -0,0 +1,91 @@
+import { IconButton } from "./icon-button.mjs";
+import { Overlay } from "./overlay.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { X } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/bottom-sheet.tsx
+/** A mobile-first bottom drawer component. */
+const BottomSheet = React.forwardRef(({ open, onClose, children, title, description, height = "auto", swipeable = true }, ref) => {
+	const [isDragging, setIsDragging] = React.useState(false);
+	const [startY, setStartY] = React.useState(0);
+	const [currentY, setCurrentY] = React.useState(0);
+	const sheetRef = React.useRef(null);
+	const heightClasses = {
+		auto: "wwc:max-h-[90vh]",
+		full: "wwc:h-[100vh]",
+		half: "wwc:h-[50vh]",
+		third: "wwc:h-[33vh]"
+	};
+	const handleTouchStart = (e) => {
+		if (!swipeable) return;
+		setIsDragging(true);
+		setStartY(e.touches[0].clientY);
+	};
+	const handleTouchMove = (e) => {
+		if (!swipeable || !isDragging) return;
+		setCurrentY(e.touches[0].clientY);
+	};
+	const handleTouchEnd = () => {
+		if (!swipeable || !isDragging) return;
+		setIsDragging(false);
+		if (currentY - startY > 100) onClose();
+		setCurrentY(0);
+		setStartY(0);
+	};
+	React.useEffect(() => {
+		if (open) document.body.style.overflow = "hidden";
+		else document.body.style.overflow = "";
+		return () => {
+			document.body.style.overflow = "";
+		};
+	}, [open]);
+	if (!open) return null;
+	const translateY = isDragging ? Math.max(0, currentY - startY) : 0;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Overlay, {
+		open,
+		onClose
+	}), /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("wwc:fixed wwc:bottom-0 wwc:left-0 wwc:right-0 wwc:z-50 wwc:bg-background wwc:border-t wwc:border-border wwc:rounded-t-xl wwc:shadow-lg wwc:transition-transform wwc:duration-200", heightClasses[height], open ? "wwc:translate-y-0" : "wwc:translate-y-full"),
+		style: { transform: `translateY(${translateY}px)` },
+		onTouchStart: handleTouchStart,
+		onTouchMove: handleTouchMove,
+		onTouchEnd: handleTouchEnd,
+		children: [
+			swipeable && /* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:justify-center wwc:pt-2 wwc:pb-1",
+				children: /* @__PURE__ */ jsx("div", { className: "wwc:w-12 wwc:h-1 wwc:bg-muted-foreground/30 wwc:rounded-full" })
+			}),
+			(title || description) && /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-start wwc:justify-between wwc:gap-4 wwc:p-6 wwc:pb-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "wwc:space-y-1",
+					children: [title && /* @__PURE__ */ jsx("h2", {
+						className: "wwc:text-lg wwc:font-semibold wwc:leading-none wwc:tracking-tight",
+						children: title
+					}), description && /* @__PURE__ */ jsx("p", {
+						className: "wwc:text-sm wwc:text-muted-foreground",
+						children: description
+					})]
+				}), /* @__PURE__ */ jsx(IconButton, {
+					variant: "ghost",
+					size: "sm",
+					onClick: onClose,
+					tooltip: "Close",
+					children: /* @__PURE__ */ jsx(X, {})
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				ref: sheetRef,
+				className: cn("wwc:overflow-y-auto", title || description ? "wwc:p-6 wwc:pt-0" : "wwc:p-6"),
+				children
+			})
+		]
+	})] });
+});
+BottomSheet.displayName = "BottomSheet";
+//#endregion
+export { BottomSheet };
+
+//# sourceMappingURL=bottom-sheet.mjs.map

package/dist/bottom-sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.mjs","names":[],"sources":["../src/bottom-sheet.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {X} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {IconButton} from \"./icon-button\";\nimport {Overlay} from \"./overlay\";\n\nexport interface BottomSheetProps {\n\t/** Whether the bottom sheet is open */\n\topen: boolean;\n\t/** Callback when the sheet should close */\n\tonClose: () => void;\n\t/** Sheet content */\n\tchildren: React.ReactNode;\n\t/** Sheet title */\n\ttitle?: React.ReactNode;\n\t/** Sheet description */\n\tdescription?: React.ReactNode;\n\t/** Height of the sheet - can be 'auto', 'full', or a percentage */\n\theight?: \"auto\" | \"full\" | \"half\" | \"third\";\n\t/** Allow swipe to close */\n\tswipeable?: boolean;\n}\n\n/** A mobile-first bottom drawer component. */\nconst BottomSheet = React.forwardRef<HTMLDivElement, BottomSheetProps>(\n\t({open, onClose, children, title, description, height = \"auto\", swipeable = true}, ref) => {\n\t\tconst [isDragging, setIsDragging] = React.useState(false);\n\t\tconst [startY, setStartY] = React.useState(0);\n\t\tconst [currentY, setCurrentY] = React.useState(0);\n\t\tconst sheetRef = React.useRef<HTMLDivElement>(null);\n\n\t\tconst heightClasses = {\n\t\t\tauto: \"wwc:max-h-[90vh]\",\n\t\t\tfull: \"wwc:h-[100vh]\",\n\t\t\thalf: \"wwc:h-[50vh]\",\n\t\t\tthird: \"wwc:h-[33vh]\",\n\t\t};\n\n\t\tconst handleTouchStart = (e: React.TouchEvent) => {\n\t\t\tif (!swipeable) return;\n\t\t\tsetIsDragging(true);\n\t\t\tsetStartY(e.touches[0].clientY);\n\t\t};\n\n\t\tconst handleTouchMove = (e: React.TouchEvent) => {\n\t\t\tif (!swipeable || !isDragging) return;\n\t\t\tsetCurrentY(e.touches[0].clientY);\n\t\t};\n\n\t\tconst handleTouchEnd = () => {\n\t\t\tif (!swipeable || !isDragging) return;\n\t\t\tsetIsDragging(false);\n\t\t\tconst diff = currentY - startY;\n\t\t\tif (diff > 100) {\n\t\t\t\tonClose();\n\t\t\t}\n\t\t\tsetCurrentY(0);\n\t\t\tsetStartY(0);\n\t\t};\n\n\t\tReact.useEffect(() => {\n\t\t\tif (open) {\n\t\t\t\tdocument.body.style.overflow = \"hidden\";\n\t\t\t} else {\n\t\t\t\tdocument.body.style.overflow = \"\";\n\t\t\t}\n\t\t\treturn () => {\n\t\t\t\tdocument.body.style.overflow = \"\";\n\t\t\t};\n\t\t}, [open]);\n\n\t\tif (!open) return null;\n\n\t\tconst translateY = isDragging ? Math.max(0, currentY - startY) : 0;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Overlay open={open} onClose={onClose} />\n\t\t\t\t<div\n\t\t\t\t\tref={ref}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:fixed wwc:bottom-0 wwc:left-0 wwc:right-0 wwc:z-50 wwc:bg-background wwc:border-t wwc:border-border wwc:rounded-t-xl wwc:shadow-lg wwc:transition-transform wwc:duration-200\",\n\t\t\t\t\t\theightClasses[height],\n\t\t\t\t\t\topen ? \"wwc:translate-y-0\" : \"wwc:translate-y-full\",\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\ttransform: `translateY(${translateY}px)`,\n\t\t\t\t\t}}\n\t\t\t\t\tonTouchStart={handleTouchStart}\n\t\t\t\t\tonTouchMove={handleTouchMove}\n\t\t\t\t\tonTouchEnd={handleTouchEnd}\n\t\t\t\t>\n\t\t\t\t\t{swipeable && (\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:justify-center wwc:pt-2 wwc:pb-1\">\n\t\t\t\t\t\t\t<div className=\"wwc:w-12 wwc:h-1 wwc:bg-muted-foreground/30 wwc:rounded-full\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{(title || description) && (\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:justify-between wwc:gap-4 wwc:p-6 wwc:pb-4\">\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-1\">\n\t\t\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t\t\t<h2 className=\"wwc:text-lg wwc:font-semibold wwc:leading-none wwc:tracking-tight\">{title}</h2>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{description && <p className=\"wwc:text-sm wwc:text-muted-foreground\">{description}</p>}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<IconButton variant=\"ghost\" size=\"sm\" onClick={onClose} tooltip=\"Close\">\n\t\t\t\t\t\t\t\t<X />\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={sheetRef}\n\t\t\t\t\t\tclassName={cn(\"wwc:overflow-y-auto\", title || description ? \"wwc:p-6 wwc:pt-0\" : \"wwc:p-6\")}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t},\n);\nBottomSheet.displayName = \"BottomSheet\";\n\nexport {BottomSheet};\n"],"mappings":";;;;;;;;AAyBA,MAAM,cAAc,MAAM,YACxB,EAAC,MAAM,SAAS,UAAU,OAAO,aAAa,SAAS,QAAQ,YAAY,QAAO,QAAQ;CAC1F,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,KAAK;CACxD,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,CAAC;CAC5C,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,CAAC;CAChD,MAAM,WAAW,MAAM,OAAuB,IAAI;CAElD,MAAM,gBAAgB;EACrB,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;CACR;CAEA,MAAM,oBAAoB,MAAwB;EACjD,IAAI,CAAC,WAAW;EAChB,cAAc,IAAI;EAClB,UAAU,EAAE,QAAQ,EAAE,CAAC,OAAO;CAC/B;CAEA,MAAM,mBAAmB,MAAwB;EAChD,IAAI,CAAC,aAAa,CAAC,YAAY;EAC/B,YAAY,EAAE,QAAQ,EAAE,CAAC,OAAO;CACjC;CAEA,MAAM,uBAAuB;EAC5B,IAAI,CAAC,aAAa,CAAC,YAAY;EAC/B,cAAc,KAAK;EAEnB,IADa,WAAW,SACb,KACV,QAAQ;EAET,YAAY,CAAC;EACb,UAAU,CAAC;CACZ;CAEA,MAAM,gBAAgB;EACrB,IAAI,MACH,SAAS,KAAK,MAAM,WAAW;OAE/B,SAAS,KAAK,MAAM,WAAW;EAEhC,aAAa;GACZ,SAAS,KAAK,MAAM,WAAW;EAChC;CACD,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,CAAC,MAAM,OAAO;CAElB,MAAM,aAAa,aAAa,KAAK,IAAI,GAAG,WAAW,MAAM,IAAI;CAEjE,OACC,qBAAA,YAAA,EAAA,UAAA,CACC,oBAAC,SAAD;EAAe;EAAe;CAAU,CAAA,GACxC,qBAAC,OAAD;EACM;EACL,WAAW,GACV,oLACA,cAAc,SACd,OAAO,sBAAsB,sBAC9B;EACA,OAAO,EACN,WAAW,cAAc,WAAW,KACrC;EACA,cAAc;EACd,aAAa;EACb,YAAY;EAZb,UAAA;GAcE,aACA,oBAAC,OAAD;IAAK,WAAU;IACd,UAAA,oBAAC,OAAD,EAAK,WAAU,+DAAgE,CAAA;GAC3E,CAAA;IAGJ,SAAS,gBACV,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACC,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,SACA,oBAAC,MAAD;MAAI,WAAU;MAAqE,UAAA;KAAU,CAAA,GAE7F,eAAe,oBAAC,KAAD;MAAG,WAAU;MAAyC,UAAA;KAAe,CAAA,CACjF;IACL,CAAA,GAAA,oBAAC,YAAD;KAAY,SAAQ;KAAQ,MAAK;KAAK,SAAS;KAAS,SAAQ;KAC/D,UAAA,oBAAC,GAAD,CAAI,CAAA;IACO,CAAA,CACR;;GAGN,oBAAC,OAAD;IACC,KAAK;IACL,WAAW,GAAG,uBAAuB,SAAS,cAAc,qBAAqB,SAAS;IAEzF;GACG,CAAA;EACD;CACJ,CAAA,CAAA,EAAA,CAAA;AAEJ,CACD;AACA,YAAY,cAAc"}

package/dist/breadcrumb.d.mts

@@ -0,0 +1,39 @@
+import * as React from "react";
+//#region src/breadcrumb.d.ts
+/** Displays the path to the current resource using a hierarchy of links. */
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+  separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+  asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+  ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+/** A collapsed breadcrumb level shown inside the ellipsis dropdown. */
+export interface BreadcrumbMenuItem {
+  label: React.ReactNode;
+  /** Renders the item as a link. */
+  href?: string;
+  /** Called when the item is chosen (e.g. for client-side routing). */
+  onSelect?: () => void;
+  disabled?: boolean;
+}
+/**
+ * The "…" between breadcrumbs. Pass `items` (the collapsed middle levels) to make it an
+ * interactive dropdown — clicking it opens a menu of those levels (built on the same `DropdownMenu`
+ * the toolbar action menus use). Without `items` it renders a static, decorative ellipsis.
+ */
+declare const BreadcrumbEllipsis: {
+  ({ className, items, ...props }: React.ComponentProps<"span"> & {
+    items?: BreadcrumbMenuItem[];
+  }): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.mts.map

package/dist/breadcrumb.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.mts","names":[],"sources":["../src/breadcrumb.tsx"],"mappings":";;;cAQM,YAAU,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,cAAA;EAGF,YAAA,MAAM;IAEwD,MAAA,cAAA;cAGtE,gBAAc,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,iBAAA,mBAAA,4BAAA,MAAA,cAAA;cAcd,gBAAc,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,iBAAA,gBAAA,yBAAA,MAAA,cAAA;cAOd,gBAAc,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,qBAAA,oBAAA;EAGR;IAMV,MAAA,cAAA;cAGI,gBAAc,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,kBAAA,2BAAA,MAAA,cAAA;cAcd;KAAwD,UAAA,cAAA,SAAA,MAAM,mDAAoB,IAAA;;;;iBAavE;EAChB,OAAO,MAAM;;EAEb;;EAEA;EACA;;;;;;;cAQK;KAIH,WAAA,UAAA,SAAA,MAAM;IAA0B,QAAQ;kCAAqB,IAAA"}