@empreint/ui 1.1.0 → 1.2.0

package/dist/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,29 @@
+"use client";
+import e from "./breadcrumb.module.js";
+import { Slot as t } from "../slot/slot.js";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/breadcrumb/breadcrumb.tsx
+var i = ({ children: t, className: i, ...a }) => /* @__PURE__ */ r("nav", {
+	...a,
+	"aria-label": a["aria-label"] ?? "Breadcrumb",
+	className: n(e.breadcrumb, i),
+	children: /* @__PURE__ */ r("ol", {
+		className: e.list,
+		children: t
+	})
+}), a = ({ children: i, current: a, className: o, ...s }) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(t, {
+	...s,
+	className: n(e.item, o),
+	"data-current": a || void 0,
+	"aria-current": a ? "page" : void 0,
+	children: i
+}) }), o = ({ children: t, className: i, ...a }) => /* @__PURE__ */ r("li", {
+	...a,
+	role: "presentation",
+	"aria-hidden": "true",
+	className: n(e.separator, i),
+	children: t ?? "/"
+});
+//#endregion
+export { i as Breadcrumb, a as BreadcrumbItem, o as BreadcrumbSeparator };

package/dist/components/breadcrumb/breadcrumb.module.js

@@ -0,0 +1,8 @@
+var e = {
+	breadcrumb: "_breadcrumb_615tf_1",
+	list: "_list_615tf_6",
+	item: "_item_615tf_15",
+	separator: "_separator_615tf_34"
+};
+//#endregion
+export { e as default };

package/dist/components/button/button.js

@@ -0,0 +1,14 @@
+import e from "./button.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/button/button.tsx
+var r = ({ children: r, type: i = "button", variant: a = "primary", size: o = "2", className: s, ...c }) => /* @__PURE__ */ n("button", {
+	...c,
+	type: i,
+	className: t(e.button, s),
+	"data-variant": a,
+	"data-size": o,
+	children: r
+});
+//#endregion
+export { r as Button };

package/dist/components/button/button.module.js

@@ -0,0 +1,3 @@
+var e = { button: "_button_qppxu_1" };
+//#endregion
+export { e as default };

package/dist/components/card/card.js

@@ -0,0 +1,23 @@
+import e from "./card.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/card/card.tsx
+var r = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("div", {
+	...a,
+	className: t(e.card, i),
+	children: r
+}), i = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("div", {
+	...a,
+	className: t(e.header, i),
+	children: r
+}), a = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("div", {
+	...a,
+	className: t(e.body, i),
+	children: r
+}), o = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("div", {
+	...a,
+	className: t(e.footer, i),
+	children: r
+});
+//#endregion
+export { r as Card, a as CardBody, o as CardFooter, i as CardHeader };

package/dist/components/card/card.module.js

@@ -0,0 +1,8 @@
+var e = {
+	card: "_card_d5fk6_1",
+	header: "_header_d5fk6_11",
+	footer: "_footer_d5fk6_12",
+	body: "_body_d5fk6_16"
+};
+//#endregion
+export { e as default };

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,18 @@
+import e from "./checkbox.module.js";
+import t from "clsx";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/checkbox/checkbox.tsx
+var i = ({ children: i, size: a = "md", className: o, ...s }) => /* @__PURE__ */ r("label", {
+	className: t(e.checkbox, o),
+	"data-size": a,
+	children: [/* @__PURE__ */ n("input", {
+		...s,
+		className: e.input,
+		type: "checkbox"
+	}), /* @__PURE__ */ n("span", {
+		className: e.label,
+		children: i
+	})]
+});
+//#endregion
+export { i as Checkbox };

package/dist/components/checkbox/checkbox.module.js

@@ -0,0 +1,7 @@
+var e = {
+	checkbox: "_checkbox_b5c0j_1",
+	input: "_input_b5c0j_8",
+	label: "_label_b5c0j_28"
+};
+//#endregion
+export { e as default };

package/dist/components/chip/chip.js

@@ -0,0 +1,25 @@
+import e from "./chip.module.js";
+import t from "clsx";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { X as i } from "lucide-react";
+//#region src/components/chip/chip.tsx
+var a = ({ children: a, size: o = "md", onRemove: s, closeAriaLabel: c = "Remove", className: l, ...u }) => /* @__PURE__ */ r("div", {
+	...u,
+	className: t(e.chip, l),
+	"data-size": o,
+	children: [/* @__PURE__ */ n("span", {
+		className: e.label,
+		children: a
+	}), s && /* @__PURE__ */ n("button", {
+		type: "button",
+		className: e.close,
+		"aria-label": c,
+		onClick: s,
+		children: /* @__PURE__ */ n(i, {
+			size: 16,
+			"aria-hidden": !0
+		})
+	})]
+});
+//#endregion
+export { a as Chip };

package/dist/components/chip/chip.module.js

@@ -0,0 +1,6 @@
+var e = {
+	chip: "_chip_dt5b6_1",
+	close: "_close_dt5b6_28"
+};
+//#endregion
+export { e as default };

package/dist/components/collapsible/collapsible.js

@@ -0,0 +1,51 @@
+"use client";
+import { useDisclosure as e } from "../../hooks/use-disclosure/use-disclosure.js";
+import t from "./collapsible.module.js";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ChevronDown as a } from "lucide-react";
+import { createContext as o, useContext as s } from "react";
+//#region src/components/collapsible/collapsible.tsx
+var c = o(null), l = ({ children: i, className: a, ...o }) => {
+	let { isOpen: s, onToggle: l, onClose: u } = e({ closeOnOutsideClick: !1 });
+	return /* @__PURE__ */ r(c, {
+		value: {
+			isOpen: s,
+			onToggle: l,
+			onClose: u
+		},
+		children: /* @__PURE__ */ r("div", {
+			...o,
+			className: n(t.collapsible, a),
+			"data-open": s,
+			children: i
+		})
+	});
+}, u = ({ children: e, icon: o = a, className: l, ...u }) => {
+	let d = s(c);
+	return /* @__PURE__ */ i("button", {
+		...u,
+		type: "button",
+		"aria-expanded": d?.isOpen,
+		className: n(t.trigger, l),
+		onClick: d?.onToggle,
+		children: [/* @__PURE__ */ r("span", {
+			className: t.label,
+			children: e
+		}), /* @__PURE__ */ r(o, { className: t.icon })]
+	});
+}, d = ({ children: e, className: i, ...a }) => {
+	let o = s(c);
+	return /* @__PURE__ */ r("div", {
+		...a,
+		className: n(t.content, i),
+		inert: !o?.isOpen,
+		children: e
+	});
+}, f = ({ children: e, className: i, ...a }) => /* @__PURE__ */ r("div", {
+	...a,
+	className: n(t.item, i),
+	children: e
+});
+//#endregion
+export { l as Collapsible, d as CollapsibleContent, f as CollapsibleItem, u as CollapsibleTrigger };

package/dist/components/collapsible/collapsible.module.js

@@ -0,0 +1,9 @@
+var e = {
+	collapsible: "_collapsible_f2skg_1",
+	icon: "_icon_f2skg_9",
+	trigger: "_trigger_f2skg_14",
+	label: "_label_f2skg_24",
+	content: "_content_f2skg_30"
+};
+//#endregion
+export { e as default };

package/dist/components/container/container.js

@@ -0,0 +1,12 @@
+import e from "./container.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/container/container.tsx
+var r = ({ children: r, size: i, className: a, ...o }) => /* @__PURE__ */ n("div", {
+	...o,
+	className: t(e.container, a),
+	"data-size": i,
+	children: r
+});
+//#endregion
+export { r as Container };

package/dist/components/container/container.module.js

@@ -0,0 +1,3 @@
+var e = { container: "_container_1bqhu_1" };
+//#endregion
+export { e as default };

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,59 @@
+"use client";
+import { useDisclosure as e } from "../../hooks/use-disclosure/use-disclosure.js";
+import { Slot as t } from "../slot/slot.js";
+import n from "./dropdown-menu.module.js";
+import r from "clsx";
+import { jsx as i } from "react/jsx-runtime";
+import { ChevronDown as a } from "lucide-react";
+import { createContext as o, useContext as s } from "react";
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+var c = o(null), l = ({ children: t, className: a, ...o }) => {
+	let { isOpen: s, onToggle: l, onClose: u, ref: d } = e();
+	return /* @__PURE__ */ i(c, {
+		value: {
+			isOpen: s,
+			onToggle: l,
+			onClose: u
+		},
+		children: /* @__PURE__ */ i("div", {
+			...o,
+			className: r(n["dropdown-menu"], a),
+			ref: d,
+			"data-open": s,
+			children: t
+		})
+	});
+}, u = ({ children: e, ...n }) => {
+	let r = s(c);
+	return /* @__PURE__ */ i(t, {
+		...n,
+		"aria-expanded": r?.isOpen,
+		onClick: r?.onToggle,
+		children: e
+	});
+}, d = ({ icon: e = a, className: t, ...o }) => {
+	let l = s(c);
+	return /* @__PURE__ */ i(e, {
+		...o,
+		className: r(n.icon, t),
+		"data-open": l?.isOpen,
+		"aria-hidden": !0
+	});
+}, f = ({ children: e, className: t, ...a }) => s(c)?.isOpen && /* @__PURE__ */ i("ul", {
+	...a,
+	className: r(n.content, t),
+	children: e
+}), p = ({ children: e, onClick: t, className: a, ...o }) => {
+	let l = s(c), u = () => {
+		t(), l?.onClose();
+	};
+	return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i("button", {
+		...o,
+		type: "button",
+		className: r(n.item, a),
+		onClick: u,
+		children: e
+	}) });
+};
+//#endregion
+export { l as DropdownMenu, f as DropdownMenuContent, d as DropdownMenuIcon, p as DropdownMenuItem, u as DropdownMenuTrigger };

package/dist/components/dropdown-menu/dropdown-menu.module.js

@@ -0,0 +1,8 @@
+var e = {
+	"dropdown-menu": "_dropdown-menu_1vlci_1",
+	icon: "_icon_1vlci_6",
+	content: "_content_1vlci_10",
+	item: "_item_1vlci_29"
+};
+//#endregion
+export { e as default };

package/dist/components/dropzone/dropzone.js

@@ -0,0 +1,99 @@
+"use client";
+import { Slot as e } from "../slot/slot.js";
+import t from "./dropzone.module.js";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { createContext as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
+//#region src/components/dropzone/dropzone.tsx
+var f = a(null), p = ({ children: e, onChange: a, className: o, ...p }) => {
+	let [m, h] = d(), [g, _] = d(!1), v = l(() => m ? URL.createObjectURL(m) : void 0, [m]), y = u(null), b = c(), x = () => {
+		y.current?.click();
+	}, S = (e) => {
+		e.preventDefault();
+		let t = e.dataTransfer.files[0];
+		h(t), _(!1), a(t);
+	}, C = (e) => {
+		let { target: t } = e;
+		if (t?.files && t?.files.length > 0) {
+			let e = t.files[0];
+			h(e), a(e);
+		}
+	};
+	return s(() => () => {
+		v && URL.revokeObjectURL(v);
+	}, [v]), /* @__PURE__ */ r(f, {
+		value: {
+			file: m,
+			preview: v,
+			inputId: b,
+			onOpenFilePicker: x,
+			onDrop: S,
+			onDragOver: (e) => {
+				e.preventDefault(), _(!0);
+			},
+			onDragLeave: () => _(!1),
+			onRemove: () => {
+				h(void 0), a(void 0), y.current && (y.current.value = "");
+			},
+			onChange: C
+		},
+		children: /* @__PURE__ */ i("div", {
+			...p,
+			className: n(t.dropzone, o),
+			"data-dragging": g,
+			children: [e, /* @__PURE__ */ r("input", {
+				type: "file",
+				ref: y,
+				id: b,
+				onChange: C,
+				hidden: !0
+			})]
+		})
+	});
+}, m = ({ children: e, className: i, ...a }) => {
+	let s = o(f);
+	return /* @__PURE__ */ r("label", {
+		...a,
+		className: n(t.label, i),
+		htmlFor: s?.inputId,
+		children: e
+	});
+}, h = ({ children: e, className: i, ...a }) => {
+	let s = o(f);
+	return /* @__PURE__ */ r("button", {
+		...a,
+		type: "button",
+		className: n(t.area, i),
+		onClick: s?.onOpenFilePicker,
+		onDrop: s?.onDrop,
+		onDragOver: s?.onDragOver,
+		onDragLeave: s?.onDragLeave,
+		"aria-label": a["aria-label"] ?? "Upload a file",
+		children: e
+	});
+}, g = ({ className: e, ...i }) => {
+	let a = o(f);
+	return a?.file ? /* @__PURE__ */ r("div", {
+		...i,
+		className: n(t.preview, e),
+		children: /* @__PURE__ */ r("img", {
+			alt: "preview file",
+			className: t.file,
+			src: a.preview
+		})
+	}) : null;
+}, _ = ({ children: e, className: i, ...a }) => o(f)?.file ? null : /* @__PURE__ */ r("div", {
+	...a,
+	className: n(t.empty, i),
+	children: e
+}), v = ({ children: i, className: a, ...s }) => {
+	let c = o(f);
+	return c?.file ? /* @__PURE__ */ r(e, {
+		...s,
+		className: n(t.remove, a),
+		onClick: c?.onRemove,
+		children: i
+	}) : null;
+};
+//#endregion
+export { p as Dropzone, h as DropzoneArea, _ as DropzoneEmpty, m as DropzoneLabel, g as DropzonePreview, v as DropzoneRemove };

package/dist/components/dropzone/dropzone.module.js

@@ -0,0 +1,9 @@
+var e = {
+	dropzone: "_dropzone_12c2x_1",
+	label: "_label_12c2x_7",
+	area: "_area_12c2x_11",
+	file: "_file_12c2x_26",
+	remove: "_remove_12c2x_30"
+};
+//#endregion
+export { e as default };

package/dist/components/flex/flex.js

@@ -0,0 +1,17 @@
+import e from "./flex.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/flex/flex.tsx
+var r = ({ children: r, direction: i, justify: a, align: o, wrap: s, gap: c, inline: l, className: u, ...d }) => /* @__PURE__ */ n("div", {
+	...d,
+	className: t(e.flex, u),
+	"data-direction": i,
+	"data-justify": a,
+	"data-align": o,
+	"data-wrap": s,
+	"data-gap": c || void 0,
+	"data-inline": l || void 0,
+	children: r
+});
+//#endregion
+export { r as Flex };

package/dist/components/flex/flex.module.js

@@ -0,0 +1,3 @@
+var e = { flex: "_flex_1kay9_1" };
+//#endregion
+export { e as default };

package/dist/components/grid/grid.js

@@ -0,0 +1,16 @@
+import e from "./grid.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/grid/grid.tsx
+var r = ({ children: r, cols: i, gap: a, className: o, style: s, ...c }) => /* @__PURE__ */ n("div", {
+	...c,
+	className: t(e.grid, o),
+	"data-gap": a,
+	style: {
+		...s,
+		gridTemplateColumns: typeof i == "number" ? `repeat(${i}, 1fr)` : i
+	},
+	children: r
+});
+//#endregion
+export { r as Grid };

package/dist/components/grid/grid.module.js

@@ -0,0 +1,3 @@
+var e = { grid: "_grid_zrtyu_1" };
+//#endregion
+export { e as default };

package/dist/components/input/input.js

@@ -0,0 +1,44 @@
+"use client";
+import e from "./input.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as r, useContext as i, useId as a } from "react";
+//#region src/components/input/input.tsx
+var o = r(null), s = ({ children: r, status: i = "default", className: s, ...c }) => /* @__PURE__ */ n(o, {
+	value: {
+		fieldId: a(),
+		status: i
+	},
+	children: /* @__PURE__ */ n("div", {
+		...c,
+		className: t(e.input, s),
+		"data-status": i,
+		children: r
+	})
+}), c = ({ className: r, ...a }) => {
+	let s = i(o);
+	return /* @__PURE__ */ n("input", {
+		...a,
+		id: s?.fieldId,
+		"aria-invalid": s?.status === "error",
+		className: t(e.field, r)
+	});
+}, l = ({ children: r, className: a, ...s }) => {
+	let c = i(o);
+	return /* @__PURE__ */ n("label", {
+		...s,
+		htmlFor: c?.fieldId,
+		className: t(e.label, a),
+		children: r
+	});
+}, u = ({ children: r, className: a, ...s }) => {
+	let c = i(o);
+	return /* @__PURE__ */ n("p", {
+		...s,
+		role: c?.status === "error" ? "alert" : void 0,
+		className: t(e.message, a),
+		children: r
+	});
+};
+//#endregion
+export { s as Input, c as InputField, l as InputLabel, u as InputMessage };

package/dist/components/input/input.module.js

@@ -0,0 +1,8 @@
+var e = {
+	input: "_input_195b4_1",
+	label: "_label_195b4_6",
+	field: "_field_195b4_13",
+	message: "_message_195b4_54"
+};
+//#endregion
+export { e as default };

package/dist/components/language-selector/language-selector.js

@@ -0,0 +1,19 @@
+/* empty css                                                                                  */
+import e from "./language-selector.module.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i } from "../select/select.js";
+import a from "clsx";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/language-selector/language-selector.tsx
+var c = ({ languages: c, ...l }) => /* @__PURE__ */ s(t, {
+	...l,
+	children: [/* @__PURE__ */ o(i, {}), /* @__PURE__ */ o(n, { children: c.map((t) => /* @__PURE__ */ o(r, {
+		value: t,
+		children: /* @__PURE__ */ o("span", {
+			role: "img",
+			className: a(e.flag, `fi fi-${t}`),
+			"aria-label": t
+		})
+	}, t)) })]
+});
+//#endregion
+export { c as LanguageSelector };

package/dist/components/language-selector/language-selector.module.js

@@ -0,0 +1,3 @@
+var e = { flag: "_flag_ia12f_1" };
+//#endregion
+export { e as default };

package/dist/components/list/list.js

@@ -0,0 +1,15 @@
+import e from "./list.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/list/list.tsx
+var r = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("ul", {
+	...a,
+	className: t(e.list, i),
+	children: r
+}), i = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("li", {
+	...a,
+	className: t(e.item, i),
+	children: r
+});
+//#endregion
+export { r as List, i as ListItem };

package/dist/components/list/list.module.js

@@ -0,0 +1,6 @@
+var e = {
+	list: "_list_1dqa6_1",
+	item: "_item_1dqa6_8"
+};
+//#endregion
+export { e as default };

package/dist/components/loader/loader.js

@@ -0,0 +1,21 @@
+import e from "./loader.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { LoaderCircle as r } from "lucide-react";
+//#region src/components/loader/loader.tsx
+var i = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("div", {
+	...a,
+	className: t(e.overlay, i),
+	children: /* @__PURE__ */ n("div", {
+		className: e.loader,
+		children: r
+	})
+}), a = ({ size: i = "md", className: a, ...o }) => /* @__PURE__ */ n(r, {
+	...o,
+	role: "status",
+	"aria-label": "Loading",
+	"data-size": i,
+	className: t(e.spinner, a)
+});
+//#endregion
+export { i as Loader, a as LoaderSpinner };

package/dist/components/loader/loader.module.js

@@ -0,0 +1,8 @@
+var e = {
+	overlay: "_overlay_9jli1_1",
+	loader: "_loader_9jli1_8",
+	spinner: "_spinner_9jli1_18",
+	loading: "_loading_9jli1_1"
+};
+//#endregion
+export { e as default };

package/dist/components/modal/modal.js

@@ -0,0 +1,69 @@
+"use client";
+import { useDisclosure as e } from "../../hooks/use-disclosure/use-disclosure.js";
+import { Slot as t } from "../slot/slot.js";
+import n from "./modal.module.js";
+import r from "clsx";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as a, useContext as o } from "react";
+//#region src/components/modal/modal.tsx
+var s = a(null), c = ({ children: t, className: n, ...r }) => {
+	let { isOpen: a, onToggle: o, onClose: c, ref: l } = e();
+	return /* @__PURE__ */ i(s, {
+		value: {
+			isOpen: a,
+			onToggle: o,
+			onClose: c,
+			ref: l
+		},
+		children: /* @__PURE__ */ i("div", {
+			...r,
+			className: n,
+			"data-open": a,
+			children: t
+		})
+	});
+}, l = ({ children: e, className: a, ...c }) => {
+	let l = o(s);
+	return /* @__PURE__ */ i(t, {
+		...c,
+		className: r(n.trigger, a),
+		onClick: l?.onToggle,
+		children: e
+	});
+}, u = ({ children: e, className: t, ...a }) => {
+	let c = o(s);
+	return c?.isOpen ? /* @__PURE__ */ i("div", {
+		...a,
+		className: r(n.content, t),
+		ref: c?.ref,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": a["aria-label"] ?? "Modal",
+		children: e
+	}) : null;
+}, d = ({ className: e, ...t }) => o(s)?.isOpen && /* @__PURE__ */ i("div", {
+	...t,
+	className: r(n.overlay, e)
+}), f = ({ children: e, className: a, ...c }) => {
+	let l = o(s);
+	return /* @__PURE__ */ i(t, {
+		...c,
+		className: r(n.close, a),
+		onClick: l?.onClose,
+		children: e
+	});
+}, p = ({ children: e, className: t, ...a }) => /* @__PURE__ */ i("div", {
+	...a,
+	className: r(n.body, t),
+	children: e
+}), m = ({ children: e, className: t, ...a }) => /* @__PURE__ */ i("div", {
+	...a,
+	className: r(n.header, t),
+	children: e
+}), h = ({ children: e, className: t, ...a }) => /* @__PURE__ */ i("div", {
+	...a,
+	className: r(n.footer, t),
+	children: e
+});
+//#endregion
+export { c as Modal, p as ModalBody, f as ModalClose, u as ModalContent, h as ModalFooter, m as ModalHeader, d as ModalOverlay, l as ModalTrigger };