@eventuras/ratio-ui 1.0.0

package/dist/core/Lead/Lead.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+interface LeadBaseProps extends SpacingProps {
+    as?: 'p' | 'div';
+    className?: string;
+    testId?: string;
+}
+export type LeadProps = LeadBaseProps & ({
+    children: React.ReactNode;
+    text?: never;
+} | {
+    text: string | null;
+    children?: never;
+});
+/**
+ * Lead component for displaying introduction or lead text
+ *
+ * Typically used as the first paragraph after a heading to introduce the content.
+ * Renders with larger text size and medium font weight.
+ *
+ * @example
+ * ```tsx
+ * <Lead>This is an introduction to the article...</Lead>
+ * ```
+ */
+export declare const Lead: React.FC<LeadProps>;
+export {};
+//# sourceMappingURL=Lead.d.ts.map

package/dist/core/Lead/Lead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lead.d.ts","sourceRoot":"","sources":["../../../src/core/Lead/Lead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,UAAU,aAAc,SAAQ,YAAY;IAC1C,EAAE,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAE5F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAC"}

package/dist/core/Lead/Lead.js

@@ -0,0 +1,30 @@
+import { buildSpacingClasses as e } from "../../tokens/spacing.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/core/Lead/Lead.tsx
+var n = ({ children: n, text: r, as: i = "p", className: a = "", padding: o, paddingX: s, paddingY: c, paddingTop: l, paddingBottom: u, margin: d, marginX: f, marginY: p, marginTop: m, marginBottom: h, gap: g, testId: _ }) => {
+	let v = r ?? n;
+	return v == null ? null : /* @__PURE__ */ t(i, {
+		className: [
+			"text-lg font-medium leading-relaxed",
+			e({
+				padding: o,
+				paddingX: s,
+				paddingY: c,
+				paddingTop: l,
+				paddingBottom: u,
+				margin: d,
+				marginX: f,
+				marginY: p,
+				marginTop: m,
+				marginBottom: h,
+				gap: g
+			}),
+			a
+		].filter(Boolean).join(" "),
+		"data-testid": _,
+		children: v
+	});
+};
+//#endregion
+export { n as Lead };

package/dist/core/Lead/index.d.ts

@@ -0,0 +1,3 @@
+export { Lead } from './Lead';
+export type { LeadProps } from './Lead';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Lead/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Lead/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/core/Lead/index.js

@@ -0,0 +1,2 @@
+import { Lead as e } from "./Lead.js";
+export { e as Lead };

package/dist/core/Link/Link.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+export interface LinkProps extends SpacingProps {
+    href: string;
+    children?: React.ReactNode;
+    className?: string;
+    variant?: 'button-primary' | 'button-secondary' | 'button-light' | 'button-outline' | 'button-text';
+    block?: boolean;
+    onDark?: boolean;
+    linkOverlay?: boolean;
+    component?: React.ElementType;
+    componentProps?: Record<string, unknown>;
+    testId?: string;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Link.d.ts.map

package/dist/core/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/core/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,cAAc,GAAG,gBAAgB,GAAG,aAAa,CAAC;IACpG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,+EAuEhB,CAAC"}

package/dist/core/Link/Link2.js

@@ -0,0 +1,49 @@
+import { buildSpacingClasses as e } from "../../tokens/spacing.js";
+import { buttonStyles as t } from "../Button/Button.js";
+/* empty css     */
+import n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/core/Link/Link.tsx
+var i = n.forwardRef(({ component: n = "a", componentProps: i, href: a, children: o, className: s = "", onDark: c = !1, block: l = !1, variant: u, linkOverlay: d = !1, padding: f, paddingX: p, paddingY: m, paddingTop: h, paddingBottom: g, margin: _, marginX: v, marginY: y, marginTop: b, marginBottom: x, gap: S, testId: C, ...w }, T) => {
+	let E = e({
+		padding: f,
+		paddingX: p,
+		paddingY: m,
+		paddingTop: h,
+		paddingBottom: g,
+		margin: _,
+		marginX: v,
+		marginY: y,
+		marginTop: b,
+		marginBottom: x,
+		gap: S
+	}), D = !u && !s ? "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 underline decoration-blue-600/30 hover:decoration-blue-800 underline-offset-2 transition-colors" : "", O = "";
+	c || u === "button-primary" ? O = "text-gray-200" : u && (O = "text-gray-800 dark:text-gray-200");
+	let k = l ? "block" : "", A = "";
+	if (u?.startsWith("button-")) {
+		let e = u.replace("button-", "");
+		t[e] && (A = "px-4 py-2 inline-flex items-center gap-2 whitespace-nowrap " + t[e]);
+	}
+	return /* @__PURE__ */ r(n, {
+		href: a,
+		className: [
+			E,
+			D,
+			A,
+			O,
+			k,
+			d && "link-overlay",
+			s
+		].filter(Boolean).join(" "),
+		ref: T,
+		...C ? {
+			...i,
+			"data-testid": C
+		} : i,
+		...w,
+		children: o
+	});
+});
+i.displayName = "Link";
+//#endregion
+export { i as Link };

package/dist/core/Link/index.d.ts

@@ -0,0 +1,3 @@
+export { Link } from './Link';
+export type { LinkProps } from './Link';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/core/Link/index.js

@@ -0,0 +1,2 @@
+import { Link as e } from "./Link2.js";
+export { e as Link };

package/dist/core/List/List.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export type ListItemVariant = 'default' | 'check';
+export interface ListItemProps {
+    className?: string;
+    children?: React.ReactNode;
+    variant?: ListItemVariant;
+}
+export declare const ListItem: React.FC<ListItemProps>;
+export type ListVariant = 'unstyled' | 'markdown' | 'markdown-compact';
+export interface ListProps {
+    items?: {
+        key?: React.Key;
+        text: React.ReactNode;
+    }[];
+    children?: React.ReactNode;
+    as?: 'ul' | 'ol';
+    variant?: ListVariant;
+    className?: string;
+    itemClassName?: string;
+    itemSpacing?: string;
+}
+export declare const List: React.FC<ListProps> & {
+    Item: typeof ListItem;
+};
+//# sourceMappingURL=List.d.ts.map

package/dist/core/List/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/core/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe5C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,kBAAkB,CAAC;AAEvE,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;QAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAiBD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAA;CA+D/D,CAAC"}

package/dist/core/List/List.js

@@ -0,0 +1,47 @@
+import { Check as e } from "../../icons/index.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/core/List/List.tsx
+var r = ({ className: r, children: i, variant: a = "default" }) => a === "check" ? /* @__PURE__ */ n("li", {
+	className: `flex items-start gap-3 ${r || ""}`,
+	children: [/* @__PURE__ */ t(e, { className: "mt-0.5 h-5 w-5 shrink-0 text-green-600 dark:text-green-400" }), /* @__PURE__ */ t("span", { children: i })]
+}) : /* @__PURE__ */ t("li", {
+	className: r,
+	children: i
+}), i = {
+	unstyled: {
+		list: "list-none",
+		item: "mb-4"
+	},
+	markdown: {
+		list: "ml-6 pb-4 space-y-2 marker:text-blue-600",
+		item: "pl-2 leading-relaxed"
+	},
+	"markdown-compact": {
+		list: "ml-6 pb-3 space-y-1.5 marker:text-blue-600",
+		item: "pl-2"
+	}
+}, a = ({ items: e, children: n, as: a = "ul", variant: o = "unstyled", className: s, itemClassName: c, itemSpacing: l }) => {
+	let u = i[o], d = a === "ol" && o !== "unstyled" ? "marker:font-semibold" : "", f = "";
+	o !== "unstyled" && (f = a === "ul" ? "list-disc" : "list-decimal");
+	let p = [
+		o === "unstyled" ? "text-gray-800 dark:text-gray-300 font-medium" : "",
+		f,
+		u.list,
+		d,
+		s
+	].filter(Boolean).join(" "), m = [l || u.item, c].filter(Boolean).join(" ");
+	return n ? /* @__PURE__ */ t(a, {
+		className: p,
+		children: n
+	}) : e?.length ? /* @__PURE__ */ t(a, {
+		className: p,
+		children: e.map((e, n) => /* @__PURE__ */ t(r, {
+			className: m,
+			children: e.text
+		}, e.key ?? n))
+	}) : null;
+};
+a.Item = r;
+//#endregion
+export { a as List };

package/dist/core/List/index.d.ts

@@ -0,0 +1,3 @@
+export { List } from './List';
+export type { ListProps, ListItemProps, ListVariant } from './List';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,YAAY,EAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAC,MAAM,QAAQ,CAAC"}

package/dist/core/List/index.js

@@ -0,0 +1,2 @@
+import { List as e } from "./List.js";
+export { e as List };

package/dist/core/Loading/Loading.d.ts

@@ -0,0 +1,2 @@
+export declare const Loading: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Loading.d.ts.map

package/dist/core/Loading/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/core/Loading/Loading.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,+CAOnB,CAAC"}

package/dist/core/Loading/Loading.js

@@ -0,0 +1,12 @@
+import { Spinner as e } from "../Spinner/Spinner.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/core/Loading/Loading.tsx
+var r = () => /* @__PURE__ */ n("div", {
+	role: "status",
+	children: [/* @__PURE__ */ t(e, {}), /* @__PURE__ */ t("span", {
+		className: "sr-only",
+		children: "Loading..."
+	})]
+});
+//#endregion
+export { r as Loading };

package/dist/core/Loading/index.d.ts

@@ -0,0 +1,2 @@
+export { Loading } from './Loading';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/core/Loading/index.js

@@ -0,0 +1,2 @@
+import { Loading as e } from "./Loading.js";
+export { e as Loading };

package/dist/core/Lookup/Lookup.d.ts

@@ -0,0 +1,92 @@
+import { ReactNode } from 'react';
+import { Key } from 'react-aria-components';
+export interface LookupProps<T> {
+    /** Label shown above the input. */
+    readonly label: string;
+    /** Placeholder for the input. */
+    readonly placeholder?: string;
+    /**
+     * Minimum number of characters required before `load` is called. Below the
+     * threshold, the list renders `minCharsMessage` (or a default) instead.
+     * @default 0
+     */
+    readonly minChars?: number;
+    /**
+     * Async loader. Called with the current query whenever the user types, as
+     * long as the query is at least `minChars` long. An optional `AbortSignal`
+     * is forwarded from `useAsyncList` so consumers can cancel in-flight
+     * requests when the query changes. Should return an array of items (empty
+     * array on error — the consumer handles error reporting).
+     */
+    readonly load: (query: string, signal?: AbortSignal) => Promise<T[]>;
+    /** Return a unique, stable key for an item. */
+    readonly getItemKey: (item: T) => Key;
+    /**
+     * Return the short label shown in the input after an item is selected. Also
+     * used as the default text value for accessibility/type-ahead.
+     */
+    readonly getItemLabel: (item: T) => string;
+    /**
+     * Return the text value used by react-aria for screen readers and
+     * type-ahead matching. Defaults to `getItemLabel`.
+     */
+    readonly getItemTextValue?: (item: T) => string;
+    /** Render the visible content of each item in the list. */
+    readonly renderItem: (item: T) => ReactNode;
+    /** Called when the user selects an item. */
+    readonly onItemSelected: (item: T) => void;
+    /**
+     * Message shown when the query is long enough but there are no results.
+     * @default 'No results'
+     */
+    readonly emptyState?: string;
+    /**
+     * Message shown when the user has not typed enough characters. Defaults to
+     * a message derived from `minChars`.
+     */
+    readonly minCharsMessage?: string;
+    /** Extra class for the input. */
+    readonly inputClassName?: string;
+    /** Extra class for the list container. */
+    readonly listClassName?: string;
+    /**
+     * `id` for the underlying `<input>` element. Use this when an external
+     * `<label htmlFor="...">` needs to be associated with the field.
+     */
+    readonly inputId?: string;
+}
+/**
+ * Inline typeahead picker: search asynchronously, navigate results with the
+ * keyboard, pick one to trigger an action. Used for "add user to event",
+ * "select event", and similar lookup flows where the user is *finding* an
+ * existing entity, not filling in a form field.
+ *
+ * Built on react-aria's `Autocomplete` + `ListBox` + `useAsyncList` and
+ * handles the common concerns: loading spinner, min-char threshold, deduping
+ * re-queries after selection, and rendering empty/placeholder states.
+ *
+ * For a modal / Cmd+K variant see `CommandPalette`.
+ *
+ * @example
+ * ```tsx
+ * <Lookup<UserDto>
+ *   label="Search User"
+ *   placeholder="Search by name or email (min 3 characters)"
+ *   minChars={3}
+ *   load={searchUsers}
+ *   getItemKey={u => u.id!}
+ *   getItemLabel={u => u.name ?? ''}
+ *   getItemTextValue={u => `${u.name} ${u.email}`}
+ *   renderItem={u => (
+ *     <>
+ *       <div className="font-medium">{u.name}</div>
+ *       <div className="text-sm text-gray-600">{u.email}</div>
+ *     </>
+ *   )}
+ *   onItemSelected={u => setSelected(u)}
+ *   emptyState="No users found"
+ * />
+ * ```
+ */
+export declare function Lookup<T>({ label, placeholder, minChars, load, getItemKey, getItemLabel, getItemTextValue, renderItem, onItemSelected, emptyState, minCharsMessage, inputClassName, listClassName, inputId, }: LookupProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Lookup.d.ts.map

package/dist/core/Lookup/Lookup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lookup.d.ts","sourceRoot":"","sources":["../../../src/core/Lookup/Lookup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAIL,KAAK,GAAG,EAET,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACrE,+CAA+C;IAC/C,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChD,2DAA2D;IAC3D,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5C,4CAA4C;IAC5C,QAAQ,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,iCAAiC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,0CAA0C;IAC1C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,KAAK,EACL,WAAW,EACX,QAAY,EACZ,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,UAAyB,EACzB,eAAe,EACf,cAAc,EACd,aAAa,EACb,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,2CA4IhB"}

package/dist/core/Lookup/Lookup.js

@@ -0,0 +1,87 @@
+"use client";
+import { X as e } from "../../icons/index.js";
+import { ListBox as t, ListBoxItem as n } from "../../forms/ListBox/ListBox.js";
+import { AutoComplete as r } from "../../forms/Autocomplete/AutoComplete.js";
+import { SearchField as i } from "../../forms/Autocomplete/StyledComponents.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as c, Input as l, Label as u } from "react-aria-components";
+import { useAsyncList as d } from "react-stately";
+//#region src/core/Lookup/Lookup.tsx
+function f({ label: f, placeholder: p, minChars: m = 0, load: h, getItemKey: g, getItemLabel: _, getItemTextValue: v, renderItem: y, onItemSelected: b, emptyState: x = "No results", minCharsMessage: S, inputClassName: C, listClassName: w, inputId: T }) {
+	let [E, D] = a(null), O = d({
+		getKey: g,
+		async load({ filterText: e, signal: t }) {
+			if (E && e === E || !e || e.length < m) return { items: [] };
+			try {
+				return { items: await h(e, t) };
+			} catch {
+				return { items: [] };
+			}
+		}
+	}), k = (e) => {
+		if (e === "all") return;
+		let t = e.values().next().value;
+		if (t === void 0) return;
+		let n = O.items.find((e) => g(e) === t);
+		if (!n) return;
+		b(n);
+		let r = _(n).trim();
+		r && (D(r), O.setFilterText(r));
+	}, A = v ?? _, j = S ?? (m > 0 ? `Type at least ${m} character${m === 1 ? "" : "s"} to search` : void 0), M = () => {
+		D(null), O.setFilterText("");
+	}, N = O.filterText.trim(), P = E !== null && N === E, F = N.length > 0 && !P, I = N.length < m;
+	return /* @__PURE__ */ s(r, {
+		inputValue: O.filterText,
+		onInputChange: (e) => {
+			E && e !== E && D(null), O.setFilterText(e);
+		},
+		isLoading: O.isLoading,
+		children: [/* @__PURE__ */ s(i, {
+			className: "group flex flex-col gap-1",
+			children: [/* @__PURE__ */ o(u, {
+				className: "text-sm font-medium text-gray-700 dark:text-gray-200",
+				children: f
+			}), /* @__PURE__ */ s("div", {
+				className: "relative",
+				children: [
+					/* @__PURE__ */ o(l, {
+						id: T,
+						className: C ?? "w-full px-3 py-2 pr-16 border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
+						placeholder: p
+					}),
+					O.isLoading && /* @__PURE__ */ o("div", {
+						className: "absolute right-9 top-1/2 -translate-y-1/2 pointer-events-none",
+						children: /* @__PURE__ */ o("div", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" })
+					}),
+					/* @__PURE__ */ o(c, {
+						"aria-label": "Clear search",
+						onPress: M,
+						className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 group-data-empty:hidden cursor-pointer",
+						children: /* @__PURE__ */ o(e, { className: "h-4 w-4" })
+					})
+				]
+			})]
+		}), F && /* @__PURE__ */ o(t, {
+			items: O.items,
+			className: w ?? "mt-1 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-md shadow-lg max-h-60 overflow-auto outline-none",
+			selectionMode: "single",
+			onSelectionChange: k,
+			renderEmptyState: () => /* @__PURE__ */ o("div", {
+				className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400",
+				children: I && j ? j : x
+			}),
+			children: (e) => {
+				let t = e;
+				return /* @__PURE__ */ o(n, {
+					id: g(t),
+					textValue: A(t),
+					className: "px-3 py-2 cursor-pointer outline-none rounded text-gray-900 dark:text-gray-100 hover:bg-blue-50 dark:hover:bg-gray-700 focus:bg-blue-100 dark:focus:bg-gray-600 selected:bg-blue-500 selected:text-white",
+					children: y(t)
+				});
+			}
+		})]
+	});
+}
+//#endregion
+export { f as Lookup };

package/dist/core/Lookup/index.d.ts

@@ -0,0 +1,3 @@
+export { Lookup } from './Lookup';
+export type { LookupProps } from './Lookup';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Lookup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Lookup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/core/Lookup/index.js

@@ -0,0 +1,2 @@
+import { Lookup as e } from "./Lookup.js";
+export { e as Lookup };

package/dist/core/Menu/Menu.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { MenuItemProps } from 'react-aria-components';
+export type MenuLinkProps = {
+    href: string;
+    children: ReactNode;
+    testId?: string;
+};
+export type MenuProps = {
+    menuLabel: string;
+    children: ReactNode;
+};
+export type MenuButtonProps = {
+    id: string;
+    children: ReactNode;
+    onClick: () => void;
+    testId?: string;
+};
+export type MenuThemeToggleProps = {
+    theme?: 'light' | 'dark' | null;
+    onThemeChange: (theme: 'light' | 'dark') => void;
+    lightLabel?: string;
+    darkLabel?: string;
+};
+declare const _default: ((props: MenuProps) => import("react/jsx-runtime").JSX.Element) & {
+    Link: (props: MenuLinkProps & MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+    Button: (props: MenuButtonProps & MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+    ThemeToggle: ({ theme, onThemeChange, lightLabel, darkLabel, }: MenuThemeToggleProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/core/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/core/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuD,MAAM,OAAO,CAAC;AACvF,OAAO,EAIL,aAAa,EAGd,MAAM,uBAAuB,CAAC;AAoB/B,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAQF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;iCAEmB,SAAS;kBAzBL,aAAa,GAAG,aAAa;oBA2D3B,eAAe,GAAG,aAAa;oEAoBvD,oBAAoB;;AAyBvB,wBAIG"}

package/dist/core/Menu/Menu.js

@@ -0,0 +1,79 @@
+import { ChevronDown as e, Moon as t, Sun as n } from "../../icons/index.js";
+import { createContext as r, useContext as i, useEffect as a, useId as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Menu as d, MenuItem as f, MenuTrigger as p, Popover as m } from "react-aria-components";
+//#region src/core/Menu/Menu.tsx
+var h = {
+	popover: "w-56 origin-top-right shadow-lg border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden",
+	menuItemsList: "bg-white dark:bg-slate-900 focus:outline-hidden",
+	menuItem: "cursor-pointer group flex w-full items-center px-2 py-3 border-b border-gray-200 dark:border-gray-700 last:border-b-0 hover:bg-gray-100 dark:hover:bg-slate-800 text-gray-900 dark:text-gray-100"
+}, g = r({
+	register: () => {},
+	unregister: () => {}
+}), _ = Object.assign((t) => {
+	let n = s(/* @__PURE__ */ new Map()), r = s({
+		register: (e, t) => n.current.set(e, t),
+		unregister: (e) => n.current.delete(e)
+	}).current;
+	return /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l(u, {
+		"data-testid": "logged-in-menu-button",
+		className: "inline-flex items-center gap-2 border font-bold bg-primary-700 dark:bg-primary-950 hover:bg-primary-700 text-white rounded-full px-4 py-1 m-1 transition-all duration-500 transform ease-in-out active:scale-110 hover:shadow-sm",
+		children: [t.menuLabel, /* @__PURE__ */ c(e, { className: "ml-1 h-5 w-5" })]
+	}), /* @__PURE__ */ c(m, {
+		className: h.popover,
+		children: /* @__PURE__ */ c(g.Provider, {
+			value: r,
+			children: /* @__PURE__ */ c(d, {
+				className: h.menuItemsList,
+				onAction: (e) => {
+					let t = n.current.get(e.toString());
+					t && t();
+				},
+				children: t.children
+			})
+		})
+	})] });
+}, {
+	Link: (e) => /* @__PURE__ */ c(f, {
+		...e,
+		"data-testid": e.testId,
+		className: h.menuItem,
+		children: e.children
+	}),
+	Button: (e) => {
+		let { register: t, unregister: n } = i(g);
+		return a(() => (t(e.id, e.onClick), () => n(e.id)), [
+			e.id,
+			e.onClick,
+			t,
+			n
+		]), /* @__PURE__ */ c(f, {
+			...e,
+			className: h.menuItem,
+			"data-testid": e.testId,
+			children: e.children
+		});
+	},
+	ThemeToggle: ({ theme: e, onThemeChange: r, lightLabel: u = "Light theme", darkLabel: d = "Dark theme" }) => {
+		let p = e === "dark", m = o(), { register: _, unregister: v } = i(g), y = s(r);
+		y.current = r;
+		let b = s(p);
+		return b.current = p, a(() => (_(m, () => y.current(b.current ? "light" : "dark")), () => v(m)), [
+			m,
+			_,
+			v
+		]), /* @__PURE__ */ c(f, {
+			id: m,
+			className: h.menuItem,
+			children: /* @__PURE__ */ l("span", {
+				className: "flex items-center gap-2",
+				children: [c(p ? n : t, {
+					className: "w-5 h-5",
+					"aria-hidden": "true"
+				}), p ? u : d]
+			})
+		});
+	}
+});
+//#endregion
+export { _ as default };

package/dist/core/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Menu } from './Menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Menu/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/core/Menu/index.js

@@ -0,0 +1,2 @@
+import e from "./Menu.js";
+export { e as Menu };

package/dist/core/NavList/NavList.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface NavListItem {
+    href: string;
+    title: string;
+}
+export interface NavListProps {
+    items: NavListItem[];
+    LinkComponent: React.JSXElementConstructor<{
+        href: string;
+        children: React.ReactNode;
+    }>;
+    sticky?: boolean;
+}
+/**
+ * Renders a horizontal list of anchor links, optionally sticky.
+ */
+export declare const NavList: React.FC<NavListProps>;
+//# sourceMappingURL=NavList.d.ts.map

package/dist/core/NavList/NavList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../src/core/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,qBAAqB,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgB1C,CAAC"}