@eventuras/ratio-ui 1.0.0

package/dist/core/ThemeToggle/ThemeToggle.js

@@ -0,0 +1,45 @@
+import { Moon as e, Sun as t } from "../../icons/index.js";
+import { Button as n } from "../Button/Button.js";
+import "../Button/index.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/core/ThemeToggle/ThemeToggle.tsx
+var s = ({ theme: s, onThemeChange: c, className: l = "", ariaLabel: u = "Toggle theme" }) => {
+	let [d, f] = i(!1), p = s === "dark";
+	r(() => {
+		f(!0);
+	}, []);
+	let m = () => {
+		c(p ? "light" : "dark");
+	};
+	return d ? /* @__PURE__ */ o(n, {
+		variant: "text",
+		size: "sm",
+		onClick: m,
+		className: l,
+		"aria-label": u,
+		type: "button",
+		suppressHydrationWarning: !0,
+		children: [/* @__PURE__ */ a("span", {
+			suppressHydrationWarning: !0,
+			children: a(p ? t : e, {
+				className: "w-5 h-5",
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ a("span", {
+			className: "sr-only",
+			suppressHydrationWarning: !0,
+			children: p ? "Switch to light mode" : "Switch to dark mode"
+		})]
+	}) : /* @__PURE__ */ a(n, {
+		variant: "text",
+		size: "sm",
+		onClick: m,
+		className: l,
+		"aria-label": u,
+		type: "button",
+		children: /* @__PURE__ */ a("span", { className: "w-5 h-5 block" })
+	});
+};
+//#endregion
+export { s as ThemeToggle };

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

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

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

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

package/dist/core/ThemeToggle/index.js

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

package/dist/core/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'className'> {
+    /**
+     * The visual style variant of the toggle button
+     * - 'default': Standard gray border with blue highlight when selected
+     * - 'primary': Blue background when selected
+     * - 'outline': Outlined style with border emphasis
+     */
+    variant?: 'default' | 'primary' | 'outline';
+    /**
+     * Additional CSS classes to apply
+     */
+    className?: string;
+    /**
+     * Content to display inside the button
+     */
+    children: React.ReactNode;
+}
+/**
+ * ToggleButton component based on React Aria Components
+ *
+ * A button that can be toggled between selected and unselected states.
+ * Provides built-in accessibility features including proper ARIA attributes,
+ * keyboard navigation, and focus management.
+ *
+ * @example
+ * ```tsx
+ * <ToggleButton>
+ *   Toggle me
+ * </ToggleButton>
+ *
+ * <ToggleButton isSelected variant="primary">
+ *   Selected
+ * </ToggleButton>
+ * ```
+ */
+export declare const ToggleButton: React.FC<ToggleButtonProps>;
+//# sourceMappingURL=ToggleButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/core/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoC,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAGrH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC;IACjF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAE5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAuBD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0CpD,CAAC"}

package/dist/core/ToggleButton/ToggleButton.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { ToggleButton as n } from "react-aria-components";
+//#region src/core/ToggleButton/ToggleButton.tsx
+var r = {
+	default: {
+		base: "border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800",
+		hover: "hover:border-blue-300 dark:hover:border-blue-600 hover:bg-gray-50 dark:hover:bg-gray-700",
+		selected: "border-blue-500 bg-blue-50 dark:bg-blue-900/30 shadow-sm",
+		pressed: "pressed:scale-95"
+	},
+	primary: {
+		base: "border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800",
+		hover: "hover:bg-blue-50 dark:hover:bg-blue-900/20",
+		selected: "border-blue-600 bg-blue-600 text-white dark:bg-blue-700 shadow-md",
+		pressed: "pressed:scale-95"
+	},
+	outline: {
+		base: "border-2 border-gray-400 dark:border-gray-500 bg-transparent",
+		hover: "hover:border-blue-400 dark:hover:border-blue-500 hover:bg-blue-50/50 dark:hover:bg-blue-900/20",
+		selected: "border-blue-600 dark:border-blue-500 bg-blue-50 dark:bg-blue-900/30",
+		pressed: "pressed:scale-95"
+	}
+}, i = ({ variant: i = "default", className: a = "", children: o, ...s }) => {
+	let c = r[i];
+	return /* @__PURE__ */ t(n, {
+		...s,
+		className: ({ isSelected: t, isPressed: n, isHovered: r, isFocusVisible: i }) => e("px-4 py-2 rounded-lg", "transition-all duration-200", "cursor-pointer", "outline-none", c.base, t ? c.selected : c.hover, n && c.pressed, i && "ring-2 ring-blue-500 ring-offset-2", "disabled:opacity-50 disabled:cursor-not-allowed", a),
+		children: o
+	});
+};
+//#endregion
+export { i as ToggleButton };

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

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

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

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

package/dist/core/ToggleButton/index.js

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

package/dist/core/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,13 @@
+export interface ToggleButtonOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+export interface ToggleButtonGroupProps {
+    options: ToggleButtonOption[];
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    'aria-label'?: string;
+}
+export declare function ToggleButtonGroup({ options, value, onChange, 'aria-label': ariaLabel, }: Readonly<ToggleButtonGroupProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToggleButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/core/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE,QAAQ,CAAC,sBAAsB,CAAC,2CAoBlC"}

package/dist/core/ToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,31 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { ToggleButton as n } from "react-aria-components";
+//#region src/core/ToggleButtonGroup/ToggleButtonGroup.tsx
+function r({ options: r, value: i, onChange: a, "aria-label": o }) {
+	return /* @__PURE__ */ e("fieldset", {
+		"aria-label": o,
+		className: "flex border-0 p-0 m-0",
+		children: r.map((r) => /* @__PURE__ */ e(n, {
+			isSelected: i === r.value,
+			onChange: (e) => a?.(e ? r.value : null),
+			className: "px-3 py-1.5 border border-gray-300 bg-white hover:bg-gray-50 hover:z-10 selected:border-blue-500 selected:bg-blue-50 selected:z-20 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-700 dark:selected:border-blue-400 dark:selected:bg-blue-900/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:z-30 dark:focus-visible:ring-blue-400 first:rounded-l last:rounded-r -ml-px first:ml-0 relative",
+			children: /* @__PURE__ */ t("div", {
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ e("span", {
+					className: "text-sm",
+					children: r.label
+				}), r.count !== void 0 && /* @__PURE__ */ t("span", {
+					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
+					children: [
+						"(",
+						r.count,
+						")"
+					]
+				})]
+			})
+		}, r.value))
+	});
+}
+//#endregion
+export { r as ToggleButtonGroup };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/ToggleButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/core/ToggleButtonGroup/index.js

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

package/dist/core/TreeView/TreeView.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export interface TreeViewNode {
+    title: string;
+    href?: string;
+    children?: TreeViewNode[];
+}
+export interface TreeViewProps {
+    /** Hierarchical tree of navigation nodes */
+    tree: TreeViewNode[];
+    /** Currently active path — used to highlight the active item and auto-expand ancestors */
+    currentPath?: string;
+    /** Routing link component (e.g. Next.js Link, React Router Link) */
+    LinkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
+    /** Accessible label for the nav element */
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * Hierarchical tree navigation with collapsible sections and active-path highlighting.
+ *
+ * Pass a `LinkComponent` for SPA routers (e.g. Next.js `Link`).
+ * When no `currentPath` is provided, no item is highlighted.
+ */
+export declare function TreeView({ tree, currentPath, LinkComponent, 'aria-label': ariaLabel, className, }: Readonly<TreeViewProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TreeView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/core/TreeView/TreeView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,WAAW,EACX,aAAa,EACb,YAAY,EAAE,SAAwB,EACtC,SAAc,GACf,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAgBzB"}

package/dist/core/TreeView/TreeView.js

@@ -0,0 +1,78 @@
+"use client";
+import { ChevronRight as e } from "../../icons/index.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/core/TreeView/TreeView.tsx
+function o({ tree: e, currentPath: t, LinkComponent: n, "aria-label": r = "Navigation", className: a = "" }) {
+	return /* @__PURE__ */ i("nav", {
+		"aria-label": r,
+		className: `text-sm ${a}`,
+		children: /* @__PURE__ */ i("ul", {
+			className: "space-y-1",
+			children: e.map((e) => /* @__PURE__ */ i(l, {
+				node: e,
+				currentPath: t,
+				LinkComponent: n,
+				depth: 0
+			}, e.href ?? e.title))
+		})
+	});
+}
+function s(e, t) {
+	return !e || !t ? !1 : (e.replace(/\/$/, "") || "/") === (t.replace(/\/$/, "") || "/");
+}
+function c(e, t) {
+	return t ? s(e.href, t) ? !0 : e.children?.some((e) => c(e, t)) ?? !1 : !1;
+}
+function l({ node: o, currentPath: d, LinkComponent: f, depth: p }) {
+	let m = o.children && o.children.length > 0, h = s(o.href, d), g = c(o, d), [_, v] = r(g || h);
+	n(() => {
+		(g || h) && v(!0);
+	}, [g, h]);
+	let y = t(() => v((e) => !e), []), b = f ?? "a", x = `${.75 + p * .75}rem`;
+	return m ? /* @__PURE__ */ a("li", { children: [/* @__PURE__ */ a("button", {
+		type: "button",
+		onClick: y,
+		"aria-expanded": _,
+		className: `flex w-full items-center justify-between rounded-md px-3 py-1.5 text-left transition-colors
+            ${g ? "font-medium text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-400"}
+            hover:bg-gray-100 dark:hover:bg-white/10`,
+		style: { paddingLeft: x },
+		children: [/* @__PURE__ */ i("span", { children: o.title }), /* @__PURE__ */ i(e, {
+			"aria-hidden": "true",
+			className: `h-4 w-4 shrink-0 transition-transform ${_ ? "rotate-90" : ""}`
+		})]
+	}), _ && /* @__PURE__ */ a("ul", {
+		className: "mt-1 space-y-1",
+		children: [o.href && /* @__PURE__ */ i(u, {
+			href: o.href,
+			title: "Overview",
+			active: h,
+			LinkTag: b,
+			paddingLeft: `${.75 + (p + 1) * .75}rem`
+		}), o.children.map((e) => /* @__PURE__ */ i(l, {
+			node: e,
+			currentPath: d,
+			LinkComponent: f,
+			depth: p + 1
+		}, e.href ?? e.title))]
+	})] }) : /* @__PURE__ */ i(u, {
+		href: o.href ?? "#",
+		title: o.title,
+		active: h,
+		LinkTag: b,
+		paddingLeft: x
+	});
+}
+function u({ href: e, title: t, active: n, LinkTag: r, paddingLeft: a }) {
+	return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, {
+		href: e,
+		className: `block rounded-md px-3 py-1.5 transition-colors
+          ${n ? "bg-primary-50 font-medium text-primary-700 dark:bg-primary-900/30 dark:text-primary-400" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-white/10 dark:hover:text-white"}`,
+		style: { paddingLeft: a },
+		"aria-current": n ? "page" : void 0,
+		children: t
+	}) });
+}
+//#endregion
+export { o as TreeView };

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

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

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

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

package/dist/core/TreeView/index.js

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

package/dist/css.d.ts

@@ -0,0 +1 @@
+declare module '*.css';

package/dist/forms/Autocomplete/AutoComplete.d.ts

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+import { Selection } from 'react-aria-components';
+export interface AutoCompleteProps {
+    /**
+     * The children to render inside the autocomplete.
+     * Must include a TextField/SearchField and a collection (ListBox, Menu, etc.)
+     */
+    readonly children: ReactNode;
+    /**
+     * The current input value (controlled).
+     */
+    readonly inputValue?: string;
+    /**
+     * Handler called when the input value changes.
+     */
+    readonly onInputChange?: (value: string) => void;
+    /**
+     * Optional filter function for client-side filtering.
+     * When omitted, filtering is expected to be handled by the consumer (e.g., async).
+     */
+    readonly filter?: (textValue: string, inputValue: string, node: any) => boolean;
+    /**
+     * Whether to auto-focus the first item after filtering.
+     * @default false
+     */
+    readonly disableAutoFocusFirst?: boolean;
+    /**
+     * Whether to disable virtual focus (makes collection directly tabbable).
+     * @default false
+     */
+    readonly disableVirtualFocus?: boolean;
+    /**
+     * Optional loading state indicator.
+     * Consumers can use this to show loading UI in their children.
+     * Note: This prop is not used by AutoComplete itself, it's for consumer convenience.
+     */
+    readonly isLoading?: boolean;
+    /**
+     * Selection mode for the collection.
+     * Note: This should be passed to the child ListBox/collection component, not AutoComplete.
+     */
+    readonly selectionMode?: 'none' | 'single' | 'multiple';
+    /**
+     * Handler called when selection changes.
+     * Note: This should be passed to the child ListBox/collection component, not AutoComplete.
+     */
+    readonly onSelectionChange?: (keys: Selection) => void;
+}
+/**
+ * AutoComplete component following React Aria patterns.
+ *
+ * A composable autocomplete that wraps a SearchField/TextField and a collection component
+ * (ListBox, Menu, etc.) to provide filtering and selection behavior.
+ *
+ * @example
+ * ```tsx
+ * // Async search pattern
+ * const list = useAsyncList({
+ *   async load({ filterText }) {
+ *     if (!filterText || filterText.length < 3) return { items: [] };
+ *     const results = await searchAPI(filterText);
+ *     return { items: results };
+ *   }
+ * });
+ *
+ * <AutoComplete
+ *   inputValue={list.filterText}
+ *   onInputChange={list.setFilterText}
+ *   isLoading={list.isLoading}
+ * >
+ *   <SearchField label="Search" placeholder="Type to search..." />
+ *   <ListBox items={list.items} renderEmptyState={() => 'No results'}>
+ *     {(item) => <ListBoxItem>{item.name}</ListBoxItem>}
+ *   </ListBox>
+ * </AutoComplete>
+ * ```
+ *
+ * @see https://react-aria.adobe.com/Autocomplete.html
+ */
+export declare function AutoComplete({ children, inputValue, onInputChange, filter, disableAutoFocusFirst, disableVirtualFocus, }: AutoCompleteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutoComplete.d.ts.map

package/dist/forms/Autocomplete/AutoComplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../src/forms/Autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAEhF;;;OAGG;IACH,QAAQ,CAAC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEzC;;;OAGG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAEvC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAExD;;;OAGG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,aAAa,EACb,MAAM,EACN,qBAA6B,EAC7B,mBAA2B,GAC5B,EAAE,iBAAiB,2CAYnB"}

package/dist/forms/Autocomplete/AutoComplete.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Autocomplete as t } from "react-aria-components";
+//#region src/forms/Autocomplete/AutoComplete.tsx
+function n({ children: n, inputValue: r, onInputChange: i, filter: a, disableAutoFocusFirst: o = !1, disableVirtualFocus: s = !1 }) {
+	return /* @__PURE__ */ e(t, {
+		inputValue: r,
+		onInputChange: i,
+		filter: a,
+		disableAutoFocusFirst: o,
+		disableVirtualFocus: s,
+		children: n
+	});
+}
+//#endregion
+export { n as AutoComplete };

package/dist/forms/Autocomplete/StyledComponents.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Re-export Label and Input from common (shared across all form components)
+ */
+export { Label } from '../common/Label';
+export { Input } from '../Input/Input';
+export { ListBox, ListBoxItem } from '../ListBox';
+/**
+ * Re-export SearchField as-is (already has good defaults from React Aria)
+ */
+export { SearchField } from 'react-aria-components';
+//# sourceMappingURL=StyledComponents.d.ts.map

package/dist/forms/Autocomplete/StyledComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledComponents.d.ts","sourceRoot":"","sources":["../../../src/forms/Autocomplete/StyledComponents.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAElD;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/forms/Autocomplete/StyledComponents.js

@@ -0,0 +1,7 @@
+"use client";
+import "../common/Label.js";
+import "../ListBox/ListBox.js";
+import "../ListBox/index.js";
+import "../Input/Input.js";
+import { SearchField as e } from "react-aria-components";
+export { e as SearchField };

package/dist/forms/Autocomplete/index.d.ts

@@ -0,0 +1,7 @@
+export { AutoComplete } from './AutoComplete';
+export type { AutoCompleteProps } from './AutoComplete';
+export { Label } from '../common/Label';
+export { Input } from '../Input/Input';
+export { ListBox, ListBoxItem } from '../ListBox';
+export { SearchField, TextField } from 'react-aria-components';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/Autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/forms/Autocomplete/index.js

@@ -0,0 +1,7 @@
+import { Label as e } from "../common/Label.js";
+import { ListBox as t, ListBoxItem as n } from "../ListBox/ListBox.js";
+import "../ListBox/index.js";
+import { Input as r } from "../Input/Input.js";
+import { AutoComplete as i } from "./AutoComplete.js";
+import { SearchField as a, TextField as o } from "react-aria-components";
+export { i as AutoComplete, r as Input, e as Label, t as ListBox, n as ListBoxItem, a as SearchField, o as TextField };

package/dist/forms/Input/Checkbox.d.ts

@@ -0,0 +1,32 @@
+import { default as React, FC, InputHTMLAttributes, ReactNode } from 'react';
+export declare const checkboxStyles: {
+    container: string;
+    checkbox: string;
+    label: string;
+    description: string;
+};
+interface CheckboxComponentProps {
+    id: string;
+    className?: string;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    containerClassName?: string;
+}
+interface SubComponentProps {
+    children: ReactNode;
+    className?: string;
+    htmlFor?: string;
+}
+export interface CheckboxProps extends CheckboxComponentProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'children' | 'className'> {
+    testId?: string;
+    children?: ReactNode;
+}
+type CheckboxWithSubComponents = React.ForwardRefExoticComponent<React.PropsWithoutRef<CheckboxProps> & React.RefAttributes<HTMLInputElement>> & {
+    Label: FC<SubComponentProps>;
+    Description: FC<SubComponentProps>;
+};
+export declare const CheckBoxLabel: FC<SubComponentProps>;
+export declare const CheckBoxDescription: FC<SubComponentProps>;
+declare const Checkbox: CheckboxWithSubComponents;
+export { Checkbox };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/forms/Input/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/forms/Input/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,eAAO,MAAM,cAAc;;;;;CAM1B,CAAC;AAEF,UAAU,sBAAsB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aACf,SAAQ,sBAAsB,EAC5B,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,IAAI,GAAG,UAAU,GAAG,WAAW,CAAC;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,yBAAyB,CAC9D,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC7E,GAAG;IACF,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC;IAC7B,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAO/C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,iBAAiB,CAGrD,CAAC;AAEF,QAAA,MAAM,QAAQ,EAsCR,yBAAyB,CAAC;AAMhC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/forms/Input/Checkbox.js

@@ -0,0 +1,34 @@
+import e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/forms/Input/Checkbox.tsx
+var r = {
+	container: "my-2",
+	checkbox: "align-text-bottom w-5 h-5 text-blue-600 bg-gray-100 border-gray-300 focus:ring-primary-500 dark:focus:ring-primary-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600",
+	label: "font-bold ml-2 text-gray-900 dark:text-gray-300",
+	description: "ml-7 mt-2 text-sm"
+}, i = ({ children: e, className: n, htmlFor: i }) => /* @__PURE__ */ t("label", {
+	htmlFor: i,
+	className: n || r.label,
+	children: e
+}), a = ({ children: e, className: n }) => /* @__PURE__ */ t("p", {
+	className: n || r.description,
+	children: e
+}), o = e.forwardRef((a, o) => {
+	let { className: s, containerClassName: c, children: l, id: u, disabled: d, defaultChecked: f, testId: p, ...m } = a, h = s || r.checkbox, g = c || r.container, _ = e.Children.map(l, (t) => e.isValidElement(t) && t.type === i ? e.cloneElement(t, { htmlFor: u }) : t);
+	return /* @__PURE__ */ n("div", {
+		className: g,
+		children: [/* @__PURE__ */ t("input", {
+			type: "checkbox",
+			className: h,
+			ref: o,
+			id: u,
+			disabled: d,
+			defaultChecked: f,
+			"data-testid": p,
+			...m
+		}), _]
+	}, u);
+});
+o.displayName = "Checkbox", o.Label = i, o.Description = a;
+//#endregion
+export { a as CheckBoxDescription, i as CheckBoxLabel, o as Checkbox };

package/dist/forms/Input/Input.d.ts

@@ -0,0 +1,40 @@
+import { Input as AriaInput } from 'react-aria-components';
+import { ComponentProps } from 'react';
+/**
+ * Default input styles for React Aria components
+ * Lighter design suitable for autocomplete, combobox, and similar compact inputs
+ */
+export declare const inputStyles: {
+    default: string;
+};
+/**
+ * Input component - A simple styled input primitive based on React Aria.
+ *
+ * This is a lightweight, composable input element that can be used:
+ * - Standalone with forms
+ * - Within React Aria components (SearchField, TextField, etc.)
+ * - As part of custom form compositions
+ *
+ * For a complete form field with label, description, and errors, use `TextField`.
+ *
+ * @example
+ * ```tsx
+ * // Simple usage
+ * <Input placeholder="Enter your name" />
+ * ```
+ *
+ * @example
+ * // With custom styling
+ * <Input className="w-full px-4 py-3" placeholder="Custom styled" />
+ * ```
+ *
+ * @example
+ * // Within React Aria SearchField
+ * <SearchField>
+ *   <Label>Search</Label>
+ *   <Input placeholder="Type to search..." />
+ * </SearchField>
+ * ```
+ */
+export declare function Input({ className, ...props }: ComponentProps<typeof AriaInput>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/dist/forms/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/forms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAGvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,2CAE9E"}

package/dist/forms/Input/Input.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Input as t } from "react-aria-components";
+//#region src/forms/Input/Input.tsx
+var n = { default: "px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500" };
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ e(t, {
+		className: r ?? n.default,
+		...i
+	});
+}
+//#endregion
+export { r as Input };