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

package/dist/typeahead-item.mjs

@@ -0,0 +1,74 @@
+import { cn } from "@corensystem/coren-utils";
+import { Check } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/typeahead-item.tsx
+/** Individual item for typeahead/autocomplete dropdowns. */
+const TypeaheadItem = React.forwardRef(({ className, value, label, description, icon, selected = false, highlighted = false, disabled = false, onSelect, children, ...props }, ref) => {
+	const handleClick = () => {
+		if (!disabled) onSelect?.(value);
+	};
+	const handleKeyDown = (e) => {
+		if ((e.key === "Enter" || e.key === " ") && !disabled) {
+			e.preventDefault();
+			onSelect?.(value);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "option",
+		"aria-selected": selected,
+		"aria-disabled": disabled,
+		tabIndex: disabled ? -1 : 0,
+		"data-value": value,
+		"data-highlighted": highlighted,
+		"data-selected": selected,
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		className: cn("wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:gap-2 wwc:rounded-md wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none", "wwc:transition-colors wwc:duration-75", highlighted && "wwc:bg-accent wwc:text-accent-foreground", selected && !highlighted && "wwc:bg-accent/50", disabled && "wwc:pointer-events-none wwc:opacity-50", !highlighted && !disabled && "hover:wwc:bg-accent hover:wwc:text-accent-foreground", className),
+		...props,
+		children: [
+			icon && /* @__PURE__ */ jsx("span", {
+				className: "wwc:flex-shrink-0 wwc:text-muted-foreground",
+				children: icon
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:flex-1 wwc:min-w-0",
+				children: children || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+					className: "wwc:truncate",
+					children: label || value
+				}), description && /* @__PURE__ */ jsx("div", {
+					className: "wwc:text-xs wwc:text-muted-foreground wwc:truncate",
+					children: description
+				})] })
+			}),
+			selected && /* @__PURE__ */ jsx(Check, { className: "wwc:h-4 wwc:w-4 wwc:flex-shrink-0" })
+		]
+	});
+});
+TypeaheadItem.displayName = "TypeaheadItem";
+/** Group header for categorizing typeahead items. */
+const TypeaheadGroup = React.forwardRef(({ className, label, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	ref,
+	role: "group",
+	"aria-label": label,
+	className: cn("wwc:py-1", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("div", {
+		className: "wwc:px-2 wwc:py-1.5 wwc:text-xs wwc:font-semibold wwc:text-muted-foreground",
+		children: label
+	}), children]
+}));
+TypeaheadGroup.displayName = "TypeaheadGroup";
+/** Empty state for typeahead when no results are found. */
+const TypeaheadEmpty = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:py-6 wwc:text-center wwc:text-sm wwc:text-muted-foreground", className),
+	...props,
+	children: children || "No results found."
+}));
+TypeaheadEmpty.displayName = "TypeaheadEmpty";
+//#endregion
+export { TypeaheadEmpty, TypeaheadGroup, TypeaheadItem };
+
+//# sourceMappingURL=typeahead-item.mjs.map

package/dist/typeahead-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeahead-item.mjs","names":[],"sources":["../src/typeahead-item.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Check} from \"lucide-react\";\nimport * as React from \"react\";\n\nexport interface TypeaheadItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n\t/** Item value */\n\tvalue: string;\n\t/** Item label (display text) */\n\tlabel?: string;\n\t/** Item description */\n\tdescription?: string;\n\t/** Leading icon */\n\ticon?: React.ReactNode;\n\t/** Whether the item is selected */\n\tselected?: boolean;\n\t/** Whether the item is highlighted (keyboard navigation) */\n\thighlighted?: boolean;\n\t/** Whether the item is disabled */\n\tdisabled?: boolean;\n\t/** Callback when item is selected */\n\tonSelect?: (value: string) => void;\n}\n\n/** Individual item for typeahead/autocomplete dropdowns. */\nconst TypeaheadItem = React.forwardRef<HTMLDivElement, TypeaheadItemProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvalue,\n\t\t\tlabel,\n\t\t\tdescription,\n\t\t\ticon,\n\t\t\tselected = false,\n\t\t\thighlighted = false,\n\t\t\tdisabled = false,\n\t\t\tonSelect,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst handleClick = () => {\n\t\t\tif (!disabled) {\n\t\t\t\tonSelect?.(value);\n\t\t\t}\n\t\t};\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tif ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n\t\t\t\te.preventDefault();\n\t\t\t\tonSelect?.(value);\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\trole=\"option\"\n\t\t\t\taria-selected={selected}\n\t\t\t\taria-disabled={disabled}\n\t\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\t\tdata-value={value}\n\t\t\t\tdata-highlighted={highlighted}\n\t\t\t\tdata-selected={selected}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:gap-2 wwc:rounded-md wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none\",\n\t\t\t\t\t\"wwc:transition-colors wwc:duration-75\",\n\t\t\t\t\thighlighted && \"wwc:bg-accent wwc:text-accent-foreground\",\n\t\t\t\t\tselected && !highlighted && \"wwc:bg-accent/50\",\n\t\t\t\t\tdisabled && \"wwc:pointer-events-none wwc:opacity-50\",\n\t\t\t\t\t!highlighted && !disabled && \"hover:wwc:bg-accent hover:wwc:text-accent-foreground\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{icon && <span className=\"wwc:flex-shrink-0 wwc:text-muted-foreground\">{icon}</span>}\n\t\t\t\t<div className=\"wwc:flex-1 wwc:min-w-0\">\n\t\t\t\t\t{children || (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"wwc:truncate\">{label || value}</div>\n\t\t\t\t\t\t\t{description && <div className=\"wwc:text-xs wwc:text-muted-foreground wwc:truncate\">{description}</div>}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{selected && <Check className=\"wwc:h-4 wwc:w-4 wwc:flex-shrink-0\" />}\n\t\t\t</div>\n\t\t);\n\t},\n);\nTypeaheadItem.displayName = \"TypeaheadItem\";\n\nexport interface TypeaheadGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Group label */\n\tlabel: string;\n}\n\n/** Group header for categorizing typeahead items. */\nconst TypeaheadGroup = React.forwardRef<HTMLDivElement, TypeaheadGroupProps>(\n\t({className, label, children, ...props}, ref) => (\n\t\t<div ref={ref} role=\"group\" aria-label={label} className={cn(\"wwc:py-1\", className)} {...props}>\n\t\t\t<div className=\"wwc:px-2 wwc:py-1.5 wwc:text-xs wwc:font-semibold wwc:text-muted-foreground\">{label}</div>\n\t\t\t{children}\n\t\t</div>\n\t),\n);\nTypeaheadGroup.displayName = \"TypeaheadGroup\";\n\nexport interface TypeaheadEmptyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Empty state for typeahead when no results are found. */\nconst TypeaheadEmpty = React.forwardRef<HTMLDivElement, TypeaheadEmptyProps>(({className, children, ...props}, ref) => (\n\t<div ref={ref} className={cn(\"wwc:py-6 wwc:text-center wwc:text-sm wwc:text-muted-foreground\", className)} {...props}>\n\t\t{children || \"No results found.\"}\n\t</div>\n));\nTypeaheadEmpty.displayName = \"TypeaheadEmpty\";\n\nexport {TypeaheadItem, TypeaheadGroup, TypeaheadEmpty};\n"],"mappings":";;;;;;AAwBA,MAAM,gBAAgB,MAAM,YAE1B,EACC,WACA,OACA,OACA,aACA,MACA,WAAW,OACX,cAAc,OACd,WAAW,OACX,UACA,UACA,GAAG,SAEJ,QACI;CACJ,MAAM,oBAAoB;EACzB,IAAI,CAAC,UACJ,WAAW,KAAK;CAElB;CAEA,MAAM,iBAAiB,MAA2B;EACjD,KAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,UAAU;GACtD,EAAE,eAAe;GACjB,WAAW,KAAK;EACjB;CACD;CAEA,OACC,qBAAC,OAAD;EACM;EACL,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,UAAU,WAAW,KAAK;EAC1B,cAAY;EACZ,oBAAkB;EAClB,iBAAe;EACf,SAAS;EACT,WAAW;EACX,WAAW,GACV,uJACA,yCACA,eAAe,4CACf,YAAY,CAAC,eAAe,oBAC5B,YAAY,0CACZ,CAAC,eAAe,CAAC,YAAY,wDAC7B,SACD;EACA,GAAI;EApBL,UAAA;GAsBE,QAAQ,oBAAC,QAAD;IAAM,WAAU;IAA+C,UAAA;GAAW,CAAA;GACnF,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,YACA,qBAAA,YAAA,EAAA,UAAA,CACC,oBAAC,OAAD;KAAK,WAAU;KAAgB,UAAA,SAAS;IAAW,CAAA,GAClD,eAAe,oBAAC,OAAD;KAAK,WAAU;KAAsD,UAAA;IAAiB,CAAA,CACrG,EAAA,CAAA;GAEC,CAAA;GACJ,YAAY,oBAAC,OAAD,EAAO,WAAU,oCAAqC,CAAA;EAC/D;;AAEP,CACD;AACA,cAAc,cAAc;;AAQ5B,MAAM,iBAAiB,MAAM,YAC3B,EAAC,WAAW,OAAO,UAAU,GAAG,SAAQ,QACxC,qBAAC,OAAD;CAAU;CAAK,MAAK;CAAQ,cAAY;CAAO,WAAW,GAAG,YAAY,SAAS;CAAG,GAAI;CAAzF,UAAA,CACC,oBAAC,OAAD;EAAK,WAAU;EAA+E,UAAA;CAAW,CAAA,GACxG,QACG;AAEP,CAAA,CAAA;AACA,eAAe,cAAc;;AAK7B,MAAM,iBAAiB,MAAM,YAAiD,EAAC,WAAW,UAAU,GAAG,SAAQ,QAC9G,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,kEAAkE,SAAS;CAAG,GAAI;CAC7G,UAAA,YAAY;AACT,CAAA,CACL;AACD,eAAe,cAAc"}

package/dist/types/chat.d.mts

@@ -0,0 +1,66 @@
+import { ReactNode } from "react";
+//#region src/types/chat.d.ts
+export type ChartType = "bar" | "line" | "area" | "pie" | "scatter";
+export interface ChartConfig {
+  [key: string]: {
+    label: string;
+    color?: string;
+  };
+}
+export interface ChartData {
+  chartType: ChartType;
+  data: Record<string, unknown>[];
+  config: ChartConfig;
+  xAxisKey?: string;
+  dataKeys?: string[];
+  stacked?: boolean;
+  title?: string;
+}
+export type MessageRole = "user" | "assistant";
+/** A context item or file that was attached to a message when it was sent. */
+export interface MessageAttachment {
+  id: string;
+  label: string;
+  type?: "file" | "context";
+  icon?: ReactNode;
+  /** Secondary line, e.g. a file size or source. */
+  subtitle?: string;
+}
+export interface BaseMessage {
+  id: string;
+  role: MessageRole;
+  timestamp: Date;
+  /** Context items and files sent alongside the message. Rendered as chips on the bubble. */
+  attachments?: MessageAttachment[];
+}
+export interface TextMessage extends BaseMessage {
+  type: "text";
+  content: string;
+}
+export interface ChartMessage extends BaseMessage {
+  type: "chart";
+  content: string;
+  message?: string;
+  chartData: ChartData;
+  chart?: ChartData;
+  isAddedToPage?: boolean;
+  targetTab?: string;
+}
+export type Message = TextMessage | ChartMessage;
+export interface DashboardWidget {
+  id: string;
+  type?: "chart" | "metric" | "table";
+  title: string;
+  data?: ChartData | Record<string, unknown>;
+  chartData?: ChartData;
+  targetTab?: string;
+  addedAt?: Date;
+  position?: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+  };
+}
+//#endregion
+//# sourceMappingURL=chat.d.mts.map

package/dist/types/chat.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.mts","names":[],"sources":["../../src/types/chat.ts"],"mappings":";;YAGY;iBAEK;GACf;IACA;IACA;;;iBAIe;EAChB,WAAW;EACX,MAAM;EACN,QAAQ;EACR;EACA;EACA;EACA;;YAIW;;iBAGK;EAChB;EACA;EACA;EACA,OAAO;;EAEP;;iBAGgB;EAChB;EACA,MAAM;EACN,WAAW;;EAEX,cAAc;;iBAGE,oBAAoB;EACpC;EACA;;iBAGgB,qBAAqB;EACrC;EACA;EACA;EACA,WAAW;EACX,QAAQ;EACR;EACA;;YAGW,UAAU,cAAc;iBAGnB;EAChB;EACA;EACA;EACA,OAAO,YAAY;EACnB,YAAY;EACZ;EACA,UAAU;EACV;IACC;IACA;IACA;IACA"}

package/dist/types/chat.mjs

@@ -0,0 +1 @@
+export {};

package/dist/types.d.mts

@@ -0,0 +1,44 @@
+//#region src/types.d.ts
+export interface Organization {
+  id: string;
+  name: string;
+  plan: "free" | "pro" | "enterprise";
+  logo?: string;
+}
+export type ProjectStatus = "active" | "on-hold" | "completed" | "at-risk" | "delayed" | "on-track" | "critical";
+export type HealthStatus = "on-track" | "at-risk" | "critical";
+export type SafetyStatus = "safe" | "warning" | "danger";
+export interface Project {
+  id: string;
+  orgId: string;
+  name: string;
+  description?: string;
+  thumbnail?: string;
+  status?: ProjectStatus;
+  coordinates?: [number, number];
+  readiness?: number;
+  scheduleHealth?: HealthStatus;
+  schedulePercent?: number;
+  costHealth?: HealthStatus;
+  cpi?: number;
+  ltiFreeDay?: number;
+  safetyStatus?: SafetyStatus;
+  workforceDensity?: number;
+  qualityScore?: number;
+  startDate?: string;
+  endDate?: string;
+  budget?: number;
+  spent?: number;
+  safetyAlerts?: number;
+  budgetVariance?: number;
+}
+export type OrgTab = "overview" | "performance" | "workforce-intelligence" | "reality-capture" | "ai-report";
+export type ProjectTab = "overview" | "schedule-cost" | "workforce-safety" | "quality-issues" | "reality-capture";
+export interface TabItem {
+  id: string;
+  label: string;
+}
+export declare const ORG_TABS: TabItem[];
+export declare const PROJECT_TABS: TabItem[];
+//#endregion
+//# sourceMappingURL=types.d.mts.map

package/dist/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../src/types.ts"],"mappings":";iBACiB;EAChB;EACA;EACA;EACA;;YAIW;YACA;YACA;iBAEK;EAChB;EACA;EACA;EACA;EACA;EACA,SAAS;EACT;EACA;EACA,iBAAiB;EACjB;EACA,aAAa;EACb;EACA;EACA,eAAe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;YAIW;YACA;iBAEK;EAChB;EACA;;qBAGY,UAAU;qBAQV,cAAc"}

package/dist/types.mjs

@@ -0,0 +1,49 @@
+//#region src/types.ts
+const ORG_TABS = [
+	{
+		id: "overview",
+		label: "Overview"
+	},
+	{
+		id: "performance",
+		label: "Performance"
+	},
+	{
+		id: "workforce-intelligence",
+		label: "Workforce Intelligence"
+	},
+	{
+		id: "reality-capture",
+		label: "Reality Capture"
+	},
+	{
+		id: "ai-report",
+		label: "AI Report"
+	}
+];
+const PROJECT_TABS = [
+	{
+		id: "overview",
+		label: "Overview"
+	},
+	{
+		id: "schedule-cost",
+		label: "Schedule & Cost"
+	},
+	{
+		id: "workforce-safety",
+		label: "Workforce & Safety"
+	},
+	{
+		id: "quality-issues",
+		label: "Quality & Issues"
+	},
+	{
+		id: "reality-capture",
+		label: "Reality Capture"
+	}
+];
+//#endregion
+export { ORG_TABS, PROJECT_TABS };
+
+//# sourceMappingURL=types.mjs.map

package/dist/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","names":[],"sources":["../src/types.ts"],"sourcesContent":["// Organization types\nexport interface Organization {\n\tid: string;\n\tname: string;\n\tplan: \"free\" | \"pro\" | \"enterprise\";\n\tlogo?: string;\n}\n\n// Project types\nexport type ProjectStatus = \"active\" | \"on-hold\" | \"completed\" | \"at-risk\" | \"delayed\" | \"on-track\" | \"critical\";\nexport type HealthStatus = \"on-track\" | \"at-risk\" | \"critical\";\nexport type SafetyStatus = \"safe\" | \"warning\" | \"danger\";\n\nexport interface Project {\n\tid: string;\n\torgId: string;\n\tname: string;\n\tdescription?: string;\n\tthumbnail?: string;\n\tstatus?: ProjectStatus;\n\tcoordinates?: [number, number]; // [lng, lat]\n\treadiness?: number; // 0-100\n\tscheduleHealth?: HealthStatus;\n\tschedulePercent?: number;\n\tcostHealth?: HealthStatus;\n\tcpi?: number; // Cost Performance Index\n\tltiFreeDay?: number; // Lost Time Injury free days\n\tsafetyStatus?: SafetyStatus;\n\tworkforceDensity?: number;\n\tqualityScore?: number;\n\tstartDate?: string;\n\tendDate?: string;\n\tbudget?: number;\n\tspent?: number;\n\tsafetyAlerts?: number;\n\tbudgetVariance?: number;\n}\n\n// Navigation tab types\nexport type OrgTab = \"overview\" | \"performance\" | \"workforce-intelligence\" | \"reality-capture\" | \"ai-report\";\nexport type ProjectTab = \"overview\" | \"schedule-cost\" | \"workforce-safety\" | \"quality-issues\" | \"reality-capture\";\n\nexport interface TabItem {\n\tid: string;\n\tlabel: string;\n}\n\nexport const ORG_TABS: TabItem[] = [\n\t{id: \"overview\", label: \"Overview\"},\n\t{id: \"performance\", label: \"Performance\"},\n\t{id: \"workforce-intelligence\", label: \"Workforce Intelligence\"},\n\t{id: \"reality-capture\", label: \"Reality Capture\"},\n\t{id: \"ai-report\", label: \"AI Report\"},\n];\n\nexport const PROJECT_TABS: TabItem[] = [\n\t{id: \"overview\", label: \"Overview\"},\n\t{id: \"schedule-cost\", label: \"Schedule & Cost\"},\n\t{id: \"workforce-safety\", label: \"Workforce & Safety\"},\n\t{id: \"quality-issues\", label: \"Quality & Issues\"},\n\t{id: \"reality-capture\", label: \"Reality Capture\"},\n];\n"],"mappings":";AA+CA,MAAa,WAAsB;CAClC;EAAC,IAAI;EAAY,OAAO;CAAU;CAClC;EAAC,IAAI;EAAe,OAAO;CAAa;CACxC;EAAC,IAAI;EAA0B,OAAO;CAAwB;CAC9D;EAAC,IAAI;EAAmB,OAAO;CAAiB;CAChD;EAAC,IAAI;EAAa,OAAO;CAAW;AACrC;AAEA,MAAa,eAA0B;CACtC;EAAC,IAAI;EAAY,OAAO;CAAU;CAClC;EAAC,IAAI;EAAiB,OAAO;CAAiB;CAC9C;EAAC,IAAI;EAAoB,OAAO;CAAoB;CACpD;EAAC,IAAI;EAAkB,OAAO;CAAkB;CAChD;EAAC,IAAI;EAAmB,OAAO;CAAiB;AACjD"}

package/dist/typography.d.mts

@@ -0,0 +1,17 @@
+import * as React from "react";
+//#region src/typography.d.ts
+declare const TypographyH1: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH2: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH3: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH4: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/** Typography components for consistent text styling across the design system. */
+declare const TypographyP: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyBlockquote: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLQuoteElement> & React.RefAttributes<HTMLQuoteElement>>;
+declare const TypographyInlineCode: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const TypographyLead: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyLarge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const TypographySmall: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const TypographyMuted: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyMuted, TypographyP, TypographySmall };
+//# sourceMappingURL=typography.d.mts.map

package/dist/typography.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.mts","names":[],"sources":["../src/typography.tsx"],"mappings":";;cAQM,cAAY,MAAA,0BAAA,MAAA,eAAA,sBAAA,MAAA,cAAA;cAWZ,cAAY,MAAA,0BAAA,MAAA,eAAA,sBAAA,MAAA,cAAA;cAcZ,cAAY,MAAA,0BAAA,MAAA,eAAA,sBAAA,MAAA,cAAA;cAWZ,cAAY,MAAA,0BAAA,MAAA,eAAA,sBAAA,MAAA,cAAA;;cAYZ,aAAW,MAAA,0BAAA,MAAA,eAAA,wBAAA,MAAA,cAAA;cAOX,sBAAoB,MAAA,0BAAA,MAAA,eAAA,oBAAA,MAAA,cAAA;cAOpB,sBAAoB,MAAA,0BAAA,MAAA,eAAA,eAAA,MAAA,cAAA;cAcpB,gBAAc,MAAA,0BAAA,MAAA,eAAA,wBAAA,MAAA,cAAA;cAOd,iBAAe,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;cAOf,iBAAe,MAAA,0BAAA,MAAA,eAAA,eAAA,MAAA,cAAA;cAOf,iBAAe,MAAA,0BAAA,MAAA,eAAA,wBAAA,MAAA,cAAA"}

package/dist/typography.mjs

@@ -0,0 +1,75 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/typography.tsx
+const TypographyH1 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h1", {
+	ref,
+	className: cn("wwc:scroll-m-20 wwc:text-4xl! wwc:font-extrabold! wwc:tracking-tight wwc:lg:text-5xl!", className),
+	...props
+}));
+TypographyH1.displayName = "TypographyH1";
+const TypographyH2 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h2", {
+	ref,
+	className: cn("wwc:scroll-m-20 wwc:border-b wwc:pb-2 wwc:text-3xl! wwc:font-semibold! wwc:tracking-tight wwc:first:mt-0", className),
+	...props
+}));
+TypographyH2.displayName = "TypographyH2";
+const TypographyH3 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("wwc:scroll-m-20 wwc:text-2xl! wwc:font-semibold! wwc:tracking-tight", className),
+	...props
+}));
+TypographyH3.displayName = "TypographyH3";
+const TypographyH4 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h4", {
+	ref,
+	className: cn("wwc:scroll-m-20 wwc:text-xl! wwc:font-semibold! wwc:tracking-tight", className),
+	...props
+}));
+TypographyH4.displayName = "TypographyH4";
+/** Typography components for consistent text styling across the design system. */
+const TypographyP = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("wwc:leading-7 wwc:[&:not(:first-child)]:mt-6", className),
+	...props
+}));
+TypographyP.displayName = "TypographyP";
+const TypographyBlockquote = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("blockquote", {
+	ref,
+	className: cn("wwc:mt-6 wwc:border-l-2 wwc:pl-6 wwc:italic", className),
+	...props
+}));
+TypographyBlockquote.displayName = "TypographyBlockquote";
+const TypographyInlineCode = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("code", {
+	ref,
+	className: cn("wwc:relative wwc:rounded wwc:bg-muted wwc:px-[0.3rem] wwc:py-[0.2rem] wwc:font-mono wwc:text-sm wwc:font-semibold", className),
+	...props
+}));
+TypographyInlineCode.displayName = "TypographyInlineCode";
+const TypographyLead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("wwc:text-xl wwc:text-muted-foreground", className),
+	...props
+}));
+TypographyLead.displayName = "TypographyLead";
+const TypographyLarge = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:text-lg wwc:font-semibold", className),
+	...props
+}));
+TypographyLarge.displayName = "TypographyLarge";
+const TypographySmall = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("small", {
+	ref,
+	className: cn("wwc:text-sm wwc:font-medium wwc:leading-none", className),
+	...props
+}));
+TypographySmall.displayName = "TypographySmall";
+const TypographyMuted = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("wwc:text-sm wwc:text-muted-foreground", className),
+	...props
+}));
+TypographyMuted.displayName = "TypographyMuted";
+//#endregion
+export { TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyMuted, TypographyP, TypographySmall };
+
+//# sourceMappingURL=typography.mjs.map

package/dist/typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.mjs","names":[],"sources":["../src/typography.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n// Sizes and weights here are IMPORTANT — see the note in section-header.tsx. These render semantic\n// h1-h4; our utilities live in `@layer utilities`, and any unlayered `h1 {}` in a host app beats a\n// layered one however specific. styles.tw4.css ships no reset by design, so a consumer that brings\n// none would otherwise get the browser's heading scale wearing our class names.\n\nconst TypographyH1 = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n\t({className, ...props}, ref) => (\n\t\t<h1\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"wwc:scroll-m-20 wwc:text-4xl! wwc:font-extrabold! wwc:tracking-tight wwc:lg:text-5xl!\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTypographyH1.displayName = \"TypographyH1\";\n\nconst TypographyH2 = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n\t({className, ...props}, ref) => (\n\t\t<h2\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:scroll-m-20 wwc:border-b wwc:pb-2 wwc:text-3xl! wwc:font-semibold! wwc:tracking-tight wwc:first:mt-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTypographyH2.displayName = \"TypographyH2\";\n\nconst TypographyH3 = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n\t({className, ...props}, ref) => (\n\t\t<h3\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"wwc:scroll-m-20 wwc:text-2xl! wwc:font-semibold! wwc:tracking-tight\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTypographyH3.displayName = \"TypographyH3\";\n\nconst TypographyH4 = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n\t({className, ...props}, ref) => (\n\t\t<h4\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"wwc:scroll-m-20 wwc:text-xl! wwc:font-semibold! wwc:tracking-tight\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTypographyH4.displayName = \"TypographyH4\";\n\n/** Typography components for consistent text styling across the design system. */\nconst TypographyP = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n\t({className, ...props}, ref) => (\n\t\t<p ref={ref} className={cn(\"wwc:leading-7 wwc:[&:not(:first-child)]:mt-6\", className)} {...props} />\n\t),\n);\nTypographyP.displayName = \"TypographyP\";\n\nconst TypographyBlockquote = React.forwardRef<HTMLQuoteElement, React.HTMLAttributes<HTMLQuoteElement>>(\n\t({className, ...props}, ref) => (\n\t\t<blockquote ref={ref} className={cn(\"wwc:mt-6 wwc:border-l-2 wwc:pl-6 wwc:italic\", className)} {...props} />\n\t),\n);\nTypographyBlockquote.displayName = \"TypographyBlockquote\";\n\nconst TypographyInlineCode = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n\t({className, ...props}, ref) => (\n\t\t<code\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:relative wwc:rounded wwc:bg-muted wwc:px-[0.3rem] wwc:py-[0.2rem] wwc:font-mono wwc:text-sm wwc:font-semibold\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTypographyInlineCode.displayName = \"TypographyInlineCode\";\n\nconst TypographyLead = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n\t({className, ...props}, ref) => (\n\t\t<p ref={ref} className={cn(\"wwc:text-xl wwc:text-muted-foreground\", className)} {...props} />\n\t),\n);\nTypographyLead.displayName = \"TypographyLead\";\n\nconst TypographyLarge = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => (\n\t\t<div ref={ref} className={cn(\"wwc:text-lg wwc:font-semibold\", className)} {...props} />\n\t),\n);\nTypographyLarge.displayName = \"TypographyLarge\";\n\nconst TypographySmall = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n\t({className, ...props}, ref) => (\n\t\t<small ref={ref} className={cn(\"wwc:text-sm wwc:font-medium wwc:leading-none\", className)} {...props} />\n\t),\n);\nTypographySmall.displayName = \"TypographySmall\";\n\nconst TypographyMuted = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n\t({className, ...props}, ref) => (\n\t\t<p ref={ref} className={cn(\"wwc:text-sm wwc:text-muted-foreground\", className)} {...props} />\n\t),\n);\nTypographyMuted.displayName = \"TypographyMuted\";\n\nexport {\n\tTypographyH1,\n\tTypographyH2,\n\tTypographyH3,\n\tTypographyH4,\n\tTypographyP,\n\tTypographyBlockquote,\n\tTypographyInlineCode,\n\tTypographyLead,\n\tTypographyLarge,\n\tTypographySmall,\n\tTypographyMuted,\n};\n"],"mappings":";;;;AAQA,MAAM,eAAe,MAAM,YACzB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,MAAD;CACM;CACL,WAAW,GAAG,yFAAyF,SAAS;CAChH,GAAI;AACJ,CAAA,CAEH;AACA,aAAa,cAAc;AAE3B,MAAM,eAAe,MAAM,YACzB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,MAAD;CACM;CACL,WAAW,GACV,4GACA,SACD;CACA,GAAI;AACJ,CAAA,CAEH;AACA,aAAa,cAAc;AAE3B,MAAM,eAAe,MAAM,YACzB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,MAAD;CACM;CACL,WAAW,GAAG,uEAAuE,SAAS;CAC9F,GAAI;AACJ,CAAA,CAEH;AACA,aAAa,cAAc;AAE3B,MAAM,eAAe,MAAM,YACzB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,MAAD;CACM;CACL,WAAW,GAAG,sEAAsE,SAAS;CAC7F,GAAI;AACJ,CAAA,CAEH;AACA,aAAa,cAAc;;AAG3B,MAAM,cAAc,MAAM,YACxB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,KAAD;CAAQ;CAAK,WAAW,GAAG,gDAAgD,SAAS;CAAG,GAAI;AAAQ,CAAA,CAErG;AACA,YAAY,cAAc;AAE1B,MAAM,uBAAuB,MAAM,YACjC,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,cAAD;CAAiB;CAAK,WAAW,GAAG,+CAA+C,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE7G;AACA,qBAAqB,cAAc;AAEnC,MAAM,uBAAuB,MAAM,YACjC,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,QAAD;CACM;CACL,WAAW,GACV,qHACA,SACD;CACA,GAAI;AACJ,CAAA,CAEH;AACA,qBAAqB,cAAc;AAEnC,MAAM,iBAAiB,MAAM,YAC3B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,KAAD;CAAQ;CAAK,WAAW,GAAG,yCAAyC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE9F;AACA,eAAe,cAAc;AAE7B,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,iCAAiC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAExF;AACA,gBAAgB,cAAc;AAE9B,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,SAAD;CAAY;CAAK,WAAW,GAAG,gDAAgD,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEzG;AACA,gBAAgB,cAAc;AAE9B,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,KAAD;CAAQ;CAAK,WAAW,GAAG,yCAAyC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE9F;AACA,gBAAgB,cAAc"}

package/dist/use-debounced-value.d.mts

@@ -0,0 +1,11 @@
+//#region src/use-debounced-value.d.ts
+/**
+ * `value`, held back until it has stopped changing for `delay` ms. Returns `value` unchanged when
+ * `delay` is `0`, so a caller can opt out without branching on the hook.
+ *
+ * The reason a searchable control needs this: a server-backed option list should not fire a request
+ * per keystroke. Debounce the term, fetch on the settled value.
+ */
+export declare function useDebouncedValue<T>(value: T, delay: number): T;
+//#endregion
+//# sourceMappingURL=use-debounced-value.d.mts.map

package/dist/use-debounced-value.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.d.mts","names":[],"sources":["../src/use-debounced-value.ts"],"mappings":";;;;;;;;wBASgB,kBAAkB,GAAG,OAAO,GAAG,gBAAgB"}

package/dist/use-debounced-value.mjs

@@ -0,0 +1,25 @@
+import * as React from "react";
+//#region src/use-debounced-value.ts
+/**
+* `value`, held back until it has stopped changing for `delay` ms. Returns `value` unchanged when
+* `delay` is `0`, so a caller can opt out without branching on the hook.
+*
+* The reason a searchable control needs this: a server-backed option list should not fire a request
+* per keystroke. Debounce the term, fetch on the settled value.
+*/
+function useDebouncedValue(value, delay) {
+	const [debounced, setDebounced] = React.useState(value);
+	React.useEffect(() => {
+		if (delay <= 0) {
+			setDebounced(value);
+			return;
+		}
+		const id = setTimeout(() => setDebounced(value), delay);
+		return () => clearTimeout(id);
+	}, [value, delay]);
+	return delay <= 0 ? value : debounced;
+}
+//#endregion
+export { useDebouncedValue };
+
+//# sourceMappingURL=use-debounced-value.mjs.map

package/dist/use-debounced-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.mjs","names":[],"sources":["../src/use-debounced-value.ts"],"sourcesContent":["import * as React from \"react\";\n\n/**\n * `value`, held back until it has stopped changing for `delay` ms. Returns `value` unchanged when\n * `delay` is `0`, so a caller can opt out without branching on the hook.\n *\n * The reason a searchable control needs this: a server-backed option list should not fire a request\n * per keystroke. Debounce the term, fetch on the settled value.\n */\nexport function useDebouncedValue<T>(value: T, delay: number): T {\n\tconst [debounced, setDebounced] = React.useState(value);\n\n\tReact.useEffect(() => {\n\t\tif (delay <= 0) {\n\t\t\tsetDebounced(value);\n\t\t\treturn;\n\t\t}\n\t\tconst id = setTimeout(() => setDebounced(value), delay);\n\t\treturn () => clearTimeout(id);\n\t}, [value, delay]);\n\n\treturn delay <= 0 ? value : debounced;\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,kBAAqB,OAAU,OAAkB;CAChE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CAEtD,MAAM,gBAAgB;EACrB,IAAI,SAAS,GAAG;GACf,aAAa,KAAK;GAClB;EACD;EACA,MAAM,KAAK,iBAAiB,aAAa,KAAK,GAAG,KAAK;EACtD,aAAa,aAAa,EAAE;CAC7B,GAAG,CAAC,OAAO,KAAK,CAAC;CAEjB,OAAO,SAAS,IAAI,QAAQ;AAC7B"}

package/dist/use-document-dir.d.mts

@@ -0,0 +1,15 @@
+//#region src/use-document-dir.d.ts
+/**
+ * The host document's text direction — `"ltr"` or `"rtl"` — kept in sync as the host swaps locales at
+ * runtime (`<html dir>` / `lang` toggles) via a `MutationObserver`. SSR-safe: resolves to `"ltr"` when
+ * there is no `document`.
+ *
+ * Reach for this when a component needs the ambient direction in JS rather than CSS — most often to hand
+ * it to a primitive that would otherwise pin itself `"ltr"`. Radix's `ScrollArea`, for example, stamps an
+ * explicit `dir` on its root and falls back to `"ltr"` when it finds neither a `dir` prop nor a
+ * `DirectionProvider`; that hard value halts inheritance and pins its subtree LTR inside an RTL host, so
+ * threading `useDocumentDir()` into its `dir` prop makes it follow the document again.
+ */
+export declare function useDocumentDir(): "ltr" | "rtl";
+//#endregion
+//# sourceMappingURL=use-document-dir.d.mts.map

package/dist/use-document-dir.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-dir.d.mts","names":[],"sources":["../src/use-document-dir.ts"],"mappings":";;;;;;;;;;;;wBAagB"}

package/dist/use-document-dir.mjs

@@ -0,0 +1,33 @@
+import * as React from "react";
+//#region src/use-document-dir.ts
+/**
+* The host document's text direction — `"ltr"` or `"rtl"` — kept in sync as the host swaps locales at
+* runtime (`<html dir>` / `lang` toggles) via a `MutationObserver`. SSR-safe: resolves to `"ltr"` when
+* there is no `document`.
+*
+* Reach for this when a component needs the ambient direction in JS rather than CSS — most often to hand
+* it to a primitive that would otherwise pin itself `"ltr"`. Radix's `ScrollArea`, for example, stamps an
+* explicit `dir` on its root and falls back to `"ltr"` when it finds neither a `dir` prop nor a
+* `DirectionProvider`; that hard value halts inheritance and pins its subtree LTR inside an RTL host, so
+* threading `useDocumentDir()` into its `dir` prop makes it follow the document again.
+*/
+function useDocumentDir() {
+	const [dir, setDir] = React.useState(() => typeof document !== "undefined" && getComputedStyle(document.documentElement).direction === "rtl" ? "rtl" : "ltr");
+	React.useEffect(() => {
+		if (typeof document === "undefined") return;
+		const root = document.documentElement;
+		const sync = () => setDir(getComputedStyle(root).direction === "rtl" ? "rtl" : "ltr");
+		sync();
+		const observer = new MutationObserver(sync);
+		observer.observe(root, {
+			attributes: true,
+			attributeFilter: ["dir", "lang"]
+		});
+		return () => observer.disconnect();
+	}, []);
+	return dir;
+}
+//#endregion
+export { useDocumentDir };
+
+//# sourceMappingURL=use-document-dir.mjs.map

package/dist/use-document-dir.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-dir.mjs","names":[],"sources":["../src/use-document-dir.ts"],"sourcesContent":["import * as React from \"react\";\n\n/**\n * The host document's text direction — `\"ltr\"` or `\"rtl\"` — kept in sync as the host swaps locales at\n * runtime (`<html dir>` / `lang` toggles) via a `MutationObserver`. SSR-safe: resolves to `\"ltr\"` when\n * there is no `document`.\n *\n * Reach for this when a component needs the ambient direction in JS rather than CSS — most often to hand\n * it to a primitive that would otherwise pin itself `\"ltr\"`. Radix's `ScrollArea`, for example, stamps an\n * explicit `dir` on its root and falls back to `\"ltr\"` when it finds neither a `dir` prop nor a\n * `DirectionProvider`; that hard value halts inheritance and pins its subtree LTR inside an RTL host, so\n * threading `useDocumentDir()` into its `dir` prop makes it follow the document again.\n */\nexport function useDocumentDir(): \"ltr\" | \"rtl\" {\n\tconst [dir, setDir] = React.useState<\"ltr\" | \"rtl\">(() =>\n\t\ttypeof document !== \"undefined\" && getComputedStyle(document.documentElement).direction === \"rtl\" ? \"rtl\" : \"ltr\",\n\t);\n\tReact.useEffect(() => {\n\t\tif (typeof document === \"undefined\") return;\n\t\tconst root = document.documentElement;\n\t\tconst sync = () => setDir(getComputedStyle(root).direction === \"rtl\" ? \"rtl\" : \"ltr\");\n\t\tsync();\n\t\tconst observer = new MutationObserver(sync);\n\t\tobserver.observe(root, {attributes: true, attributeFilter: [\"dir\", \"lang\"]});\n\t\treturn () => observer.disconnect();\n\t}, []);\n\treturn dir;\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,iBAAgC;CAC/C,MAAM,CAAC,KAAK,UAAU,MAAM,eAC3B,OAAO,aAAa,eAAe,iBAAiB,SAAS,eAAe,CAAC,CAAC,cAAc,QAAQ,QAAQ,KAC7G;CACA,MAAM,gBAAgB;EACrB,IAAI,OAAO,aAAa,aAAa;EACrC,MAAM,OAAO,SAAS;EACtB,MAAM,aAAa,OAAO,iBAAiB,IAAI,CAAC,CAAC,cAAc,QAAQ,QAAQ,KAAK;EACpF,KAAK;EACL,MAAM,WAAW,IAAI,iBAAiB,IAAI;EAC1C,SAAS,QAAQ,MAAM;GAAC,YAAY;GAAM,iBAAiB,CAAC,OAAO,MAAM;EAAC,CAAC;EAC3E,aAAa,SAAS,WAAW;CAClC,GAAG,CAAC,CAAC;CACL,OAAO;AACR"}

package/dist/use-persistent-state.d.mts

@@ -0,0 +1,9 @@
+//#region src/use-persistent-state.d.ts
+/**
+ * `useState` that persists to `localStorage` under `key` — so a value survives a page reload. Use it for
+ * UI state a user expects to stick: the open tab, the selected project, theme, sidebar collapse, etc.
+ * Falls back to `initial` when storage is unavailable.
+ */
+export declare function usePersistentState<T>(key: string, initial: T): [T, (value: T) => void];
+//#endregion
+//# sourceMappingURL=use-persistent-state.d.mts.map

package/dist/use-persistent-state.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-persistent-state.d.mts","names":[],"sources":["../src/use-persistent-state.ts"],"mappings":";;;;;;wBAiBgB,mBAAmB,GAAG,aAAa,SAAS,KAAK,IAAI,OAAO"}

package/dist/use-persistent-state.mjs

@@ -0,0 +1,29 @@
+import * as React from "react";
+//#region src/use-persistent-state.ts
+/** Safely read a persisted value (private mode / SSR fall back to null). */
+function read(key, initial) {
+	try {
+		const raw = typeof window !== "undefined" ? window.localStorage.getItem(key) : null;
+		return raw != null ? JSON.parse(raw) : initial;
+	} catch {
+		return initial;
+	}
+}
+/**
+* `useState` that persists to `localStorage` under `key` — so a value survives a page reload. Use it for
+* UI state a user expects to stick: the open tab, the selected project, theme, sidebar collapse, etc.
+* Falls back to `initial` when storage is unavailable.
+*/
+function usePersistentState(key, initial) {
+	const [value, setValue] = React.useState(() => read(key, initial));
+	return [value, React.useCallback((next) => {
+		setValue(next);
+		try {
+			window.localStorage.setItem(key, JSON.stringify(next));
+		} catch {}
+	}, [key])];
+}
+//#endregion
+export { usePersistentState };
+
+//# sourceMappingURL=use-persistent-state.mjs.map

package/dist/use-persistent-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-persistent-state.mjs","names":[],"sources":["../src/use-persistent-state.ts"],"sourcesContent":["import * as React from \"react\";\n\n/** Safely read a persisted value (private mode / SSR fall back to null). */\nfunction read<T>(key: string, initial: T): T {\n\ttry {\n\t\tconst raw = typeof window !== \"undefined\" ? window.localStorage.getItem(key) : null;\n\t\treturn raw != null ? (JSON.parse(raw) as T) : initial;\n\t} catch {\n\t\treturn initial;\n\t}\n}\n\n/**\n * `useState` that persists to `localStorage` under `key` — so a value survives a page reload. Use it for\n * UI state a user expects to stick: the open tab, the selected project, theme, sidebar collapse, etc.\n * Falls back to `initial` when storage is unavailable.\n */\nexport function usePersistentState<T>(key: string, initial: T): [T, (value: T) => void] {\n\tconst [value, setValue] = React.useState<T>(() => read(key, initial));\n\tconst set = React.useCallback(\n\t\t(next: T) => {\n\t\t\tsetValue(next);\n\t\t\ttry {\n\t\t\t\twindow.localStorage.setItem(key, JSON.stringify(next));\n\t\t\t} catch {\n\t\t\t\t// ignore — storage may be unavailable (private mode / quota)\n\t\t\t}\n\t\t},\n\t\t[key],\n\t);\n\treturn [value, set];\n}\n"],"mappings":";;;AAGA,SAAS,KAAQ,KAAa,SAAe;CAC5C,IAAI;EACH,MAAM,MAAM,OAAO,WAAW,cAAc,OAAO,aAAa,QAAQ,GAAG,IAAI;EAC/E,OAAO,OAAO,OAAQ,KAAK,MAAM,GAAG,IAAU;CAC/C,QAAQ;EACP,OAAO;CACR;AACD;;;;;;AAOA,SAAgB,mBAAsB,KAAa,SAAqC;CACvF,MAAM,CAAC,OAAO,YAAY,MAAM,eAAkB,KAAK,KAAK,OAAO,CAAC;CAYpE,OAAO,CAAC,OAXI,MAAM,aAChB,SAAY;EACZ,SAAS,IAAI;EACb,IAAI;GACH,OAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,IAAI,CAAC;EACtD,QAAQ,CAER;CACD,GACA,CAAC,GAAG,CAEY,CAAC;AACnB"}

package/dist/use-toast.d.mts

@@ -0,0 +1,47 @@
+import { ToastActionElement, ToastProps } from "./toast.mjs";
+import * as React from "react";
+//#region src/use-toast.d.ts
+type ToasterToast = ToastProps & {
+  id: string;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  action?: ToastActionElement;
+};
+declare const actionTypes: {
+  readonly ADD_TOAST: "ADD_TOAST";
+  readonly UPDATE_TOAST: "UPDATE_TOAST";
+  readonly DISMISS_TOAST: "DISMISS_TOAST";
+  readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+  type: ActionType["ADD_TOAST"];
+  toast: ToasterToast;
+} | {
+  type: ActionType["UPDATE_TOAST"];
+  toast: Partial<ToasterToast>;
+} | {
+  type: ActionType["DISMISS_TOAST"];
+  toastId?: ToasterToast["id"];
+} | {
+  type: ActionType["REMOVE_TOAST"];
+  toastId?: ToasterToast["id"];
+};
+interface State {
+  toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({ ...props }: Toast): {
+  id: string;
+  dismiss: () => void;
+  update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+  toast: typeof toast;
+  dismiss: (toastId?: string) => void;
+  toasts: ToasterToast[];
+};
+//#endregion
+export { toast, useToast };
+//# sourceMappingURL=use-toast.d.mts.map

package/dist/use-toast.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.d.mts","names":[],"sources":["../src/use-toast.tsx"],"mappings":";;;KAOK,eAAe;EACnB;EACA,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,SAAS;;cAGJ;;;;;;KAcD,oBAAoB;KAEpB;EAEF,MAAM;EACN,OAAO;;EAGP,MAAM;EACN,OAAO,QAAQ;;EAGf,MAAM;EACN,UAAU;;EAGV,MAAM;EACN,UAAU;;UAGH;EACT,QAAQ;;qBAqBI,UAAW,OAAO,OAAO,QAAQ,WAAS;KA8DlD,QAAQ,KAAK;iBAET,WAAU,SAAQ;;;EAGH,SAAA,OAAA;;iBA0Bf;gBAAA;EAgBa,UAAA;EAlIb,QAAA"}