@eventuras/ratio-ui 1.0.0

package/dist/forms/common/InputError.js

@@ -0,0 +1,14 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/forms/common/InputError.tsx
+var t = ({ errors: t, name: n, className: r = "text-red-500" }) => {
+	let i = t?.[n]?.message;
+	return i ? /* @__PURE__ */ e("label", {
+		htmlFor: n,
+		role: "alert",
+		className: r,
+		children: i
+	}) : null;
+};
+//#endregion
+export { t as InputError };

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

@@ -0,0 +1,41 @@
+import { Label as AriaLabel } from 'react-aria-components';
+import { ComponentProps } from 'react';
+/**
+ * Label component with ratio-ui default styling.
+ *
+ * Built on React Aria's Label component for proper accessibility.
+ * Uses the standard ratio-ui label style: 'block font-bold mb-2'.
+ *
+ * If no children are provided, returns null to avoid rendering an empty label.
+ *
+ * Can be used standalone with htmlFor, or as part of React Aria form field components
+ * where it automatically associates with the input via context.
+ *
+ * @example
+ * // With React Aria components (automatic association)
+ * ```tsx
+ * <TextField>
+ *   <Label>Email Address</Label>
+ *   <Input />
+ * </TextField>
+ * ```
+ *
+ * @example
+ * // Standalone with htmlFor
+ * ```tsx
+ * <Label htmlFor="email">Email Address</Label>
+ * <input id="email" type="email" />
+ * ```
+ *
+ * @example
+ * // Custom styling
+ * ```tsx
+ * <Label className="text-lg text-blue-600">Custom Label</Label>
+ * ```
+ */
+export declare function Label({ children, className, ...props }: ComponentProps<typeof AriaLabel>): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * @deprecated Use `Label` instead. This export is kept for backward compatibility.
+ */
+export declare const InputLabel: typeof Label;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/forms/common/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kDAWxF;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,cAAQ,CAAC"}

package/dist/forms/common/Label.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Label as t } from "react-aria-components";
+//#region src/forms/common/Label.tsx
+var n = { label: "block mb-2" };
+function r({ children: r, className: i, ...a }) {
+	return r ? /* @__PURE__ */ e(t, {
+		className: i ?? n.label,
+		...a,
+		children: r
+	}) : null;
+}
+var i = r;
+//#endregion
+export { i as InputLabel, r as Label };

package/dist/forms/index.d.ts

@@ -0,0 +1,21 @@
+export { Checkbox, CheckBoxDescription, CheckBoxLabel } from './Input/Checkbox';
+export { Fieldset } from './common/Fieldset';
+export { Form } from './common/Form';
+export { formStyles } from './styles/formStyles';
+export { Label, InputLabel } from './common/Label';
+export { ListBox, ListBoxItem } from './ListBox';
+export type { ListBoxProps, ListBoxItemProps } from './ListBox';
+export { SearchField } from './SearchField';
+export type { SearchFieldProps } from './SearchField';
+export type { InputProps, InputFieldProps } from './Input/InputProps';
+export { Input } from './Input/Input';
+export { TextField } from './Input/TextField';
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioOption } from './RadioGroup';
+export { NumberField } from './NumberField';
+export type { NumberFieldProps, NumberFieldSize, NumberFieldVariant } from './NumberField';
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';
+export { AutoComplete } from './Autocomplete';
+export type { AutoCompleteProps } from './Autocomplete';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/forms/index.js

@@ -0,0 +1,20 @@
+import { CheckBoxDescription as e, CheckBoxLabel as t, Checkbox as n } from "./Input/Checkbox.js";
+import { Fieldset as r } from "./common/Fieldset.js";
+import { Form as i } from "./common/Form.js";
+import { formStyles as a } from "./styles/formStyles.js";
+import { InputLabel as o, Label as s } from "./common/Label.js";
+import { ListBox as c, ListBoxItem as l } from "./ListBox/ListBox.js";
+import "./ListBox/index.js";
+import { SearchField as u } from "./SearchField/SearchField.js";
+import "./SearchField/index.js";
+import { Input as d } from "./Input/Input.js";
+import { TextField as f } from "./Input/TextField.js";
+import { RadioGroup as p } from "./RadioGroup/RadioGroup.js";
+import "./RadioGroup/index.js";
+import { NumberField as m } from "./NumberField/NumberField.js";
+import "./NumberField/index.js";
+import { Select as h } from "./Select/Select.js";
+import "./Select/index.js";
+import { AutoComplete as g } from "./Autocomplete/AutoComplete.js";
+import "./Autocomplete/index.js";
+export { g as AutoComplete, e as CheckBoxDescription, t as CheckBoxLabel, n as Checkbox, r as Fieldset, i as Form, d as Input, o as InputLabel, s as Label, c as ListBox, l as ListBoxItem, m as NumberField, p as RadioGroup, u as SearchField, h as Select, f as TextField, a as formStyles };

package/dist/forms/styles/formStyles.d.ts

@@ -0,0 +1,59 @@
+export declare const textStyles: {
+    inputPlaceholder: string;
+    comboBoxInput: string;
+    dropdownButton: string;
+    listBoxItemPrimary: string;
+    listBoxItemSecondary: string;
+    errorText: string;
+    validationText: string;
+    helperText: string;
+    emptyStateText: string;
+    focusedText: string;
+    selectedText: string;
+    disabledText: string;
+};
+export declare const interactionStyles: {
+    listBoxItemHover: string;
+    buttonHover: string;
+    listBoxItemFocused: string;
+    inputFocused: string;
+    listBoxItemSelected: string;
+    disabled: string;
+    transition: string;
+};
+export declare const layoutStyles: {
+    flexCenter: string;
+    flexBetween: string;
+    flexStart: string;
+    flexColumn: string;
+    gapSm: string;
+    gapMd: string;
+    gapLg: string;
+    paddingSm: string;
+    paddingMd: string;
+    paddingLg: string;
+    widthFull: string;
+    widthAuto: string;
+    flexShrink: string;
+    flexGrow: string;
+    relative: string;
+    absolute: string;
+    zIndex: string;
+};
+export declare const componentStyles: {
+    integratedComboBoxContainer: string;
+    comboBoxInputWrapper: string;
+    comboBoxInputField: string;
+    popover: string;
+    listBoxItem: string;
+    phoneInputContainer: string;
+};
+export declare const formStyles: {
+    defaultInputStyle: string;
+    lightInputStyle: string;
+    inputDescription: string;
+    inputErrorGlow: string;
+    inputWrapper: string;
+    textarea: string;
+};
+//# sourceMappingURL=formStyles.d.ts.map

package/dist/forms/styles/formStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formStyles.d.ts","sourceRoot":"","sources":["../../../src/forms/styles/formStyles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAyBtB,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;;;;;CAiB7B,CAAC;AAGF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;CA2BxB,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;;;CAkB3B,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;CA2BtB,CAAC"}

package/dist/forms/styles/formStyles.js

@@ -0,0 +1,77 @@
+//#region src/forms/styles/formStyles.ts
+var e = {
+	inputPlaceholder: "text-gray-600 dark:text-gray-300",
+	comboBoxInput: "text-gray-900 dark:text-gray-100",
+	dropdownButton: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
+	listBoxItemPrimary: "",
+	listBoxItemSecondary: "",
+	errorText: "text-red-500 dark:text-red-400 text-sm mt-1",
+	validationText: "text-green-500 dark:text-green-400 text-sm mt-1",
+	helperText: "text-gray-600 dark:text-gray-400 text-xs mt-1",
+	emptyStateText: "text-gray-500 dark:text-gray-400 italic",
+	focusedText: "text-blue-600 dark:text-blue-400",
+	selectedText: "text-white",
+	disabledText: "text-gray-400 dark:text-gray-600"
+}, t = {
+	listBoxItemHover: "hover:bg-gray-100 dark:hover:bg-gray-700",
+	buttonHover: "hover:bg-gray-50 dark:hover:bg-gray-700",
+	listBoxItemFocused: "data-[focused]:bg-blue-100 dark:data-[focused]:bg-blue-700",
+	inputFocused: "focus-within:ring-2 focus-within:ring-blue-400",
+	listBoxItemSelected: "data-[selected]:bg-blue-500 data-[selected]:text-white",
+	disabled: "opacity-50 cursor-not-allowed",
+	transition: "transition duration-150 ease-in-out"
+}, n = {
+	flexCenter: "flex items-center justify-center",
+	flexBetween: "flex items-center justify-between",
+	flexStart: "flex items-center",
+	flexColumn: "flex flex-col",
+	gapSm: "gap-1",
+	gapMd: "gap-2",
+	gapLg: "gap-4",
+	paddingSm: "px-2 py-1",
+	paddingMd: "px-3 py-2",
+	paddingLg: "px-4 py-3",
+	widthFull: "w-full",
+	widthAuto: "w-auto",
+	flexShrink: "flex-shrink-0",
+	flexGrow: "flex-1",
+	relative: "relative",
+	absolute: "absolute",
+	zIndex: "z-50"
+}, r = {
+	integratedComboBoxContainer: `w-32 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 ${n.flexShrink}`,
+	comboBoxInputWrapper: `${n.flexStart}`,
+	comboBoxInputField: `${n.widthFull} text-center px-2 py-2 bg-transparent ${e.comboBoxInput}`,
+	popover: `w-40 max-h-56 overflow-y-auto border rounded bg-white dark:bg-gray-900 shadow-lg ${n.zIndex}`,
+	listBoxItem: `px-3 py-2 ${n.flexStart} ${n.gapMd} cursor-pointer ${t.listBoxItemHover} ${t.listBoxItemFocused} ${t.listBoxItemSelected}`,
+	phoneInputContainer: `bg-gray-100 flex items-stretch ${n.flexStart} ${n.widthFull} overflow-hidden border-2 dark:border-gray-700 ${t.inputFocused} ${t.transition}`
+}, i = {
+	defaultInputStyle: `
+        appearance-none
+        ${n.widthFull}
+        ${e.comboBoxInput}
+        p-4
+        bg-gray-100
+        dark:bg-gray-800
+        border-2
+        dark:border-gray-700
+        leading-tight
+        focus:outline-hidden
+        focus:shadow-outline`,
+	lightInputStyle: `
+        appearance-none
+        ${n.widthFull}
+        p-4
+        bg-white
+        text-black
+        border-2
+        dark:border-gray-400
+        focus:outline-hidden
+        focus:shadow-outline`,
+	inputDescription: `${e.comboBoxInput} text-sm mb-2`,
+	inputErrorGlow: "border border-red-500 shadow-outline-red",
+	inputWrapper: "mb-3",
+	textarea: "resize-y"
+};
+//#endregion
+export { r as componentStyles, i as formStyles, e as textStyles };

package/dist/global.d.ts

@@ -0,0 +1,10 @@
+declare module '*.md?raw' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.mdx?raw' {
+  const content: string;
+  export default content;
+}
+

package/dist/icons/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Centralized icon exports for the Eventuras design system.
+ * All icons are sourced from lucide-react for consistency.
+ *
+ * @see https://lucide.dev/icons
+ */
+export { Check, X, Trash2, Eye, Pencil, CircleX, Search, ChevronDown, ChevronUp, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, MoreHorizontal, FileText, Calendar, MapPin, Home, ShoppingCart, User, AlertCircle, AlertTriangle, Info, ShieldX, Sun, Moon, LoaderCircle, Download, Mail, Send, Plus, Minus, } from 'lucide-react';
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAEL,KAAK,EACL,CAAC,EACD,MAAM,EACN,GAAG,EACH,MAAM,EACN,OAAO,EAGP,MAAM,EAGN,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,EAGd,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EAGJ,YAAY,EAGZ,IAAI,EAGJ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,OAAO,EAGP,GAAG,EACH,IAAI,EAGJ,YAAY,EAGZ,QAAQ,EAGR,IAAI,EACJ,IAAI,EAGJ,IAAI,EAGJ,KAAK,GACN,MAAM,cAAc,CAAC"}

package/dist/icons/index.js

@@ -0,0 +1,2 @@
+import { AlertCircle as e, AlertTriangle as t, Calendar as n, Check as r, ChevronDown as i, ChevronLeft as a, ChevronRight as o, ChevronUp as s, ChevronsLeft as c, ChevronsRight as l, CircleX as u, Download as d, Eye as f, FileText as p, Home as m, Info as h, LoaderCircle as g, Mail as _, MapPin as v, Minus as y, Moon as b, MoreHorizontal as x, Pencil as S, Plus as C, Search as w, Send as T, ShieldX as E, ShoppingCart as D, Sun as O, Trash2 as k, User as A, X as j } from "lucide-react";
+export { e as AlertCircle, t as AlertTriangle, n as Calendar, r as Check, i as ChevronDown, a as ChevronLeft, o as ChevronRight, s as ChevronUp, c as ChevronsLeft, l as ChevronsRight, u as CircleX, d as Download, f as Eye, p as FileText, m as Home, h as Info, g as LoaderCircle, _ as Mail, v as MapPin, y as Minus, b as Moon, x as MoreHorizontal, S as Pencil, C as Plus, w as Search, T as Send, E as ShieldX, D as ShoppingCart, O as Sun, k as Trash2, A as User, j as X };

package/dist/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1 @@
+/* empty css         */

package/dist/layout/ActionBar/ActionBar.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+export interface ActionBarProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const ActionBar: FC<ActionBarProps> & {
+    Spacer: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=ActionBar.d.ts.map

package/dist/layout/ActionBar/ActionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/layout/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,eAAO,MAAM,SAAS;;CAA2C,CAAC"}

package/dist/layout/ActionBar/ActionBar.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+var t = Object.assign(({ children: t, className: n = "" }) => /* @__PURE__ */ e("div", {
+	className: `flex items-center gap-2 rounded-md bg-black/5 px-4 py-3 dark:bg-white/5 ${n}`,
+	children: t
+}), { Spacer: () => /* @__PURE__ */ e("div", { className: "flex-1" }) });
+//#endregion
+export { t as ActionBar };

package/dist/layout/ActionBar/index.d.ts

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

package/dist/layout/ActionBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/ActionBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/layout/ActionBar/index.js

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

package/dist/layout/Box/Box.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ReactNode, ElementType, CSSProperties } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+import { BorderProps } from '../../tokens/borders';
+export type BoxProps = SpacingProps & BorderProps & {
+    as?: ElementType;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+};
+export declare const Box: React.FC<BoxProps>;
+//# sourceMappingURL=Box.d.ts.map

package/dist/layout/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/layout/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,WAAW,GAAG;IACZ,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA+BlC,CAAC"}

package/dist/layout/Box/Box.js

@@ -0,0 +1,32 @@
+import { buildSpacingClasses as e } from "../../tokens/spacing.js";
+import { buildBorderClasses as t } from "../../tokens/borders.js";
+import { cn as n } from "../../utils/cn.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/layout/Box/Box.tsx
+var i = ({ as: i = "div", id: a, className: o, style: s, children: c, padding: l, paddingX: u, paddingY: d, paddingTop: f, paddingBottom: p, margin: m, marginX: h, marginY: g, marginTop: _, marginBottom: v, gap: y, border: b, borderColor: x, radius: S, ...C }) => /* @__PURE__ */ r(i, {
+	id: a,
+	className: n(e({
+		padding: l,
+		paddingX: u,
+		paddingY: d,
+		paddingTop: f,
+		paddingBottom: p,
+		margin: m,
+		marginX: h,
+		marginY: g,
+		marginTop: _,
+		marginBottom: v,
+		gap: y
+	}), t({
+		border: b,
+		borderColor: x,
+		radius: S
+	}), o),
+	style: s,
+	...C,
+	children: c
+});
+i.displayName = "Box";
+//#endregion
+export { i as Box };

package/dist/layout/Box/index.d.ts

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

package/dist/layout/Box/index.d.ts.map

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

package/dist/layout/Box/index.js

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

package/dist/layout/Container/Container.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+export interface ContainerProps extends SpacingProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof SpacingProps> {
+    testId?: string;
+}
+export declare const Container: React.FC<ContainerProps>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/layout/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,MAAM,WAAW,cACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAY9C,CAAC"}

package/dist/layout/Container/Container.js

@@ -0,0 +1,17 @@
+import { buildSpacingClasses as e, extractSpacingProps as t } from "../../tokens/spacing.js";
+import { cn as n } from "../../utils/cn.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/layout/Container/Container.tsx
+var i = (i) => {
+	let [a, { className: o, children: s, testId: c, ...l }] = t(i);
+	return /* @__PURE__ */ r("div", {
+		className: n("container mx-auto px-3 pb-18", e(a), o),
+		"data-testid": c,
+		...l,
+		children: s
+	});
+};
+i.displayName = "Container";
+//#endregion
+export { i as Container };

package/dist/layout/Container/index.d.ts

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

package/dist/layout/Container/index.d.ts.map

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

package/dist/layout/Container/index.js

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

package/dist/layout/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type DialogProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: ReactNode;
+    testId?: string;
+};
+export declare const Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/layout/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/layout/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAexC,CAAC"}

package/dist/layout/Dialog/Dialog.js

@@ -0,0 +1,41 @@
+import { Heading as e } from "../../core/Heading/Heading.js";
+import "../../core/Heading/index.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Dialog as r } from "react-aria-components";
+import { Overlay as i } from "@react-aria/overlays";
+//#region src/layout/Dialog/Dialog.tsx
+var a = (i) => /* @__PURE__ */ t(o, {
+	isOpen: i.isOpen,
+	testId: i.testId,
+	onClickOutside: i.onClose,
+	children: /* @__PURE__ */ n(r, {
+		className: "relative z-10",
+		children: [/* @__PURE__ */ t(e, {
+			as: "h3",
+			paddingBottom: "xs",
+			children: i.title
+		}), i.children]
+	})
+});
+function o(e) {
+	return e.isOpen ? /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t("div", {
+		"data-testid": e.testId,
+		className: "flex min-h-full min-w-full items-start justify-center p-4 text-center fixed inset-0 z-100 overflow-auto h-full bg-black/50",
+		id: "underlay",
+		role: "button",
+		style: { zIndex: 100 },
+		onClick: (t) => {
+			t.target.id === "underlay" && e.onClickOutside && e.onClickOutside();
+		},
+		onKeyDown: (t) => {
+			t.key === "Escape" && e.onClickOutside && e.onClickOutside();
+		},
+		children: /* @__PURE__ */ t("div", {
+			className: "w-full max-w-md transform overflow-hidden rounded-2xl bg-white dark:bg-slate-700 dark:text-white p-6 text-left align-middle shadow-xl transition-all",
+			children: e.children
+		})
+	}) }) : null;
+}
+//#endregion
+export { a as Dialog };

package/dist/layout/Dialog/index.d.ts

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

package/dist/layout/Dialog/index.d.ts.map

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

package/dist/layout/Dialog/index.js

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

package/dist/layout/Drawer/Drawer.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode, default as React } from 'react';
+/**
+ * DrawerProps interface for Drawer component
+ * @property {boolean} isOpen - Determines if the Drawer is open
+ * @property {() => void} onSave - Function to be called when the Drawer is saved
+ * @property {() => void} onCancel - Function to be called when the Drawer is cancelled
+ * @property {ReactNode} children - The children nodes of the Drawer component
+ */
+export interface DrawerProps {
+    isOpen: boolean;
+    onSave?: () => void;
+    onCancel?: () => void;
+    children: ReactNode;
+}
+/**
+ * DrawerChildProps interface for Drawer child components
+ * @property {'Header' | 'Body' | 'Footer'} type - The type of the Drawer child component
+ * @property {ReactNode} children - The children nodes of the Drawer child component
+ * @property {string} className - The CSS class of the Drawer child component
+ */
+interface DrawerChildProps {
+    type?: 'Header' | 'Body' | 'Footer';
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * HeaderProps interface for Header component
+ * @property {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'} as - The HTML tag for the Header component
+ */
+interface HeaderProps extends DrawerChildProps {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+interface BodyProps extends DrawerChildProps {
+}
+interface FooterProps extends DrawerChildProps {
+}
+interface DrawerComponent extends React.FC<DrawerProps> {
+    Header: React.FC<HeaderProps>;
+    Body: React.FC<BodyProps>;
+    Footer: React.FC<FooterProps>;
+}
+declare const Drawer: DrawerComponent;
+export { Drawer };
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/layout/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/layout/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,UAAU,WAAY,SAAQ,gBAAgB;IAC5C,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9C;AAED,UAAU,SAAU,SAAQ,gBAAgB;CAAG;AAE/C,UAAU,WAAY,SAAQ,gBAAgB;CAAG;AAEjD,UAAU,eAAgB,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAC9B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,MAAM,EAAE,eAiDb,CAAC;AAgCF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/layout/Drawer/Drawer.js

@@ -0,0 +1,54 @@
+import { Portal as e } from "../Portal/Portal.js";
+import "../Portal/index.js";
+import { X as t } from "../../icons/index.js";
+import { Button as n } from "../../core/Button/Button.js";
+import "../../core/Button/index.js";
+import { Heading as r } from "../../core/Heading/Heading.js";
+import "../../core/Heading/index.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/layout/Drawer/Drawer.tsx
+var s = (r) => {
+	let s = i.Children.toArray(r.children).map((e) => i.isValidElement(e) ? e : null).filter(Boolean), c = r.isOpen ? {} : { "aria-hidden": "true" }, l = { drawer: {
+		base: "flex flex-col p-6 fixed top-0 right-0 w-11/12 md:w-10/12 lg:w-7/12 2xl:w-8/12 h-full bg-gray-100 dark:bg-slate-950 overflow-auto z-30",
+		open: "transition-opacity opacity-100 duration-2",
+		closed: "transition-all delay-500 opacity-0"
+	} };
+	return /* @__PURE__ */ o(e, {
+		isOpen: r.isOpen,
+		clickOutside: r.onCancel,
+		children: [/* @__PURE__ */ a("div", {
+			id: "backdrop",
+			className: "fixed top-0 left-0 bg-cover z-10 w-screen h-screen backdrop-blur-xs"
+		}), /* @__PURE__ */ o("section", {
+			...c,
+			className: `${l.drawer.base} ${r.isOpen ? l.drawer.open : l.drawer.closed}`,
+			children: [
+				" ",
+				r.onCancel && /* @__PURE__ */ a(n, {
+					onClick: r.onCancel,
+					className: "absolute top-0 right-0 m-4",
+					variant: "secondary",
+					children: /* @__PURE__ */ a(t, {})
+				}),
+				s
+			]
+		})]
+	});
+};
+s.Header = (e) => e.as ? /* @__PURE__ */ a("header", { children: /* @__PURE__ */ a(r, {
+	...e,
+	children: e.children
+}) }) : /* @__PURE__ */ a("header", {
+	...e,
+	children: e.children
+}), s.Body = (e) => /* @__PURE__ */ a("div", {
+	role: "main",
+	className: `grow ${e.className || ""}`,
+	children: e.children
+}), s.Footer = (e) => /* @__PURE__ */ a("footer", {
+	className: `pt-8 ${e.className}`,
+	children: e.children
+});
+//#endregion
+export { s as Drawer };

package/dist/layout/Drawer/index.d.ts

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

package/dist/layout/Drawer/index.d.ts.map

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

package/dist/layout/Drawer/index.js

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