@eventuras/ratio-ui 1.0.0

package/dist/forms/NumberField/NumberField.d.ts

@@ -0,0 +1,20 @@
+import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
+export type NumberFieldVariant = 'separated' | 'segmented';
+export type NumberFieldSize = 'sm' | 'md' | 'lg';
+export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'children' | 'className'> {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    variant?: NumberFieldVariant;
+    size?: NumberFieldSize;
+    className?: string;
+    testId?: string;
+}
+/**
+ * NumberField wrapper built on React Aria Components.
+ *
+ * API is aligned with React Aria's NumberField where possible (e.g. `minValue`, `maxValue`, `step`,
+ * `formatOptions`, `value`/`defaultValue`, `onChange`, `decrementAriaLabel`, `incrementAriaLabel`).
+ */
+export declare function NumberField({ label, description, errorMessage, variant, size, className, testId, ...props }: Readonly<NumberFieldProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NumberField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/forms/NumberField/NumberField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAOL,KAAK,gBAAgB,IAAI,oBAAoB,EAE9C,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,WAAW,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,WAAW,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4ED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAAqB,EACrB,IAAW,EACX,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAiE5B"}

package/dist/forms/NumberField/NumberField.js

@@ -0,0 +1,126 @@
+import { Minus as e, Plus as t } from "../../icons/index.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "clsx";
+import { Button as a, FieldError as o, Group as s, Input as c, Label as l, NumberField as u, Text as d } from "react-aria-components";
+//#region src/forms/NumberField/NumberField.tsx
+var f = {
+	wrapper: "flex flex-col gap-1",
+	label: "text-sm font-medium text-gray-900 dark:text-gray-100 cursor-default",
+	description: "text-sm text-gray-600 dark:text-gray-400",
+	error: "text-sm text-red-600 dark:text-red-400",
+	separatedGroup: "flex items-center gap-2",
+	separatedButton: [
+		"flex items-center justify-center",
+		"rounded-md",
+		"border border-gray-300 dark:border-gray-600",
+		"text-gray-700 dark:text-gray-300",
+		"hover:bg-gray-50 dark:hover:bg-gray-700",
+		"focus:outline-none focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400",
+		"disabled:opacity-50 disabled:cursor-not-allowed",
+		"transition-colors"
+	].join(" "),
+	separatedInput: [
+		"box-border w-16 text-center",
+		"rounded-md",
+		"border border-gray-300 dark:border-gray-600",
+		"text-gray-900 dark:text-gray-100",
+		"focus:outline-none focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400",
+		"disabled:opacity-50 disabled:cursor-not-allowed"
+	].join(" "),
+	segmentedGroup: [
+		"inline-flex items-stretch",
+		"overflow-hidden rounded-lg",
+		"border border-gray-300 dark:border-gray-600"
+	].join(" "),
+	segmentedButton: [
+		"flex items-center justify-center",
+		"bg-transparent",
+		"text-gray-700 dark:text-gray-300",
+		"hover:bg-gray-100 dark:hover:bg-gray-800",
+		"focus:outline-none focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400",
+		"disabled:opacity-50 disabled:cursor-not-allowed",
+		"transition-colors"
+	].join(" "),
+	segmentedInput: [
+		"box-border w-16 text-center",
+		"border-x border-gray-300 dark:border-gray-600",
+		"text-gray-900 dark:text-gray-100",
+		"font-semibold",
+		"focus:outline-none"
+	].join(" ")
+}, p = {
+	sm: {
+		separatedButton: "h-8 w-8",
+		separatedInput: "h-8 text-sm",
+		segmentedButton: "h-8 w-10",
+		segmentedInput: "h-8 w-12 text-sm",
+		icon: "h-4 w-4"
+	},
+	md: {
+		separatedButton: "h-9 w-9",
+		separatedInput: "h-9 text-sm",
+		segmentedButton: "h-9 w-11",
+		segmentedInput: "h-9 w-14 text-sm",
+		icon: "h-5 w-5"
+	},
+	lg: {
+		separatedButton: "h-10 w-10",
+		separatedInput: "h-10 text-base",
+		segmentedButton: "h-10 w-12",
+		segmentedInput: "h-10 w-16 text-base",
+		icon: "h-5 w-5"
+	}
+};
+function m({ label: m, description: h, errorMessage: g, variant: _ = "separated", size: v = "sm", className: y, testId: b, ...x }) {
+	let S = _ === "segmented" ? f.segmentedGroup : f.separatedGroup, C = _ === "segmented" ? f.segmentedButton : f.separatedButton, w = _ === "segmented" ? f.segmentedInput : f.separatedInput;
+	return /* @__PURE__ */ r(u, {
+		...x,
+		className: i(f.wrapper, y),
+		"data-testid": b,
+		children: [
+			m && /* @__PURE__ */ n(l, {
+				className: f.label,
+				children: m
+			}),
+			/* @__PURE__ */ r(s, {
+				className: S,
+				children: [
+					/* @__PURE__ */ n(a, {
+						slot: "decrement",
+						className: i(C, _ === "segmented" ? p[v].segmentedButton : p[v].separatedButton),
+						"data-testid": b ? `${b}-decrement` : void 0,
+						children: /* @__PURE__ */ n(e, {
+							className: p[v].icon,
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ n(c, {
+						className: i(w, _ === "segmented" ? p[v].segmentedInput : p[v].separatedInput),
+						"data-testid": b ? `${b}-input` : void 0
+					}),
+					/* @__PURE__ */ n(a, {
+						slot: "increment",
+						className: i(C, _ === "segmented" ? p[v].segmentedButton : p[v].separatedButton),
+						"data-testid": b ? `${b}-increment` : void 0,
+						children: /* @__PURE__ */ n(t, {
+							className: p[v].icon,
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}),
+			h && /* @__PURE__ */ n(d, {
+				slot: "description",
+				className: f.description,
+				children: h
+			}),
+			g && /* @__PURE__ */ n(o, {
+				className: f.error,
+				children: g
+			})
+		]
+	});
+}
+//#endregion
+export { m as NumberField };

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

@@ -0,0 +1,3 @@
+export { NumberField } from './NumberField';
+export type { NumberFieldProps, NumberFieldSize, NumberFieldVariant } from './NumberField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/forms/NumberField/index.js

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

package/dist/forms/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,44 @@
+export interface RadioOption<T extends string = string> {
+    value: T;
+    label: string;
+    description?: string;
+    price?: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps<T extends string = string> {
+    /** Unique name for the radio group */
+    name: string;
+    /** Currently selected value */
+    value: T;
+    /** Callback when selection changes */
+    onChange: (value: T) => void;
+    /** Array of radio options */
+    options: RadioOption<T>[];
+    /** Optional label for the group */
+    label?: string;
+    /** Optional error message */
+    error?: string;
+    /** Custom class name */
+    className?: string;
+    /** Disable all options */
+    disabled?: boolean;
+}
+/**
+ * RadioGroup component for selecting a single option from a list
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup
+ *   name="shipping"
+ *   value={selectedShipping}
+ *   onChange={setSelectedShipping}
+ *   options={[
+ *     { value: 'standard', label: 'Standard Shipping', price: '59 kr' },
+ *     { value: 'express', label: 'Express Shipping', price: '99 kr' },
+ *     { value: 'pickup', label: 'Store Pickup', price: 'Free' },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function RadioGroup<T extends string = string>({ name, value, onChange, options, label, error, className, disabled, }: Readonly<RadioGroupProps<T>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACpD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,EAAE,CAAC,CAAC;IACT,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,6BAA6B;IAC7B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACpD,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAc,EACd,QAAgB,GACjB,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,2CA4E9B"}

package/dist/forms/RadioGroup/RadioGroup.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/forms/RadioGroup/RadioGroup.tsx
+function n({ name: n, value: r, onChange: i, options: a, label: o, error: s, className: c = "", disabled: l = !1 }) {
+	return /* @__PURE__ */ t("div", {
+		className: c,
+		children: [
+			o && /* @__PURE__ */ e("label", {
+				className: "block text-sm font-medium text-gray-900 dark:text-white mb-3",
+				children: o
+			}),
+			/* @__PURE__ */ e("div", {
+				className: "space-y-3",
+				children: a.map((a) => {
+					let o = r === a.value, s = l || a.disabled;
+					return /* @__PURE__ */ t("label", {
+						className: `flex items-center justify-between p-4 rounded-lg border-2 cursor-pointer transition-colors ${o ? "border-blue-600 bg-blue-600 text-white dark:border-blue-500 dark:bg-blue-500" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800"} ${s ? "opacity-50 cursor-not-allowed" : ""}`,
+						children: [/* @__PURE__ */ t("div", {
+							className: "flex-1 flex items-start gap-3",
+							children: [/* @__PURE__ */ e("input", {
+								type: "radio",
+								name: n,
+								value: a.value,
+								checked: o,
+								onChange: (e) => !s && i(e.target.value),
+								disabled: s,
+								className: "mt-0.5 h-4 w-4 text-blue-600 focus:ring-2 focus:ring-blue-500"
+							}), /* @__PURE__ */ t("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ e("span", {
+									className: `block text-sm font-medium ${o ? "text-white" : "text-gray-900 dark:text-white"}`,
+									children: a.label
+								}), a.description && /* @__PURE__ */ e("span", {
+									className: `block text-xs mt-1 ${o ? "text-blue-100 dark:text-blue-100" : "text-gray-500 dark:text-gray-400"}`,
+									children: a.description
+								})]
+							})]
+						}), a.price && /* @__PURE__ */ e("span", {
+							className: `text-sm font-semibold ml-3 ${o ? "text-white" : "text-gray-900 dark:text-white"}`,
+							children: a.price
+						})]
+					}, a.value);
+				})
+			}),
+			s && /* @__PURE__ */ e("p", {
+				className: "mt-2 text-sm text-red-600 dark:text-red-400",
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { n as RadioGroup };

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

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

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

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

package/dist/forms/RadioGroup/index.js

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

package/dist/forms/SearchField/SearchField.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+export interface SearchFieldProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    placeholder?: string;
+    'aria-label'?: string;
+    className?: string;
+    isDisabled?: boolean;
+    /** Debounce delay in milliseconds. Default: 300ms */
+    debounce?: number;
+}
+/**
+ * SearchField component - A search input with clear button and proper semantics.
+ *
+ * Built on React Aria's SearchField for accessibility and UX best practices.
+ * Includes automatic debouncing (300ms default) and a clear button.
+ *
+ * @example
+ * ```tsx
+ * <SearchField
+ *   value={searchQuery}
+ *   onChange={setSearchQuery}
+ *   placeholder="Search..."
+ *   aria-label="Search products"
+ *   debounce={500}
+ * />
+ * ```
+ */
+export declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SearchField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../src/forms/SearchField/SearchField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,yFAsDvB,CAAC"}

package/dist/forms/SearchField/SearchField.js

@@ -0,0 +1,39 @@
+"use client";
+import { Search as e } from "../../icons/index.js";
+import { formStyles as t } from "../styles/formStyles.js";
+import n, { useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Input as s, SearchField as c } from "react-aria-components";
+//#region src/forms/SearchField/SearchField.tsx
+var l = n.forwardRef(({ value: n = "", onChange: l, onSubmit: u, placeholder: d = "Search...", "aria-label": f, className: p, isDisabled: m, debounce: h = 300 }, g) => {
+	let [_, v] = i(n);
+	return r(() => {
+		v(n);
+	}, [n]), r(() => {
+		let e = setTimeout(() => {
+			l && _ !== n && l(_);
+		}, h);
+		return () => clearTimeout(e);
+	}, [_, h]), /* @__PURE__ */ a(c, {
+		value: _,
+		onChange: v,
+		onSubmit: u,
+		isDisabled: m,
+		"aria-label": f,
+		className: p,
+		ref: g,
+		children: /* @__PURE__ */ o("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ a("div", {
+				className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 pointer-events-none",
+				children: /* @__PURE__ */ a(e, { className: "w-5 h-5" })
+			}), /* @__PURE__ */ a(s, {
+				placeholder: d,
+				className: `${t.defaultInputStyle} pl-10`
+			})]
+		})
+	});
+});
+l.displayName = "SearchField";
+//#endregion
+export { l as SearchField };

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

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

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

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

package/dist/forms/SearchField/index.js

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

package/dist/forms/Select/Select.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    label?: string;
+    placeholder?: string;
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    onSelectionChange?: (value: string) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    onFocus?: (e: React.FocusEvent) => void;
+    onFocusChange?: (isFocused: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    testId?: string;
+}
+/**
+ * Select component built on React Aria Components
+ *
+ * A dropdown select component with keyboard navigation and accessibility features.
+ *
+ * @example
+ * ```tsx
+ * <Select
+ *   label="Choose a fruit"
+ *   placeholder="Select..."
+ *   options={[
+ *     { value: 'apple', label: 'Apple' },
+ *     { value: 'banana', label: 'Banana' },
+ *     { value: 'orange', label: 'Orange' },
+ *   ]}
+ *   onSelectionChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+export declare const Select: React.FC<SelectProps>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/forms/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8CD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqExC,CAAC"}

package/dist/forms/Select/Select.js

@@ -0,0 +1,101 @@
+import { ChevronDown as e } from "../../icons/index.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Button as r, Label as i, ListBox as a, ListBoxItem as o, Popover as s, Select as c, SelectValue as l } from "react-aria-components";
+//#region src/forms/Select/Select.tsx
+var u = {
+	wrapper: "flex flex-col gap-1 w-full",
+	label: "text-sm font-medium text-gray-900 dark:text-gray-100 cursor-default",
+	button: {
+		base: [
+			"w-full flex items-center justify-between gap-2",
+			"px-2 py-1 rounded-lg",
+			"bg-white dark:bg-gray-800",
+			"border border-gray-300 dark:border-gray-600",
+			"text-gray-900 dark:text-gray-100",
+			"hover:border-primary-500 dark:hover:border-primary-400",
+			"focus:outline-none focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400",
+			"disabled:opacity-50 disabled:cursor-not-allowed",
+			"transition-colors"
+		].join(" "),
+		icon: "h-4 w-4 text-gray-500 dark:text-gray-400"
+	},
+	value: "flex-1 truncate text-left placeholder-shown:italic text-gray-900 dark:text-gray-100",
+	placeholder: "text-gray-500 dark:text-gray-400",
+	popover: [
+		"w-[--trigger-width]",
+		"mt-1 rounded-lg",
+		"bg-white dark:bg-gray-800",
+		"border border-gray-300 dark:border-gray-600",
+		"shadow-lg",
+		"overflow-hidden"
+	].join(" "),
+	listBox: "max-h-60 overflow-auto p-1",
+	item: {
+		base: [
+			"flex items-center gap-2",
+			"px-2 py-1.5 rounded-md",
+			"cursor-pointer select-none",
+			"text-gray-900 dark:text-gray-100",
+			"outline-none",
+			"transition-colors"
+		].join(" "),
+		hover: "hover:bg-gray-100 dark:hover:bg-gray-700",
+		focused: "bg-gray-100 dark:bg-gray-700",
+		selected: "bg-primary-100 dark:bg-primary-500/50 font-medium",
+		disabled: "opacity-50 cursor-not-allowed"
+	}
+}, d = ({ label: d, placeholder: f = "Select...", options: p, value: m, defaultValue: h, onSelectionChange: g, onBlur: _, onFocus: v, onFocusChange: y, disabled: b, required: x, className: S, "aria-label": C, "aria-labelledby": w, testId: T }) => /* @__PURE__ */ n(c, {
+	className: S || u.wrapper,
+	value: m,
+	defaultValue: h,
+	onChange: (e) => g?.(e),
+	onBlur: _,
+	onFocus: v,
+	onFocusChange: y,
+	isDisabled: b,
+	isRequired: x,
+	"aria-label": C,
+	"aria-labelledby": w,
+	children: [
+		d && /* @__PURE__ */ t(i, {
+			className: u.label,
+			children: d
+		}),
+		/* @__PURE__ */ n(r, {
+			className: u.button.base,
+			"data-testid": T,
+			children: [/* @__PURE__ */ t(l, {
+				className: u.value,
+				children: ({ selectedText: e }) => /* @__PURE__ */ t("span", {
+					className: e ? "" : u.placeholder,
+					children: e || f
+				})
+			}), /* @__PURE__ */ t(e, {
+				className: u.button.icon,
+				"aria-hidden": "true"
+			})]
+		}),
+		/* @__PURE__ */ t(s, {
+			className: u.popover,
+			children: /* @__PURE__ */ t(a, {
+				className: u.listBox,
+				children: p.map((e) => /* @__PURE__ */ t(o, {
+					id: e.value,
+					textValue: e.label,
+					isDisabled: e.disabled,
+					className: ({ isFocused: e, isSelected: t, isDisabled: n }) => [
+						u.item.base,
+						!n && u.item.hover,
+						e && u.item.focused,
+						t && u.item.selected,
+						n && u.item.disabled
+					].filter(Boolean).join(" "),
+					children: e.label
+				}, e.value))
+			})
+		})
+	]
+});
+//#endregion
+export { d as Select };

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

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

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

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

package/dist/forms/Select/index.js

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

package/dist/forms/common/Fieldset.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ReactNode } from 'react';
+interface FieldsetProps {
+    label?: string;
+    className?: string;
+    legendClassName?: string;
+    children: ReactNode;
+    disabled?: boolean;
+}
+export declare const styles: {
+    fieldsetClassName: string;
+    legendClassName: string;
+};
+export declare const Fieldset: React.FC<FieldsetProps>;
+export {};
+//# sourceMappingURL=Fieldset.d.ts.map

package/dist/forms/common/Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/forms/common/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAO5C,CAAC"}

package/dist/forms/common/Fieldset.js

@@ -0,0 +1,16 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/forms/common/Fieldset.tsx
+var n = {
+	fieldsetClassName: "text-lg pt-3 pb-6",
+	legendClassName: "text-lg border-b-2 pt-4 pb-2"
+}, r = (r) => /* @__PURE__ */ t("fieldset", {
+	disabled: r.disabled,
+	className: r.className ?? n.fieldsetClassName,
+	children: [r.label && /* @__PURE__ */ e("legend", {
+		className: r.legendClassName ?? n.legendClassName,
+		children: r.label
+	}), r.children]
+});
+//#endregion
+export { r as Fieldset };

package/dist/forms/common/Form.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+interface FormProps {
+    action?: any;
+    children: ReactNode;
+    onSubmit?: (data: any) => void;
+    className?: string;
+    testId?: string;
+}
+export declare const Form: FC<FormProps>;
+export {};
+//# sourceMappingURL=Form.d.ts.map

package/dist/forms/common/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/forms/common/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,SAAS;IACjB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAY9B,CAAC"}

package/dist/forms/common/Form.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/forms/common/Form.tsx
+var t = "pt-6 pb-8 mb-4", n = (n) => /* @__PURE__ */ e("form", {
+	action: n.action,
+	onSubmit: n.onSubmit,
+	className: n.className ?? t,
+	"data-testid": n.testId,
+	children: n.children
+});
+//#endregion
+export { n as Form };

package/dist/forms/common/InputDescription.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+type LabelProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+/**
+ * Renders a description element with optional custom styling.
+ *
+ * Designed to be used in conjunction with input elements, it provides an accessible
+ * and stylized way to label forms. If no children are provided, the component renders
+ * `null` to avoid rendering an empty label element.
+ *
+ * @param {LabelProps} props - The properties passed to the label component.
+ * @returns {React.ReactElement | null} The Label component or null if no children are provided.
+ */
+declare const InputDescription: React.FC<LabelProps>;
+export { InputDescription };
+//# sourceMappingURL=InputDescription.d.ts.map

package/dist/forms/common/InputDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDescription.d.ts","sourceRoot":"","sources":["../../../src/forms/common/InputDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAQ1C,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/forms/common/InputDescription.js

@@ -0,0 +1,9 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/forms/common/InputDescription.tsx
+var t = { description: "block mb-2" }, n = ({ children: n, className: r }) => n ? /* @__PURE__ */ e("p", {
+	className: r ?? t.description,
+	children: n
+}) : null;
+//#endregion
+export { n as InputDescription };

package/dist/forms/common/InputError.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type ErrorProps = {
+    errors?: {
+        [key: string]: {
+            message: string;
+        } | undefined;
+    };
+    name: string;
+    className?: string;
+};
+declare const InputError: React.FC<ErrorProps>;
+export { InputError };
+//# sourceMappingURL=InputError.d.ts.map

package/dist/forms/common/InputError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputError.d.ts","sourceRoot":"","sources":["../../../src/forms/common/InputError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,UAAU,GAAG;IAChB,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUpC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}