@eventuras/ratio-ui 1.0.0

package/dist/forms/Input/PhoneInputCountryCodes.js

@@ -0,0 +1,575 @@
+//#region src/forms/Input/PhoneInputCountryCodes.ts
+var e = [
+	{
+		name: "Afghanistan",
+		code: "+93",
+		flag: "🇦🇫"
+	},
+	{
+		name: "Albania",
+		code: "+355",
+		flag: "🇦🇱"
+	},
+	{
+		name: "Algeria",
+		code: "+213",
+		flag: "🇩🇿"
+	},
+	{
+		name: "Andorra",
+		code: "+376",
+		flag: "🇦🇩"
+	},
+	{
+		name: "Angola",
+		code: "+244",
+		flag: "🇦🇴"
+	},
+	{
+		name: "Argentina",
+		code: "+54",
+		flag: "🇦🇷"
+	},
+	{
+		name: "Armenia",
+		code: "+374",
+		flag: "🇦🇲"
+	},
+	{
+		name: "Australia",
+		code: "+61",
+		flag: "🇦🇺"
+	},
+	{
+		name: "Austria",
+		code: "+43",
+		flag: "🇦🇹"
+	},
+	{
+		name: "Azerbaijan",
+		code: "+994",
+		flag: "🇦🇿"
+	},
+	{
+		name: "Bahamas",
+		code: "+1-242",
+		flag: "🇧🇸"
+	},
+	{
+		name: "Bahrain",
+		code: "+973",
+		flag: "🇧🇭"
+	},
+	{
+		name: "Bangladesh",
+		code: "+880",
+		flag: "🇧🇩"
+	},
+	{
+		name: "Belarus",
+		code: "+375",
+		flag: "🇧🇾"
+	},
+	{
+		name: "Belgium",
+		code: "+32",
+		flag: "🇧🇪"
+	},
+	{
+		name: "Belize",
+		code: "+501",
+		flag: "🇧🇿"
+	},
+	{
+		name: "Benin",
+		code: "+229",
+		flag: "🇧🇯"
+	},
+	{
+		name: "Bhutan",
+		code: "+975",
+		flag: "🇧🇹"
+	},
+	{
+		name: "Bolivia",
+		code: "+591",
+		flag: "🇧🇴"
+	},
+	{
+		name: "Bosnia and Herzegovina",
+		code: "+387",
+		flag: "🇧🇦"
+	},
+	{
+		name: "Botswana",
+		code: "+267",
+		flag: "🇧🇼"
+	},
+	{
+		name: "Brazil",
+		code: "+55",
+		flag: "🇧🇷"
+	},
+	{
+		name: "Brunei",
+		code: "+673",
+		flag: "🇧🇳"
+	},
+	{
+		name: "Bulgaria",
+		code: "+359",
+		flag: "🇧🇬"
+	},
+	{
+		name: "Burkina Faso",
+		code: "+226",
+		flag: "🇧🇫"
+	},
+	{
+		name: "Burundi",
+		code: "+257",
+		flag: "🇧🇮"
+	},
+	{
+		name: "Cambodia",
+		code: "+855",
+		flag: "🇰🇭"
+	},
+	{
+		name: "Cameroon",
+		code: "+237",
+		flag: "🇨🇲"
+	},
+	{
+		name: "Canada",
+		code: "+1",
+		flag: "🇨🇦"
+	},
+	{
+		name: "Cape Verde",
+		code: "+238",
+		flag: "🇨🇻"
+	},
+	{
+		name: "Chile",
+		code: "+56",
+		flag: "🇨🇱"
+	},
+	{
+		name: "China",
+		code: "+86",
+		flag: "🇨🇳"
+	},
+	{
+		name: "Colombia",
+		code: "+57",
+		flag: "🇨🇴"
+	},
+	{
+		name: "Congo (DRC)",
+		code: "+243",
+		flag: "🇨🇩"
+	},
+	{
+		name: "Congo (Republic)",
+		code: "+242",
+		flag: "🇨🇬"
+	},
+	{
+		name: "Costa Rica",
+		code: "+506",
+		flag: "🇨🇷"
+	},
+	{
+		name: "Croatia",
+		code: "+385",
+		flag: "🇭🇷"
+	},
+	{
+		name: "Cuba",
+		code: "+53",
+		flag: "🇨🇺"
+	},
+	{
+		name: "Cyprus",
+		code: "+357",
+		flag: "🇨🇾"
+	},
+	{
+		name: "Czech Republic",
+		code: "+420",
+		flag: "🇨🇿"
+	},
+	{
+		name: "Denmark",
+		code: "+45",
+		flag: "🇩🇰"
+	},
+	{
+		name: "Djibouti",
+		code: "+253",
+		flag: "🇩🇯"
+	},
+	{
+		name: "Dominican Republic",
+		code: "+1-809",
+		flag: "🇩🇴"
+	},
+	{
+		name: "Ecuador",
+		code: "+593",
+		flag: "🇪🇨"
+	},
+	{
+		name: "Egypt",
+		code: "+20",
+		flag: "🇪🇬"
+	},
+	{
+		name: "El Salvador",
+		code: "+503",
+		flag: "🇸🇻"
+	},
+	{
+		name: "Estonia",
+		code: "+372",
+		flag: "🇪🇪"
+	},
+	{
+		name: "Ethiopia",
+		code: "+251",
+		flag: "🇪🇹"
+	},
+	{
+		name: "Finland",
+		code: "+358",
+		flag: "🇫🇮"
+	},
+	{
+		name: "France",
+		code: "+33",
+		flag: "🇫🇷"
+	},
+	{
+		name: "Germany",
+		code: "+49",
+		flag: "🇩🇪"
+	},
+	{
+		name: "Greece",
+		code: "+30",
+		flag: "🇬🇷"
+	},
+	{
+		name: "Greenland",
+		code: "+299",
+		flag: "🇬🇱"
+	},
+	{
+		name: "Guatemala",
+		code: "+502",
+		flag: "🇬🇹"
+	},
+	{
+		name: "Honduras",
+		code: "+504",
+		flag: "🇭🇳"
+	},
+	{
+		name: "Hong Kong",
+		code: "+852",
+		flag: "🇭🇰"
+	},
+	{
+		name: "Hungary",
+		code: "+36",
+		flag: "🇭🇺"
+	},
+	{
+		name: "Iceland",
+		code: "+354",
+		flag: "🇮🇸"
+	},
+	{
+		name: "India",
+		code: "+91",
+		flag: "🇮🇳"
+	},
+	{
+		name: "Indonesia",
+		code: "+62",
+		flag: "🇮🇩"
+	},
+	{
+		name: "Iran",
+		code: "+98",
+		flag: "🇮🇷"
+	},
+	{
+		name: "Iraq",
+		code: "+964",
+		flag: "🇮🇶"
+	},
+	{
+		name: "Ireland",
+		code: "+353",
+		flag: "🇮🇪"
+	},
+	{
+		name: "Israel",
+		code: "+972",
+		flag: "🇮🇱"
+	},
+	{
+		name: "Italy",
+		code: "+39",
+		flag: "🇮🇹"
+	},
+	{
+		name: "Jamaica",
+		code: "+1-876",
+		flag: "🇯🇲"
+	},
+	{
+		name: "Japan",
+		code: "+81",
+		flag: "🇯🇵"
+	},
+	{
+		name: "Jordan",
+		code: "+962",
+		flag: "🇯🇴"
+	},
+	{
+		name: "Kenya",
+		code: "+254",
+		flag: "🇰🇪"
+	},
+	{
+		name: "Kuwait",
+		code: "+965",
+		flag: "🇰🇼"
+	},
+	{
+		name: "Latvia",
+		code: "+371",
+		flag: "🇱🇻"
+	},
+	{
+		name: "Lebanon",
+		code: "+961",
+		flag: "🇱🇧"
+	},
+	{
+		name: "Lithuania",
+		code: "+370",
+		flag: "🇱🇹"
+	},
+	{
+		name: "Luxembourg",
+		code: "+352",
+		flag: "🇱🇺"
+	},
+	{
+		name: "Malaysia",
+		code: "+60",
+		flag: "🇲🇾"
+	},
+	{
+		name: "Malta",
+		code: "+356",
+		flag: "🇲🇹"
+	},
+	{
+		name: "Mexico",
+		code: "+52",
+		flag: "🇲🇽"
+	},
+	{
+		name: "Monaco",
+		code: "+377",
+		flag: "🇲🇨"
+	},
+	{
+		name: "Morocco",
+		code: "+212",
+		flag: "🇲🇦"
+	},
+	{
+		name: "Nepal",
+		code: "+977",
+		flag: "🇳🇵"
+	},
+	{
+		name: "Netherlands",
+		code: "+31",
+		flag: "🇳🇱"
+	},
+	{
+		name: "New Zealand",
+		code: "+64",
+		flag: "🇳🇿"
+	},
+	{
+		name: "Nigeria",
+		code: "+234",
+		flag: "🇳🇬"
+	},
+	{
+		name: "North Macedonia",
+		code: "+389",
+		flag: "🇲🇰"
+	},
+	{
+		name: "Norway",
+		code: "+47",
+		flag: "🇳🇴"
+	},
+	{
+		name: "Pakistan",
+		code: "+92",
+		flag: "🇵🇰"
+	},
+	{
+		name: "Panama",
+		code: "+507",
+		flag: "🇵🇦"
+	},
+	{
+		name: "Peru",
+		code: "+51",
+		flag: "🇵🇪"
+	},
+	{
+		name: "Philippines",
+		code: "+63",
+		flag: "🇵🇭"
+	},
+	{
+		name: "Poland",
+		code: "+48",
+		flag: "🇵🇱"
+	},
+	{
+		name: "Portugal",
+		code: "+351",
+		flag: "🇵🇹"
+	},
+	{
+		name: "Qatar",
+		code: "+974",
+		flag: "🇶🇦"
+	},
+	{
+		name: "Romania",
+		code: "+40",
+		flag: "🇷🇴"
+	},
+	{
+		name: "Russia",
+		code: "+7",
+		flag: "🇷🇺"
+	},
+	{
+		name: "Saudi Arabia",
+		code: "+966",
+		flag: "🇸🇦"
+	},
+	{
+		name: "Serbia",
+		code: "+381",
+		flag: "🇷🇸"
+	},
+	{
+		name: "Singapore",
+		code: "+65",
+		flag: "🇸🇬"
+	},
+	{
+		name: "Slovakia",
+		code: "+421",
+		flag: "🇸🇰"
+	},
+	{
+		name: "Slovenia",
+		code: "+386",
+		flag: "🇸🇮"
+	},
+	{
+		name: "South Africa",
+		code: "+27",
+		flag: "🇿🇦"
+	},
+	{
+		name: "South Korea",
+		code: "+82",
+		flag: "🇰🇷"
+	},
+	{
+		name: "Spain",
+		code: "+34",
+		flag: "🇪🇸"
+	},
+	{
+		name: "Sri Lanka",
+		code: "+94",
+		flag: "🇱🇰"
+	},
+	{
+		name: "Sweden",
+		code: "+46",
+		flag: "🇸🇪"
+	},
+	{
+		name: "Switzerland",
+		code: "+41",
+		flag: "🇨🇭"
+	},
+	{
+		name: "Thailand",
+		code: "+66",
+		flag: "🇹🇭"
+	},
+	{
+		name: "Turkey",
+		code: "+90",
+		flag: "🇹🇷"
+	},
+	{
+		name: "Ukraine",
+		code: "+380",
+		flag: "🇺🇦"
+	},
+	{
+		name: "United Arab Emirates",
+		code: "+971",
+		flag: "🇦🇪"
+	},
+	{
+		name: "United Kingdom",
+		code: "+44",
+		flag: "🇬🇧"
+	},
+	{
+		name: "United States",
+		code: "+1",
+		flag: "🇺🇸"
+	},
+	{
+		name: "Uruguay",
+		code: "+598",
+		flag: "🇺🇾"
+	},
+	{
+		name: "Vietnam",
+		code: "+84",
+		flag: "🇻🇳"
+	},
+	{
+		name: "Zimbabwe",
+		code: "+263",
+		flag: "🇿🇼"
+	}
+];
+//#endregion
+export { e as COUNTRY_CODES };

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

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { InputFieldProps } from './InputProps';
+interface ExtendedInputProps extends InputFieldProps {
+    multiline?: boolean;
+    rows?: number;
+    cols?: number;
+}
+/**
+ * TextField component - A complete form field with label, input, description, and error.
+ *
+ * This is a composite component that includes:
+ * - Label (optional)
+ * - Input Description (optional)
+ * - Input or Textarea element
+ * - Error messages (optional)
+ *
+ * For a simpler, composable input element, see the `Input` component.
+ *
+ * @example
+ * ```tsx
+ * <TextField
+ *   name="email"
+ *   type="email"
+ *   label="Email Address"
+ *   placeholder="Enter your email"
+ *   description="We'll never share your email"
+ *   errors={formErrors}
+ * />
+ * ```
+ */
+export declare const TextField: React.ForwardRefExoticComponent<Omit<ExtendedInputProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/forms/Input/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAM/C,UAAU,kBAAmB,SAAQ,eAAe;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AASD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS,qGAqFrB,CAAC"}

package/dist/forms/Input/TextField.js

@@ -0,0 +1,49 @@
+import { formStyles as e } from "../styles/formStyles.js";
+import { Label as t } from "../common/Label.js";
+import { InputError as n } from "../common/InputError.js";
+import { InputDescription as r } from "../common/InputDescription.js";
+import { forwardRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/forms/Input/TextField.tsx
+var c = i(({ name: i, type: c = "text", placeholder: l, label: u, description: d, className: f, errors: p, disabled: m, multiline: h = !1, rows: g, cols: _, noMargin: v = !1, noWrapper: y = !1, testId: b, ...x }, S) => {
+	let C = p?.[i], w = `${f ?? e.defaultInputStyle} ${C ? e.inputErrorGlow : ""} ${m ? "cursor-not-allowed" : ""}`;
+	h && (w = `${w} ${e.textarea}`);
+	let T = x.id ?? i, E = (e) => {
+		typeof S == "function" ? S(e) : S && "current" in S && (S.current = e);
+	}, D = {
+		id: T,
+		className: w,
+		placeholder: l,
+		disabled: m,
+		"aria-invalid": C ? !0 : void 0,
+		"data-testid": b,
+		name: i,
+		...x
+	}, O = h ? /* @__PURE__ */ o("textarea", {
+		ref: E,
+		rows: g ?? 3,
+		...D
+	}) : /* @__PURE__ */ o("input", {
+		ref: E,
+		type: c,
+		...D
+	}), k = /* @__PURE__ */ s(a, { children: [
+		u && /* @__PURE__ */ o(t, {
+			htmlFor: T,
+			children: u
+		}),
+		d && /* @__PURE__ */ o(r, { children: d }),
+		O,
+		C && /* @__PURE__ */ o(n, {
+			errors: p,
+			name: i
+		})
+	] });
+	return y ? k : /* @__PURE__ */ o("div", {
+		className: e.inputWrapper,
+		children: k
+	});
+});
+c.displayName = "TextField";
+//#endregion
+export { c as TextField };

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

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

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

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

package/dist/forms/Input/index.js

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

package/dist/forms/ListBox/ListBox.d.ts

@@ -0,0 +1,13 @@
+import { ListBox as AriaListBox, ListBoxItem as AriaListBoxItem } from 'react-aria-components';
+import { ComponentProps } from 'react';
+export type ListBoxProps = ComponentProps<typeof AriaListBox>;
+export type ListBoxItemProps = ComponentProps<typeof AriaListBoxItem>;
+/**
+ * ListBox with ratio-ui defaults
+ */
+export declare function ListBox({ className, ...props }: ListBoxProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * ListBoxItem with ratio-ui defaults
+ */
+export declare function ListBoxItem({ className, ...props }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../../../src/forms/ListBox/ListBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC/F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEtE;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAU5D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAUpE"}

package/dist/forms/ListBox/ListBox.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { ListBox as t, ListBoxItem as n } from "react-aria-components";
+//#region src/forms/ListBox/ListBox.tsx
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ e(t, {
+		className: n ?? "mt-1 p-1 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md shadow-lg max-h-60 overflow-auto",
+		...r
+	});
+}
+function i({ className: t, ...r }) {
+	return /* @__PURE__ */ e(n, {
+		className: t ?? "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",
+		...r
+	});
+}
+//#endregion
+export { r as ListBox, i as ListBoxItem };

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

@@ -0,0 +1,3 @@
+export { ListBox, ListBoxItem } from './ListBox';
+export type { ListBoxProps, ListBoxItemProps } from './ListBox';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/forms/ListBox/index.js

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