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

package/dist/timestamp.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timestamp.d.mts","names":[],"sources":["../src/timestamp.tsx"],"mappings":";;iBAGiB,uBAAuB,MAAM,mBAAmB;;EAEhE,MAAM;;EAEN;;EAEA,aAAa,MAAM;;;cAiCd,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA"}

package/dist/timestamp.mjs

@@ -0,0 +1,61 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/timestamp.tsx
+const formatRelativeTime = (date) => {
+	const diffInSeconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - date.getTime()) / 1e3);
+	if (diffInSeconds < 60) return "just now";
+	if (diffInSeconds < 3600) {
+		const minutes = Math.floor(diffInSeconds / 60);
+		return `${minutes} ${minutes === 1 ? "minute" : "minutes"} ago`;
+	}
+	if (diffInSeconds < 86400) {
+		const hours = Math.floor(diffInSeconds / 3600);
+		return `${hours} ${hours === 1 ? "hour" : "hours"} ago`;
+	}
+	if (diffInSeconds < 604800) {
+		const days = Math.floor(diffInSeconds / 86400);
+		return `${days} ${days === 1 ? "day" : "days"} ago`;
+	}
+	if (diffInSeconds < 2592e3) {
+		const weeks = Math.floor(diffInSeconds / 604800);
+		return `${weeks} ${weeks === 1 ? "week" : "weeks"} ago`;
+	}
+	if (diffInSeconds < 31536e3) {
+		const months = Math.floor(diffInSeconds / 2592e3);
+		return `${months} ${months === 1 ? "month" : "months"} ago`;
+	}
+	const years = Math.floor(diffInSeconds / 31536e3);
+	return `${years} ${years === 1 ? "year" : "years"} ago`;
+};
+/** Displays a formatted timestamp with optional relative time formatting. */
+const Timestamp = React.forwardRef(({ className, date, format = "relative", formatter, ...props }, ref) => {
+	const dateObj = date instanceof Date ? date : new Date(date);
+	const isoString = dateObj.toISOString();
+	const formattedText = React.useMemo(() => {
+		if (formatter) return formatter(dateObj);
+		switch (format) {
+			case "relative": return formatRelativeTime(dateObj);
+			case "date": return dateObj.toLocaleDateString();
+			case "datetime": return dateObj.toLocaleString();
+			case "time": return dateObj.toLocaleTimeString();
+			default: return formatRelativeTime(dateObj);
+		}
+	}, [
+		dateObj,
+		format,
+		formatter
+	]);
+	return /* @__PURE__ */ jsx("time", {
+		ref,
+		dateTime: isoString,
+		className: cn("wwc:text-sm wwc:text-muted-foreground", className),
+		...props,
+		children: formattedText
+	});
+});
+Timestamp.displayName = "Timestamp";
+//#endregion
+export { Timestamp };
+
+//# sourceMappingURL=timestamp.mjs.map

package/dist/timestamp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timestamp.mjs","names":[],"sources":["../src/timestamp.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nexport interface TimestampProps extends React.TimeHTMLAttributes<HTMLTimeElement> {\n\t/** The date/time value */\n\tdate: Date | string | number;\n\t/** Display format: 'relative' shows \"2 hours ago\", 'date' shows formatted date, 'datetime' shows both */\n\tformat?: \"relative\" | \"date\" | \"datetime\" | \"time\";\n\t/** Custom formatter function. Receives the Date object and returns formatted string. */\n\tformatter?: (date: Date) => string;\n}\n\nconst formatRelativeTime = (date: Date): string => {\n\tconst now = new Date();\n\tconst diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);\n\n\tif (diffInSeconds < 60) return \"just now\";\n\tif (diffInSeconds < 3600) {\n\t\tconst minutes = Math.floor(diffInSeconds / 60);\n\t\treturn `${minutes} ${minutes === 1 ? \"minute\" : \"minutes\"} ago`;\n\t}\n\tif (diffInSeconds < 86400) {\n\t\tconst hours = Math.floor(diffInSeconds / 3600);\n\t\treturn `${hours} ${hours === 1 ? \"hour\" : \"hours\"} ago`;\n\t}\n\tif (diffInSeconds < 604800) {\n\t\tconst days = Math.floor(diffInSeconds / 86400);\n\t\treturn `${days} ${days === 1 ? \"day\" : \"days\"} ago`;\n\t}\n\tif (diffInSeconds < 2592000) {\n\t\tconst weeks = Math.floor(diffInSeconds / 604800);\n\t\treturn `${weeks} ${weeks === 1 ? \"week\" : \"weeks\"} ago`;\n\t}\n\tif (diffInSeconds < 31536000) {\n\t\tconst months = Math.floor(diffInSeconds / 2592000);\n\t\treturn `${months} ${months === 1 ? \"month\" : \"months\"} ago`;\n\t}\n\tconst years = Math.floor(diffInSeconds / 31536000);\n\treturn `${years} ${years === 1 ? \"year\" : \"years\"} ago`;\n};\n\n/** Displays a formatted timestamp with optional relative time formatting. */\nconst Timestamp = React.forwardRef<HTMLTimeElement, TimestampProps>(\n\t({className, date, format = \"relative\", formatter, ...props}, ref) => {\n\t\tconst dateObj = date instanceof Date ? date : new Date(date);\n\t\tconst isoString = dateObj.toISOString();\n\n\t\tconst formattedText = React.useMemo(() => {\n\t\t\tif (formatter) return formatter(dateObj);\n\n\t\t\tswitch (format) {\n\t\t\t\tcase \"relative\":\n\t\t\t\t\treturn formatRelativeTime(dateObj);\n\t\t\t\tcase \"date\":\n\t\t\t\t\treturn dateObj.toLocaleDateString();\n\t\t\t\tcase \"datetime\":\n\t\t\t\t\treturn dateObj.toLocaleString();\n\t\t\t\tcase \"time\":\n\t\t\t\t\treturn dateObj.toLocaleTimeString();\n\t\t\t\tdefault:\n\t\t\t\t\treturn formatRelativeTime(dateObj);\n\t\t\t}\n\t\t}, [dateObj, format, formatter]);\n\n\t\treturn (\n\t\t\t<time\n\t\t\t\tref={ref}\n\t\t\t\tdateTime={isoString}\n\t\t\t\tclassName={cn(\"wwc:text-sm wwc:text-muted-foreground\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{formattedText}\n\t\t\t</time>\n\t\t);\n\t},\n);\nTimestamp.displayName = \"Timestamp\";\n\nexport {Timestamp};\n"],"mappings":";;;;AAYA,MAAM,sBAAsB,SAAuB;CAElD,MAAM,gBAAgB,KAAK,wBAAO,IADlB,KACoB,EAAA,CAAE,QAAQ,IAAI,KAAK,QAAQ,KAAK,GAAI;CAExE,IAAI,gBAAgB,IAAI,OAAO;CAC/B,IAAI,gBAAgB,MAAM;EACzB,MAAM,UAAU,KAAK,MAAM,gBAAgB,EAAE;EAC7C,OAAO,GAAG,QAAQ,GAAG,YAAY,IAAI,WAAW,UAAU;CAC3D;CACA,IAAI,gBAAgB,OAAO;EAC1B,MAAM,QAAQ,KAAK,MAAM,gBAAgB,IAAI;EAC7C,OAAO,GAAG,MAAM,GAAG,UAAU,IAAI,SAAS,QAAQ;CACnD;CACA,IAAI,gBAAgB,QAAQ;EAC3B,MAAM,OAAO,KAAK,MAAM,gBAAgB,KAAK;EAC7C,OAAO,GAAG,KAAK,GAAG,SAAS,IAAI,QAAQ,OAAO;CAC/C;CACA,IAAI,gBAAgB,QAAS;EAC5B,MAAM,QAAQ,KAAK,MAAM,gBAAgB,MAAM;EAC/C,OAAO,GAAG,MAAM,GAAG,UAAU,IAAI,SAAS,QAAQ;CACnD;CACA,IAAI,gBAAgB,SAAU;EAC7B,MAAM,SAAS,KAAK,MAAM,gBAAgB,MAAO;EACjD,OAAO,GAAG,OAAO,GAAG,WAAW,IAAI,UAAU,SAAS;CACvD;CACA,MAAM,QAAQ,KAAK,MAAM,gBAAgB,OAAQ;CACjD,OAAO,GAAG,MAAM,GAAG,UAAU,IAAI,SAAS,QAAQ;AACnD;;AAGA,MAAM,YAAY,MAAM,YACtB,EAAC,WAAW,MAAM,SAAS,YAAY,WAAW,GAAG,SAAQ,QAAQ;CACrE,MAAM,UAAU,gBAAgB,OAAO,OAAO,IAAI,KAAK,IAAI;CAC3D,MAAM,YAAY,QAAQ,YAAY;CAEtC,MAAM,gBAAgB,MAAM,cAAc;EACzC,IAAI,WAAW,OAAO,UAAU,OAAO;EAEvC,QAAQ,QAAR;GACC,KAAK,YACJ,OAAO,mBAAmB,OAAO;GAClC,KAAK,QACJ,OAAO,QAAQ,mBAAmB;GACnC,KAAK,YACJ,OAAO,QAAQ,eAAe;GAC/B,KAAK,QACJ,OAAO,QAAQ,mBAAmB;GACnC,SACC,OAAO,mBAAmB,OAAO;EACnC;CACD,GAAG;EAAC;EAAS;EAAQ;CAAS,CAAC;CAE/B,OACC,oBAAC,QAAD;EACM;EACL,UAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;EAEH,UAAA;CACI,CAAA;AAER,CACD;AACA,UAAU,cAAc"}

package/dist/toast.d.mts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+//#region src/toast.d.ts
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+//#endregion
+export { Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport };
+//# sourceMappingURL=toast.d.mts.map

package/dist/toast.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.mts","names":[],"sources":["../src/toast.tsx"],"mappings":";;;;cAMM,eAAa,MAAA,GAAA,gBAAA;cAEb,eAAa,MAAA,0BAAA,KAAA,gBAAA,qBAAA,MAAA,cAAA,4BAAA,MAAA,cAAA;cA8Bb,OAAK,MAAA,0BAAA,KAAA,gBAAA,aAAA,MAAA,cAAA,yBAAA,cAAA;;6CAKT,qCAAA,MAAA,cAAA;cAGI,aAAW,MAAA,0BAAA,KAAA,gBAAA,mBAAA,MAAA,cAAA,6BAAA,MAAA,cAAA;cAeX,YAAU,MAAA,0BAAA,KAAA,gBAAA,kBAAA,MAAA,cAAA,6BAAA,MAAA,cAAA;cAkBV,YAAU,MAAA,0BAAA,KAAA,gBAAA,kBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAQV,kBAAgB,MAAA,0BAAA,KAAA,gBAAA,wBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;KAQjB,aAAa,MAAM,gCAAgC;KAEnD,qBAAqB,MAAM,oBAAoB"}

package/dist/toast.mjs

@@ -0,0 +1,59 @@
+import { cn } from "@corensystem/coren-utils";
+import { X } from "lucide-react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+//#region src/toast.tsx
+const ToastProvider = ToastPrimitives.Provider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Viewport, {
+	ref,
+	className: cn("wwc:fixed wwc:top-0 wwc:z-[100] wwc:flex wwc:max-h-screen wwc:w-full wwc:flex-col-reverse wwc:p-4 wwc:sm:bottom-0 wwc:sm:right-0 wwc:sm:top-auto wwc:sm:flex-col wwc:md:max-w-[420px]", className),
+	...props
+}));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+const toastVariants = cva("wwc:group wwc:pointer-events-auto wwc:relative wwc:flex wwc:w-full wwc:items-center wwc:justify-between wwc:space-x-4 wwc:overflow-hidden wwc:rounded-md wwc:border wwc:p-6 wwc:pr-8 wwc:shadow-lg wwc:transition-all wwc:data-[swipe=cancel]:translate-x-0 wwc:data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] wwc:data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] wwc:data-[swipe=move]:transition-none wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[swipe=end]:animate-out wwc:data-[state=closed]:fade-out-80 wwc:data-[state=closed]:slide-out-to-right-full wwc:data-[state=open]:slide-in-from-top-full wwc:data-[state=open]:sm:slide-in-from-bottom-full", {
+	variants: { variant: {
+		default: "wwc:border wwc:bg-card wwc:text-foreground",
+		destructive: "destructive wwc:group wwc:border-destructive wwc:bg-destructive wwc:text-destructive-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(ToastPrimitives.Root, {
+		ref,
+		className: cn(toastVariants({ variant }), className),
+		...props
+	});
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Action, {
+	ref,
+	className: cn("wwc:inline-flex wwc:h-8 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:border wwc:bg-transparent wwc:px-3 wwc:text-sm wwc:font-medium wwc:ring-offset-background wwc:transition-colors wwc:hover:bg-secondary wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-ring wwc:focus:ring-offset-2 wwc:disabled:pointer-events-none wwc:disabled:opacity-50 wwc:group-[.destructive]:border-muted/40 wwc:group-[.destructive]:hover:border-destructive/30 wwc:group-[.destructive]:hover:bg-destructive wwc:group-[.destructive]:hover:text-destructive-foreground wwc:group-[.destructive]:focus:ring-destructive", className),
+	...props
+}));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Close, {
+	ref,
+	className: cn("wwc:absolute wwc:right-2 wwc:top-2 wwc:rounded-md wwc:p-1 wwc:text-foreground/50 wwc:opacity-0 wwc:transition-opacity wwc:hover:text-foreground wwc:focus:opacity-100 wwc:focus:outline-none wwc:focus:ring-2 wwc:group-hover:opacity-100 wwc:group-[.destructive]:text-red-300 wwc:group-[.destructive]:hover:text-red-50 wwc:group-[.destructive]:focus:ring-red-400 wwc:group-[.destructive]:focus:ring-offset-red-600", className),
+	"toast-close": "",
+	...props,
+	children: /* @__PURE__ */ jsx(X, { className: "wwc:h-4 wwc:w-4" })
+}));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Title, {
+	ref,
+	className: cn("wwc:text-sm wwc:font-semibold", className),
+	...props
+}));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitives.Description, {
+	ref,
+	className: cn("wwc:text-sm wwc:opacity-90", className),
+	...props
+}));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+//#endregion
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport };
+
+//# sourceMappingURL=toast.mjs.map

package/dist/toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.mjs","names":[],"sources":["../src/toast.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport {X} from \"lucide-react\";\nimport * as React from \"react\";\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n\tReact.ElementRef<typeof ToastPrimitives.Viewport>,\n\tReact.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({className, ...props}, ref) => (\n\t<ToastPrimitives.Viewport\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:fixed wwc:top-0 wwc:z-[100] wwc:flex wwc:max-h-screen wwc:w-full wwc:flex-col-reverse wwc:p-4 wwc:sm:bottom-0 wwc:sm:right-0 wwc:sm:top-auto wwc:sm:flex-col wwc:md:max-w-[420px]\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = cva(\n\t\"wwc:group wwc:pointer-events-auto wwc:relative wwc:flex wwc:w-full wwc:items-center wwc:justify-between wwc:space-x-4 wwc:overflow-hidden wwc:rounded-md wwc:border wwc:p-6 wwc:pr-8 wwc:shadow-lg wwc:transition-all wwc:data-[swipe=cancel]:translate-x-0 wwc:data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] wwc:data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] wwc:data-[swipe=move]:transition-none wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[swipe=end]:animate-out wwc:data-[state=closed]:fade-out-80 wwc:data-[state=closed]:slide-out-to-right-full wwc:data-[state=open]:slide-in-from-top-full wwc:data-[state=open]:sm:slide-in-from-bottom-full\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"wwc:border wwc:bg-card wwc:text-foreground\",\n\t\t\t\tdestructive: \"destructive wwc:group wwc:border-destructive wwc:bg-destructive wwc:text-destructive-foreground\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nconst Toast = React.forwardRef<\n\tReact.ElementRef<typeof ToastPrimitives.Root>,\n\tReact.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({className, variant, ...props}, ref) => {\n\treturn <ToastPrimitives.Root ref={ref} className={cn(toastVariants({variant}), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<\n\tReact.ElementRef<typeof ToastPrimitives.Action>,\n\tReact.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({className, ...props}, ref) => (\n\t<ToastPrimitives.Action\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:inline-flex wwc:h-8 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:border wwc:bg-transparent wwc:px-3 wwc:text-sm wwc:font-medium wwc:ring-offset-background wwc:transition-colors wwc:hover:bg-secondary wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-ring wwc:focus:ring-offset-2 wwc:disabled:pointer-events-none wwc:disabled:opacity-50 wwc:group-[.destructive]:border-muted/40 wwc:group-[.destructive]:hover:border-destructive/30 wwc:group-[.destructive]:hover:bg-destructive wwc:group-[.destructive]:hover:text-destructive-foreground wwc:group-[.destructive]:focus:ring-destructive\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<\n\tReact.ElementRef<typeof ToastPrimitives.Close>,\n\tReact.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({className, ...props}, ref) => (\n\t<ToastPrimitives.Close\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:absolute wwc:right-2 wwc:top-2 wwc:rounded-md wwc:p-1 wwc:text-foreground/50 wwc:opacity-0 wwc:transition-opacity wwc:hover:text-foreground wwc:focus:opacity-100 wwc:focus:outline-none wwc:focus:ring-2 wwc:group-hover:opacity-100 wwc:group-[.destructive]:text-red-300 wwc:group-[.destructive]:hover:text-red-50 wwc:group-[.destructive]:focus:ring-red-400 wwc:group-[.destructive]:focus:ring-offset-red-600\",\n\t\t\tclassName,\n\t\t)}\n\t\ttoast-close=\"\"\n\t\t{...props}\n\t>\n\t\t<X className=\"wwc:h-4 wwc:w-4\" />\n\t</ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<\n\tReact.ElementRef<typeof ToastPrimitives.Title>,\n\tReact.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({className, ...props}, ref) => (\n\t<ToastPrimitives.Title ref={ref} className={cn(\"wwc:text-sm wwc:font-semibold\", className)} {...props} />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n\tReact.ElementRef<typeof ToastPrimitives.Description>,\n\tReact.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({className, ...props}, ref) => (\n\t<ToastPrimitives.Description ref={ref} className={cn(\"wwc:text-sm wwc:opacity-90\", className)} {...props} />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n\ttype ToastProps,\n\ttype ToastActionElement,\n\tToastProvider,\n\tToastViewport,\n\tToast,\n\tToastTitle,\n\tToastDescription,\n\tToastClose,\n\tToastAction,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,gBAAgB,MAAM,YAGzB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,UAAjB;CACM;CACL,WAAW,GACV,yLACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,cAAc,cAAc,gBAAgB,SAAS;AAErD,MAAM,gBAAgB,IACrB,qsBACA;CACC,UAAU,EACT,SAAS;EACR,SAAS;EACT,aAAa;CACd,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CACD;AAEA,MAAM,QAAQ,MAAM,YAGjB,EAAC,WAAW,SAAS,GAAG,SAAQ,QAAQ;CAC1C,OAAO,oBAAC,gBAAgB,MAAjB;EAA2B;EAAK,WAAW,GAAG,cAAc,EAAC,QAAO,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACxG,CAAC;AACD,MAAM,cAAc,gBAAgB,KAAK;AAEzC,MAAM,cAAc,MAAM,YAGvB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,QAAjB;CACM;CACL,WAAW,GACV,0mBACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,YAAY,cAAc,gBAAgB,OAAO;AAEjD,MAAM,aAAa,MAAM,YAGtB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,OAAjB;CACM;CACL,WAAW,GACV,6ZACA,SACD;CACA,eAAY;CACZ,GAAI;CAEJ,UAAA,oBAAC,GAAD,EAAG,WAAU,kBAAmB,CAAA;AACV,CAAA,CACvB;AACD,WAAW,cAAc,gBAAgB,MAAM;AAE/C,MAAM,aAAa,MAAM,YAGtB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,OAAjB;CAA4B;CAAK,WAAW,GAAG,iCAAiC,SAAS;CAAG,GAAI;AAAQ,CAAA,CACxG;AACD,WAAW,cAAc,gBAAgB,MAAM;AAE/C,MAAM,mBAAmB,MAAM,YAG5B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,aAAjB;CAAkC;CAAK,WAAW,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC3G;AACD,iBAAiB,cAAc,gBAAgB,YAAY"}

package/dist/toaster.d.mts

@@ -0,0 +1,5 @@
+//#region src/toaster.d.ts
+/** Toast notification system powered by Sonner. */
+export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=toaster.d.mts.map

package/dist/toaster.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.mts","names":[],"sources":["../src/toaster.tsx"],"mappings":";;wBAIgB,uCAAO,IAAA"}

package/dist/toaster.mjs

@@ -0,0 +1,23 @@
+import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "./toast.mjs";
+import { useToast } from "./use-toast.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/toaster.tsx
+/** Toast notification system powered by Sonner. */
+function Toaster() {
+	const { toasts } = useToast();
+	return /* @__PURE__ */ jsxs(ToastProvider, { children: [toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxs(Toast, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:grid wwc:gap-1",
+				children: [title && /* @__PURE__ */ jsx(ToastTitle, { children: title }), description && /* @__PURE__ */ jsx(ToastDescription, { children: description })]
+			}),
+			action,
+			/* @__PURE__ */ jsx(ToastClose, {})
+		]
+	}, id)), /* @__PURE__ */ jsx(ToastViewport, {})] });
+}
+//#endregion
+export { Toaster };
+
+//# sourceMappingURL=toaster.mjs.map

package/dist/toaster.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.mjs","names":[],"sources":["../src/toaster.tsx"],"sourcesContent":["import {Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport} from \"./toast\";\nimport {useToast} from \"./use-toast\";\n\n/** Toast notification system powered by Sonner. */\nexport function Toaster() {\n\tconst {toasts} = useToast();\n\n\treturn (\n\t\t<ToastProvider>\n\t\t\t{toasts.map(({id, title, description, action, ...props}) => (\n\t\t\t\t<Toast key={id} {...props}>\n\t\t\t\t\t<div className=\"wwc:grid wwc:gap-1\">\n\t\t\t\t\t\t{title && <ToastTitle>{title}</ToastTitle>}\n\t\t\t\t\t\t{description && <ToastDescription>{description}</ToastDescription>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{action}\n\t\t\t\t\t<ToastClose />\n\t\t\t\t</Toast>\n\t\t\t))}\n\t\t\t<ToastViewport />\n\t\t</ToastProvider>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAAgB,UAAU;CACzB,MAAM,EAAC,WAAU,SAAS;CAE1B,OACC,qBAAC,eAAD,EAAA,UAAA,CACE,OAAO,KAAK,EAAC,IAAI,OAAO,aAAa,QAAQ,GAAG,YAChD,qBAAC,OAAD;EAAgB,GAAI;EAApB,UAAA;GACC,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,SAAS,oBAAC,YAAD,EAAA,UAAa,MAAkB,CAAA,GACxC,eAAe,oBAAC,kBAAD,EAAA,UAAmB,YAA8B,CAAA,CAC7D;;GACJ;GACD,oBAAC,YAAD,CAAa,CAAA;EACP;CAPK,GAAA,EAOL,CACP,GACD,oBAAC,eAAD,CAAgB,CAAA,CACF,EAAA,CAAA;AAEjB"}

package/dist/toggle-group.d.mts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+//#region src/toggle-group.d.ts
+/** A group of toggle buttons where one or multiple can be active. */
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.mts.map

package/dist/toggle-group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.mts","names":[],"sources":["../src/toggle-group.tsx"],"mappings":";;;;;cAcM,aAAW,MAAA,4BAAA,KAAA,qBAAA,yBAAA,MAAA,cAAA,0BAAA,KAAA,qBAAA,2BAAA,MAAA,cAAA,2BAAA,cAAA;;;6CAWf,sCAAA,MAAA,cAAA;cAGI,iBAAe,MAAA,0BAAA,KAAA,qBAAA,uBAAA,MAAA,cAAA,6BAAA,cAAA;;;6CAoBnB,qCAAA,MAAA,cAAA"}

package/dist/toggle-group.mjs

@@ -0,0 +1,41 @@
+import { toggleVariants } from "./toggle.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+//#region src/toggle-group.tsx
+const ToggleGroupContext = React.createContext({
+	size: "default",
+	variant: "default"
+});
+/** A group of toggle buttons where one or multiple can be active. */
+const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, {
+	ref,
+	className: cn("wwc:flex wwc:items-center wwc:justify-center wwc:gap-1", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+		value: {
+			variant,
+			size
+		},
+		children
+	})
+}));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+	const context = React.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, {
+		ref,
+		className: cn(toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size
+		}), className),
+		...props,
+		children
+	});
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.mjs.map

package/dist/toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.mjs","names":[],"sources":["../src/toggle-group.tsx"],"sourcesContent":["import type {VariantProps} from \"class-variance-authority\";\n\nimport {cn} from \"@corensystem/coren-utils\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport * as React from \"react\";\n\nimport {toggleVariants} from \"./toggle\";\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n\tsize: \"default\",\n\tvariant: \"default\",\n});\n\n/** A group of toggle buttons where one or multiple can be active. */\nconst ToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({className, variant, size, children, ...props}, ref) => (\n\t<ToggleGroupPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:flex wwc:items-center wwc:justify-center wwc:gap-1\", className)}\n\t\t{...props}\n\t>\n\t\t<ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\n\t</ToggleGroupPrimitive.Root>\n));\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nconst ToggleGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\n>(({className, children, variant, size, ...props}, ref) => {\n\tconst context = React.useContext(ToggleGroupContext);\n\treturn (\n\t\t<ToggleGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\ttoggleVariants({\n\t\t\t\t\tvariant: context.variant || variant,\n\t\t\t\t\tsize: context.size || size,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</ToggleGroupPrimitive.Item>\n\t);\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\nexport {ToggleGroup, ToggleGroupItem};\n"],"mappings":";;;;;;AAQA,MAAM,qBAAqB,MAAM,cAAmD;CACnF,MAAM;CACN,SAAS;AACV,CAAC;;AAGD,MAAM,cAAc,MAAM,YAGvB,EAAC,WAAW,SAAS,MAAM,UAAU,GAAG,SAAQ,QAClD,oBAAC,qBAAqB,MAAtB;CACM;CACL,WAAW,GAAG,0DAA0D,SAAS;CACjF,GAAI;CAEJ,UAAA,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;GAAC;GAAS;EAAI;EAAI;CAAsC,CAAA;AAClE,CAAA,CAC3B;AACD,YAAY,cAAc,qBAAqB,KAAK;AAEpD,MAAM,kBAAkB,MAAM,YAG3B,EAAC,WAAW,UAAU,SAAS,MAAM,GAAG,SAAQ,QAAQ;CAC1D,MAAM,UAAU,MAAM,WAAW,kBAAkB;CACnD,OACC,oBAAC,qBAAqB,MAAtB;EACM;EACL,WAAW,GACV,eAAe;GACd,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;EACvB,CAAC,GACD,SACD;EACA,GAAI;EAEH;CACyB,CAAA;AAE7B,CAAC;AACD,gBAAgB,cAAc,qBAAqB,KAAK"}

package/dist/toggle.d.mts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+//#region src/toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** A two-state button that can be toggled on or off. */
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.mts.map

package/dist/toggle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.mts","names":[],"sources":["../src/toggle.tsx"],"mappings":";;;;cAKM,iBAAc;;;6CAoBnB;;cAGK,QAAM,MAAA,0BAAA,KAAA,gBAAA,cAAA,MAAA,cAAA,6BAAA,cAAA;;;6CAKV,qCAAA,MAAA,cAAA"}

package/dist/toggle.mjs

@@ -0,0 +1,38 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+//#region src/toggle.tsx
+const toggleVariants = cva("wwc:inline-flex wwc:items-center wwc:justify-center wwc:rounded-md wwc:text-sm wwc:font-medium wwc:transition-colors wwc:hover:bg-muted wwc:hover:text-muted-foreground 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:data-[state=on]:bg-accent wwc:data-[state=on]:text-accent-foreground", {
+	variants: {
+		variant: {
+			default: "wwc:bg-transparent",
+			outline: "wwc:border wwc:border-input wwc:bg-transparent wwc:shadow-sm wwc:hover:bg-accent wwc:hover:text-accent-foreground"
+		},
+		size: {
+			default: "wwc:h-9 wwc:px-3",
+			sm: "wwc:h-8 wwc:px-2",
+			lg: "wwc:h-10 wwc:px-3"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+/** A two-state button that can be toggled on or off. */
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(TogglePrimitive.Root, {
+	ref,
+	className: cn(toggleVariants({
+		variant,
+		size,
+		className
+	})),
+	...props
+}));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+//#endregion
+export { Toggle, toggleVariants };
+
+//# sourceMappingURL=toggle.mjs.map

package/dist/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.mjs","names":[],"sources":["../src/toggle.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 * as React from \"react\";\n\nconst toggleVariants = cva(\n\t\"wwc:inline-flex wwc:items-center wwc:justify-center wwc:rounded-md wwc:text-sm wwc:font-medium wwc:transition-colors wwc:hover:bg-muted wwc:hover:text-muted-foreground 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:data-[state=on]:bg-accent wwc:data-[state=on]:text-accent-foreground\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"wwc:bg-transparent\",\n\t\t\t\toutline:\n\t\t\t\t\t\"wwc:border wwc:border-input wwc:bg-transparent wwc:shadow-sm wwc:hover:bg-accent wwc:hover:text-accent-foreground\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"wwc:h-9 wwc:px-3\",\n\t\t\t\tsm: \"wwc:h-8 wwc:px-2\",\n\t\t\t\tlg: \"wwc:h-10 wwc:px-3\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\n/** A two-state button that can be toggled on or off. */\nconst Toggle = React.forwardRef<\n\tReact.ElementRef<typeof TogglePrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({className, variant, size, ...props}, ref) => (\n\t<TogglePrimitive.Root ref={ref} className={cn(toggleVariants({variant, size, className}))} {...props} />\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport {Toggle, toggleVariants};\n"],"mappings":";;;;;;AAKA,MAAM,iBAAiB,IACtB,iYACA;CACC,UAAU;EACT,SAAS;GACR,SAAS;GACT,SACC;EACF;EACA,MAAM;GACL,SAAS;GACT,IAAI;GACJ,IAAI;EACL;CACD;CACA,iBAAiB;EAChB,SAAS;EACT,MAAM;CACP;AACD,CACD;;AAGA,MAAM,SAAS,MAAM,YAGlB,EAAC,WAAW,SAAS,MAAM,GAAG,SAAQ,QACxC,oBAAC,gBAAgB,MAAjB;CAA2B;CAAK,WAAW,GAAG,eAAe;EAAC;EAAS;EAAM;CAAS,CAAC,CAAC;CAAG,GAAI;AAAQ,CAAA,CACvG;AACD,OAAO,cAAc,gBAAgB,KAAK"}

package/dist/tokenizer.d.mts

@@ -0,0 +1,23 @@
+import * as React from "react";
+//#region src/tokenizer.d.ts
+export interface TokenizerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+  /** Current tokens */
+  value?: string[];
+  /** Callback when tokens change */
+  onChange?: (tokens: string[]) => void;
+  /** Placeholder text */
+  placeholder?: string;
+  /** Allow duplicates */
+  allowDuplicates?: boolean;
+  /** Custom validator for tokens */
+  validator?: (token: string) => boolean;
+  /** Separator keys (default: Enter, comma) */
+  separators?: string[];
+  /** Maximum number of tokens */
+  max?: number;
+}
+/** A tag/chip input component for managing multiple values. */
+declare const Tokenizer: React.ForwardRefExoticComponent<TokenizerProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Tokenizer };
+//# sourceMappingURL=tokenizer.d.mts.map

package/dist/tokenizer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenizer.d.mts","names":[],"sources":["../src/tokenizer.tsx"],"mappings":";;iBAMiB,uBAAuB,KAAK,MAAM,oBAAoB;;EAEtE;;EAEA,YAAY;;EAEZ;;EAEA;;EAEA,aAAa;;EAEb;;EAEA;;;cAIK,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA"}

package/dist/tokenizer.mjs

@@ -0,0 +1,87 @@
+import { Badge } from "./badge.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/tokenizer.tsx
+/** A tag/chip input component for managing multiple values. */
+const Tokenizer = React.forwardRef(({ className, value = [], onChange, placeholder = "Type and press Enter...", allowDuplicates = false, validator, separators = ["Enter", ","], max, disabled, ...props }, ref) => {
+	const [input, setInput] = React.useState("");
+	const [tokens, setTokens] = React.useState(value);
+	const inputRef = React.useRef(null);
+	React.useEffect(() => {
+		setTokens(value);
+	}, [value]);
+	const addToken = (token) => {
+		const trimmed = token.trim();
+		if (!trimmed) return;
+		if (max && tokens.length >= max) return;
+		if (!allowDuplicates && tokens.includes(trimmed)) {
+			setInput("");
+			return;
+		}
+		if (validator && !validator(trimmed)) {
+			setInput("");
+			return;
+		}
+		const newTokens = [...tokens, trimmed];
+		setTokens(newTokens);
+		onChange?.(newTokens);
+		setInput("");
+	};
+	const removeToken = (index) => {
+		const newTokens = tokens.filter((_, i) => i !== index);
+		setTokens(newTokens);
+		onChange?.(newTokens);
+	};
+	const handleKeyDown = (e) => {
+		if (separators.includes(e.key)) {
+			e.preventDefault();
+			addToken(input);
+		} else if (e.key === "Backspace" && !input && tokens.length > 0) removeToken(tokens.length - 1);
+	};
+	const handleInputChange = (e) => {
+		const value = e.target.value;
+		if (separators.includes(",") && value.endsWith(",")) addToken(value.slice(0, -1));
+		else setInput(value);
+	};
+	const handleContainerClick = () => {
+		inputRef.current?.focus();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:flex wwc:flex-wrap wwc:gap-2 wwc:min-h-9 wwc:w-full wwc:rounded-md wwc:border wwc:border-input wwc:bg-transparent wwc:px-3 wwc:py-2 wwc:text-sm wwc:shadow-sm wwc:transition-colors wwc:focus-within:ring-1 wwc:focus-within:ring-ring", disabled && "wwc:opacity-50 wwc:cursor-not-allowed", className),
+		onClick: handleContainerClick,
+		children: [tokens.map((token, index) => /* @__PURE__ */ jsxs(Badge, {
+			variant: "secondary",
+			className: "wwc:gap-1",
+			children: [token, !disabled && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation();
+					removeToken(index);
+				},
+				className: "wwc:ml-1 wwc:rounded-full wwc:hover:bg-muted",
+				children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3 wwc:w-3" })
+			})]
+		}, index)), /* @__PURE__ */ jsx("input", {
+			ref: (node) => {
+				if (typeof ref === "function") ref(node);
+				else if (ref) ref.current = node;
+				inputRef.current = node;
+			},
+			type: "text",
+			value: input,
+			onChange: handleInputChange,
+			onKeyDown: handleKeyDown,
+			placeholder: tokens.length === 0 ? placeholder : "",
+			disabled: disabled || max !== void 0 && tokens.length >= max,
+			className: "wwc:flex-1 wwc:min-w-[120px] wwc:bg-transparent wwc:outline-none wwc:placeholder:text-muted-foreground",
+			...props
+		})]
+	});
+});
+Tokenizer.displayName = "Tokenizer";
+//#endregion
+export { Tokenizer };
+
+//# sourceMappingURL=tokenizer.mjs.map

package/dist/tokenizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenizer.mjs","names":[],"sources":["../src/tokenizer.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {X} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Badge} from \"./badge\";\n\nexport interface TokenizerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"value\"> {\n\t/** Current tokens */\n\tvalue?: string[];\n\t/** Callback when tokens change */\n\tonChange?: (tokens: string[]) => void;\n\t/** Placeholder text */\n\tplaceholder?: string;\n\t/** Allow duplicates */\n\tallowDuplicates?: boolean;\n\t/** Custom validator for tokens */\n\tvalidator?: (token: string) => boolean;\n\t/** Separator keys (default: Enter, comma) */\n\tseparators?: string[];\n\t/** Maximum number of tokens */\n\tmax?: number;\n}\n\n/** A tag/chip input component for managing multiple values. */\nconst Tokenizer = React.forwardRef<HTMLInputElement, TokenizerProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvalue = [],\n\t\t\tonChange,\n\t\t\tplaceholder = \"Type and press Enter...\",\n\t\t\tallowDuplicates = false,\n\t\t\tvalidator,\n\t\t\tseparators = [\"Enter\", \",\"],\n\t\t\tmax,\n\t\t\tdisabled,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst [input, setInput] = React.useState(\"\");\n\t\tconst [tokens, setTokens] = React.useState<string[]>(value);\n\t\tconst inputRef = React.useRef<HTMLInputElement>(null);\n\n\t\tReact.useEffect(() => {\n\t\t\tsetTokens(value);\n\t\t}, [value]);\n\n\t\tconst addToken = (token: string) => {\n\t\t\tconst trimmed = token.trim();\n\t\t\tif (!trimmed) return;\n\n\t\t\tif (max && tokens.length >= max) return;\n\n\t\t\tif (!allowDuplicates && tokens.includes(trimmed)) {\n\t\t\t\tsetInput(\"\");\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (validator && !validator(trimmed)) {\n\t\t\t\tsetInput(\"\");\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newTokens = [...tokens, trimmed];\n\t\t\tsetTokens(newTokens);\n\t\t\tonChange?.(newTokens);\n\t\t\tsetInput(\"\");\n\t\t};\n\n\t\tconst removeToken = (index: number) => {\n\t\t\tconst newTokens = tokens.filter((_, i) => i !== index);\n\t\t\tsetTokens(newTokens);\n\t\t\tonChange?.(newTokens);\n\t\t};\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\t\tif (separators.includes(e.key)) {\n\t\t\t\te.preventDefault();\n\t\t\t\taddToken(input);\n\t\t\t} else if (e.key === \"Backspace\" && !input && tokens.length > 0) {\n\t\t\t\tremoveToken(tokens.length - 1);\n\t\t\t}\n\t\t};\n\n\t\tconst handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst value = e.target.value;\n\t\t\t// Handle comma separator while typing\n\t\t\tif (separators.includes(\",\") && value.endsWith(\",\")) {\n\t\t\t\taddToken(value.slice(0, -1));\n\t\t\t} else {\n\t\t\t\tsetInput(value);\n\t\t\t}\n\t\t};\n\n\t\tconst handleContainerClick = () => {\n\t\t\tinputRef.current?.focus();\n\t\t};\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:flex wwc:flex-wrap wwc:gap-2 wwc:min-h-9 wwc:w-full wwc:rounded-md wwc:border wwc:border-input wwc:bg-transparent wwc:px-3 wwc:py-2 wwc:text-sm wwc:shadow-sm wwc:transition-colors wwc:focus-within:ring-1 wwc:focus-within:ring-ring\",\n\t\t\t\t\tdisabled && \"wwc:opacity-50 wwc:cursor-not-allowed\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tonClick={handleContainerClick}\n\t\t\t>\n\t\t\t\t{tokens.map((token, index) => (\n\t\t\t\t\t<Badge key={index} variant=\"secondary\" className=\"wwc:gap-1\">\n\t\t\t\t\t\t{token}\n\t\t\t\t\t\t{!disabled && (\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\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\tremoveToken(index);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName=\"wwc:ml-1 wwc:rounded-full wwc:hover:bg-muted\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Badge>\n\t\t\t\t))}\n\t\t\t\t<input\n\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\t\t\tref(node);\n\t\t\t\t\t\t} else if (ref) {\n\t\t\t\t\t\t\tref.current = node;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\tinputRef.current = node;\n\t\t\t\t\t}}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tvalue={input}\n\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tplaceholder={tokens.length === 0 ? placeholder : \"\"}\n\t\t\t\t\tdisabled={disabled || (max !== undefined && tokens.length >= max)}\n\t\t\t\t\tclassName=\"wwc:flex-1 wwc:min-w-[120px] wwc:bg-transparent wwc:outline-none wwc:placeholder:text-muted-foreground\"\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\nTokenizer.displayName = \"Tokenizer\";\n\nexport {Tokenizer};\n"],"mappings":";;;;;;;AAwBA,MAAM,YAAY,MAAM,YAEtB,EACC,WACA,QAAQ,CAAC,GACT,UACA,cAAc,2BACd,kBAAkB,OAClB,WACA,aAAa,CAAC,SAAS,GAAG,GAC1B,KACA,UACA,GAAG,SAEJ,QACI;CACJ,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,EAAE;CAC3C,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAmB,KAAK;CAC1D,MAAM,WAAW,MAAM,OAAyB,IAAI;CAEpD,MAAM,gBAAgB;EACrB,UAAU,KAAK;CAChB,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,YAAY,UAAkB;EACnC,MAAM,UAAU,MAAM,KAAK;EAC3B,IAAI,CAAC,SAAS;EAEd,IAAI,OAAO,OAAO,UAAU,KAAK;EAEjC,IAAI,CAAC,mBAAmB,OAAO,SAAS,OAAO,GAAG;GACjD,SAAS,EAAE;GACX;EACD;EAEA,IAAI,aAAa,CAAC,UAAU,OAAO,GAAG;GACrC,SAAS,EAAE;GACX;EACD;EAEA,MAAM,YAAY,CAAC,GAAG,QAAQ,OAAO;EACrC,UAAU,SAAS;EACnB,WAAW,SAAS;EACpB,SAAS,EAAE;CACZ;CAEA,MAAM,eAAe,UAAkB;EACtC,MAAM,YAAY,OAAO,QAAQ,GAAG,MAAM,MAAM,KAAK;EACrD,UAAU,SAAS;EACnB,WAAW,SAAS;CACrB;CAEA,MAAM,iBAAiB,MAA6C;EACnE,IAAI,WAAW,SAAS,EAAE,GAAG,GAAG;GAC/B,EAAE,eAAe;GACjB,SAAS,KAAK;EACf,OAAO,IAAI,EAAE,QAAQ,eAAe,CAAC,SAAS,OAAO,SAAS,GAC7D,YAAY,OAAO,SAAS,CAAC;CAE/B;CAEA,MAAM,qBAAqB,MAA2C;EACrE,MAAM,QAAQ,EAAE,OAAO;EAEvB,IAAI,WAAW,SAAS,GAAG,KAAK,MAAM,SAAS,GAAG,GACjD,SAAS,MAAM,MAAM,GAAG,EAAE,CAAC;OAE3B,SAAS,KAAK;CAEhB;CAEA,MAAM,6BAA6B;EAClC,SAAS,SAAS,MAAM;CACzB;CAEA,OACC,qBAAC,OAAD;EACC,WAAW,GACV,8OACA,YAAY,yCACZ,SACD;EACA,SAAS;EANV,UAAA,CAQE,OAAO,KAAK,OAAO,UACnB,qBAAC,OAAD;GAAmB,SAAQ;GAAY,WAAU;GAAjD,UAAA,CACE,OACA,CAAC,YACD,oBAAC,UAAD;IACC,MAAK;IACL,UAAU,MAAM;KACf,EAAE,gBAAgB;KAClB,YAAY,KAAK;IAClB;IACA,WAAU;IAEV,UAAA,oBAAC,GAAD,EAAG,WAAU,kBAAmB,CAAA;GACzB,CAAA,CAEH;EAdK,GAAA,KAcL,CACP,GACD,oBAAC,SAAD;GACC,MAAM,SAAS;IACd,IAAI,OAAO,QAAQ,YAClB,IAAI,IAAI;SACF,IAAI,KACV,IAAI,UAAU;IAGf,SAAS,UAAU;GACpB;GACA,MAAK;GACL,OAAO;GACP,UAAU;GACV,WAAW;GACX,aAAa,OAAO,WAAW,IAAI,cAAc;GACjD,UAAU,YAAa,QAAQ,KAAA,KAAa,OAAO,UAAU;GAC7D,WAAU;GACV,GAAI;EACJ,CAAA,CACG;;AAEP,CACD;AACA,UAAU,cAAc"}

package/dist/tones.d.mts

@@ -0,0 +1,59 @@
+//#region src/tones.d.ts
+/**
+ * The tone palette: every soft tint the library has to hand out, in ONE place, in the order they
+ * should be handed out.
+ *
+ * ── The formula ──────────────────────────────────────────────────────────────
+ * A tone is a chip class string: a translucent fill of a hue, with text in that hue darkened for
+ * light mode and lightened for dark. `soft` is a 10% fill, `deep` a 25% fill a shade darker — the
+ * same shape the file system gives its file types and Badge gives its `*Soft` variants, so a tinted
+ * square means the same thing wherever a reader meets it.
+ *
+ * Every string is written out in full rather than composed from a hue name at runtime: Tailwind scans
+ * this source for literal class strings and emits nothing for a name it cannot see.
+ *
+ * ── The ORDER is the point ───────────────────────────────────────────────────
+ * `TONES` is not alphabetical and not a rainbow. It is a golden-angle walk around the hue wheel, so
+ * consecutive entries are always at least 125° apart. Hand tones out by taking entries in order and
+ * two items that sit next to each other can never wear neighbouring hues — no blue beside sky, no
+ * amber beside yellow. That is the whole reason this list has a fixed order: reorder it and the
+ * guarantee is gone.
+ *
+ * Use {@link toneFor} rather than indexing by hand, so the wrap-around stays consistent.
+ *
+ * ── Adding to it ─────────────────────────────────────────────────────────────
+ * A new tone must be appended, never inserted — inserting renumbers every consumer and silently
+ * recolours surfaces that had nothing to do with the change. New class strings also need adding to the
+ * two hand-maintained prebuilt stylesheets (`apps/studio/public/vendor/core-render.css` and
+ * `integrations/open-design/renderer/core-render.css`), which have no generator — miss them and
+ * Studio and open-design render the chip unstyled.
+ */
+export type Tone = {
+  /** Stable id. `"blue"` is the soft tint; `"blue-deep"` the stronger one. */
+  id: string;
+  /** The Tailwind colour family behind it. */
+  family: string;
+  strength: "soft" | "deep";
+  /** The class string to put on the chip. */
+  chip: string;
+};
+/** All 25 tones, in hand-out order — consecutive entries are never neighbouring hues. */
+export declare const TONES: Tone[];
+/** By id, for a surface that wants a specific hue rather than the next one in the rotation. */
+export declare const TONE_BY_ID: Record<string, Tone>;
+/**
+ * The chip for a neutral entry — something with no kind behind it. The file system uses this for
+ * anything that is not a file type, and a nav uses it for an entry that owns no record kind (a
+ * marketplace, say): a hue there would promise a kind that does not exist.
+ */
+export declare const NEUTRAL_TONE = "wwc:bg-muted wwc:text-foreground/70";
+/**
+ * The tone for the nth item of a set, wrapping when a set is longer than the palette.
+ *
+ * `offset` shifts where a set starts in the rotation — pass a group's index and two groups rendered
+ * one above the other will not both open on the same hue. Within one set, consecutive `index` values
+ * are guaranteed to be far apart on the wheel.
+ */
+export declare function toneFor(index: number, offset?: number): string;
+//#endregion
+//# sourceMappingURL=tones.d.mts.map

package/dist/tones.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tones.d.mts","names":[],"sources":["../src/tones.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA6BY;;EAEX;;EAEA;EACA;;EAEA;;;qBAIY,OAAO;;qBAkHP,YAAY,eAAe;;;;;;qBAO3B;;;;;;;;wBASG,QAAQ,eAAe"}