matrix-design-system 1.0.0

package/dist/molecules/form/form-field/form-field.mjs

@@ -0,0 +1,60 @@
+"use client";
+import { InputField } from "../../../atoms/typography/input-field/input-field.mjs";
+import { Label } from "../../../atoms/typography/label/label.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/form/form-field/form-field.tsx
+const FormField = (t0) => {
+	const $ = c(15);
+	let icon;
+	let inputProps;
+	let label;
+	let t1;
+	if ($[0] !== t0) {
+		({label, icon, hasError: t1, ...inputProps} = t0);
+		$[0] = t0;
+		$[1] = icon;
+		$[2] = inputProps;
+		$[3] = label;
+		$[4] = t1;
+	} else {
+		icon = $[1];
+		inputProps = $[2];
+		label = $[3];
+		t1 = $[4];
+	}
+	const hasError = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[5] !== icon || $[6] !== inputProps.id || $[7] !== label) {
+		t2 = /* @__PURE__ */ jsx(Label, {
+			id: inputProps.id,
+			value: label,
+			icon
+		});
+		$[5] = icon;
+		$[6] = inputProps.id;
+		$[7] = label;
+		$[8] = t2;
+	} else t2 = $[8];
+	const t3 = `w-full px-4 py-3 ${hasError ? "border-red-500 focus:border-red-500" : ""}`;
+	let t4;
+	if ($[9] !== inputProps || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsx(InputField, {
+			...inputProps,
+			className: t3
+		});
+		$[9] = inputProps;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== t2 || $[13] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", { children: [t2, t4] });
+		$[12] = t2;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
+};
+//#endregion
+export { FormField };

package/dist/molecules/form/form-field/index.d.mts

@@ -0,0 +1,2 @@
+import { FormField, FormFieldProps } from "./form-field.mjs";
+export { FormField, type FormFieldProps };

package/dist/molecules/form/form-success-message/form-success-message.d.mts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+//#region src/molecules/form/form-success-message/form-success-message.d.ts
+interface FormSuccessMessageProps {
+  message: string;
+}
+declare const FormSuccessMessage: FC<FormSuccessMessageProps>;
+//#endregion
+export { FormSuccessMessage, FormSuccessMessageProps };

package/dist/molecules/form/form-success-message/form-success-message.mjs

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BiCheckCircle } from "react-icons/bi";
+//#region src/molecules/form/form-success-message/form-success-message.tsx
+const FormSuccessMessage = ({ message }) => /* @__PURE__ */ jsx("div", {
+	className: "glow-container rounded-lg border border-accent-color bg-accent-color/10 p-6",
+	children: /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-4",
+		children: [/* @__PURE__ */ jsx(BiCheckCircle, {
+			size: 38,
+			className: "text-accent mt-1 shrink-0"
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-2",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-accent text-lg font-bold leading-relaxed",
+				children: message
+			})
+		})]
+	})
+});
+//#endregion
+export { FormSuccessMessage };

package/dist/molecules/form/form-success-message/index.d.mts

@@ -0,0 +1,2 @@
+import { FormSuccessMessage, FormSuccessMessageProps } from "./form-success-message.mjs";
+export { FormSuccessMessage, type FormSuccessMessageProps };

package/dist/molecules/form/form-textarea/form-textarea.d.mts

@@ -0,0 +1,10 @@
+import { FC, ReactElement, TextareaHTMLAttributes } from "react";
+//#region src/molecules/form/form-textarea/form-textarea.d.ts
+interface FormTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "className"> {
+  label: string;
+  icon: ReactElement;
+  hasError?: boolean;
+}
+declare const FormTextarea: FC<FormTextareaProps>;
+//#endregion
+export { FormTextarea, FormTextareaProps };

package/dist/molecules/form/form-textarea/form-textarea.mjs

@@ -0,0 +1,60 @@
+"use client";
+import { Label } from "../../../atoms/typography/label/label.mjs";
+import { Textarea } from "../../../atoms/typography/textarea/textarea.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/form/form-textarea/form-textarea.tsx
+const FormTextarea = (t0) => {
+	const $ = c(15);
+	let icon;
+	let label;
+	let t1;
+	let textareaProps;
+	if ($[0] !== t0) {
+		({label, icon, hasError: t1, ...textareaProps} = t0);
+		$[0] = t0;
+		$[1] = icon;
+		$[2] = label;
+		$[3] = t1;
+		$[4] = textareaProps;
+	} else {
+		icon = $[1];
+		label = $[2];
+		t1 = $[3];
+		textareaProps = $[4];
+	}
+	const hasError = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[5] !== icon || $[6] !== label || $[7] !== textareaProps.id) {
+		t2 = /* @__PURE__ */ jsx(Label, {
+			id: textareaProps.id,
+			value: label,
+			icon
+		});
+		$[5] = icon;
+		$[6] = label;
+		$[7] = textareaProps.id;
+		$[8] = t2;
+	} else t2 = $[8];
+	const t3 = `w-full px-4 py-3 ${hasError ? "border-red-500 focus:border-red-500" : ""}`;
+	let t4;
+	if ($[9] !== t3 || $[10] !== textareaProps) {
+		t4 = /* @__PURE__ */ jsx(Textarea, {
+			...textareaProps,
+			className: t3
+		});
+		$[9] = t3;
+		$[10] = textareaProps;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== t2 || $[13] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", { children: [t2, t4] });
+		$[12] = t2;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
+};
+//#endregion
+export { FormTextarea };

package/dist/molecules/form/form-textarea/index.d.mts

@@ -0,0 +1,2 @@
+import { FormTextarea, FormTextareaProps } from "./form-textarea.mjs";
+export { FormTextarea, type FormTextareaProps };

package/dist/molecules/lightbox-image/index.d.mts

@@ -0,0 +1,2 @@
+import { LightboxImage } from "./lightbox-image.mjs";
+export { LightboxImage };

package/dist/molecules/lightbox-image/lightbox-image.d.mts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef, FC } from "react";
+//#region src/molecules/lightbox-image/lightbox-image.d.ts
+type LightboxImageProps = ComponentPropsWithoutRef<"img">;
+declare const LightboxImage: FC<LightboxImageProps>;
+//#endregion
+export { LightboxImage };

package/dist/molecules/lightbox-image/lightbox-image.mjs

@@ -0,0 +1,49 @@
+"use client";
+import { useLightboxImageStore } from "./use-lightbox-image-store.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/lightbox-image/lightbox-image.tsx
+const LightboxImage = (t0) => {
+	const $ = c(9);
+	let alt;
+	let props;
+	if ($[0] !== t0) {
+		({alt, ...props} = t0);
+		$[0] = t0;
+		$[1] = alt;
+		$[2] = props;
+	} else {
+		alt = $[1];
+		props = $[2];
+	}
+	const { effects } = useLightboxImageStore(typeof props.src === "string" ? props.src : "", alt ?? "");
+	const { handleOpen } = effects;
+	const t1 = alt ?? "";
+	let t2;
+	if ($[3] !== props || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("img", {
+			loading: "lazy",
+			decoding: "async",
+			alt: t1,
+			...props
+		});
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== handleOpen || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: handleOpen,
+			className: "block w-full cursor-zoom-in border-0 bg-transparent p-0",
+			children: t2
+		});
+		$[6] = handleOpen;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+};
+//#endregion
+export { LightboxImage };

package/dist/molecules/lightbox-image/use-lightbox-image-store.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { openLightbox } from "../../state/lightbox/lightbox-events.mjs";
+import { c } from "react/compiler-runtime";
+//#region src/molecules/lightbox-image/use-lightbox-image-store.ts
+const useLightboxImageStore = (src, alt) => {
+	const $ = c(5);
+	let t0;
+	if ($[0] !== alt || $[1] !== src) {
+		t0 = () => {
+			openLightbox({
+				src,
+				alt
+			});
+		};
+		$[0] = alt;
+		$[1] = src;
+		$[2] = t0;
+	} else t0 = $[2];
+	const handleOpen = t0;
+	let t1;
+	if ($[3] !== handleOpen) {
+		t1 = { effects: { handleOpen } };
+		$[3] = handleOpen;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+};
+//#endregion
+export { useLightboxImageStore };

package/dist/molecules/links/pills-links/index.d.mts

@@ -0,0 +1,2 @@
+import { BluePillLink, PillProps, RedPillLink } from "./pills-links.mjs";
+export { BluePillLink, type PillProps, RedPillLink };

package/dist/molecules/links/pills-links/pills-links.d.mts

@@ -0,0 +1,13 @@
+import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs";
+import "../../../atoms/links/anchor-link/index.mjs";
+import { FC, PropsWithChildren } from "react";
+//#region src/molecules/links/pills-links/pills-links.d.ts
+type PillProps = PropsWithChildren<{
+  to: string;
+  onClick?: () => void;
+  linkComponent?: LinkComponent;
+}>;
+declare const RedPillLink: FC<PillProps>;
+declare const BluePillLink: FC<PillProps>;
+//#endregion
+export { BluePillLink, PillProps, RedPillLink };

package/dist/molecules/links/pills-links/pills-links.mjs

@@ -0,0 +1,60 @@
+"use client";
+import { BluePill, RedPill } from "../../../atoms/effects/pills/pills.mjs";
+import { InternalLink } from "../../../atoms/links/internal-link/internal-link.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/links/pills-links/pills-links.tsx
+const RedPillLink = (t0) => {
+	const $ = c(7);
+	const { children, to, onClick, linkComponent } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(RedPill, { children });
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== linkComponent || $[3] !== onClick || $[4] !== t1 || $[5] !== to) {
+		t2 = /* @__PURE__ */ jsx(InternalLink, {
+			linkComponent,
+			className: "no-underline",
+			to,
+			onClick,
+			children: t1
+		});
+		$[2] = linkComponent;
+		$[3] = onClick;
+		$[4] = t1;
+		$[5] = to;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+};
+const BluePillLink = (t0) => {
+	const $ = c(7);
+	const { children, to, onClick, linkComponent } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(BluePill, { children });
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== linkComponent || $[3] !== onClick || $[4] !== t1 || $[5] !== to) {
+		t2 = /* @__PURE__ */ jsx(InternalLink, {
+			linkComponent,
+			className: "no-underline",
+			to,
+			onClick,
+			children: t1
+		});
+		$[2] = linkComponent;
+		$[3] = onClick;
+		$[4] = t1;
+		$[5] = to;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+};
+//#endregion
+export { BluePillLink, RedPillLink };

package/dist/molecules/menu/close/close.d.mts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+//#region src/molecules/menu/close/close.d.ts
+interface CloseProps {
+  onClick: () => void;
+}
+declare const Close: FC<CloseProps>;
+//#endregion
+export { Close };

package/dist/molecules/menu/close/close.mjs

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { BiX } from "react-icons/bi";
+//#region src/molecules/menu/close/close.tsx
+const Close = ({ onClick }) => /* @__PURE__ */ jsx(BiX, {
+	className: "size-9 text-primary-text",
+	onClick
+});
+//#endregion
+export { Close };

package/dist/molecules/menu/close/index.d.mts

@@ -0,0 +1,2 @@
+import { Close } from "./close.mjs";
+export { Close };

package/dist/molecules/menu/dropdown-menu/dropdown-menu.d.mts

@@ -0,0 +1,25 @@
+import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs";
+import "../../../atoms/links/anchor-link/index.mjs";
+import { FC } from "react";
+//#region src/molecules/menu/dropdown-menu/dropdown-menu.d.ts
+interface DropdownMenuItem {
+  label: string;
+  to: string;
+  selected?: boolean;
+  onClick?: () => void;
+  external?: boolean;
+}
+interface DropdownMenuGroup {
+  label: string;
+  items: DropdownMenuItem[];
+}
+interface DropdownMenuProps {
+  linkComponent?: LinkComponent;
+  label: string;
+  items: DropdownMenuGroup[];
+  className?: string;
+  chevronClassName?: string;
+}
+declare const DropdownMenu: FC<DropdownMenuProps>;
+//#endregion
+export { DropdownMenu, DropdownMenuProps };

package/dist/molecules/menu/dropdown-menu/dropdown-menu.mjs

@@ -0,0 +1,143 @@
+"use client";
+import { MenuItem } from "../menu-item/menu-item.mjs";
+import { useDropdownMenuStore } from "./use-dropdown-menu-store.mjs";
+import { c } from "react/compiler-runtime";
+import { AnimatePresence } from "framer-motion";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BiChevronDown } from "react-icons/bi";
+//#region src/molecules/menu/dropdown-menu/dropdown-menu.tsx
+const DropdownMenu = (t0) => {
+	const $ = c(29);
+	const { label, items, className: t1, chevronClassName: t2, linkComponent } = t0;
+	const className = t1 === void 0 ? "" : t1;
+	const chevronClassName = t2 === void 0 ? "" : t2;
+	let t3;
+	if ($[0] !== items) {
+		t3 = items.flatMap(_temp).some(_temp2);
+		$[0] = items;
+		$[1] = t3;
+	} else t3 = $[1];
+	const { state, effects } = useDropdownMenuStore(t3);
+	const { open, selected, shouldReduceMotions, buttonRef, panelId } = state;
+	const { toggleOpen, handleBlur, handleKeyDown, getGroupId } = effects;
+	const t4 = `${className} xs:pl-4 xs:pr-1 xs:py-1 hover:bg-accent-alpha-10 hover:text-accent hover:border-accent relative flex flex-nowrap items-center justify-center gap-2 rounded-xl border border-solid px-1 py-2 text-center text-sm leading-normal text-shadow-md md:text-base ${open || selected ? "border-accent bg-accent-alpha-15 text-accent" : "border-transparent"}`;
+	const t5 = open ? panelId : void 0;
+	let t6;
+	if ($[2] !== label) {
+		t6 = /* @__PURE__ */ jsx("span", { children: label });
+		$[2] = label;
+		$[3] = t6;
+	} else t6 = $[3];
+	const t7 = `text-matrix-green transition-transform duration-200 ${chevronClassName} ${open ? "rotate-180" : "rotate-0"}`;
+	let t8;
+	if ($[4] !== t7) {
+		t8 = /* @__PURE__ */ jsx(BiChevronDown, {
+			className: t7,
+			size: 20
+		});
+		$[4] = t7;
+		$[5] = t8;
+	} else t8 = $[5];
+	let t9;
+	if ($[6] !== buttonRef || $[7] !== open || $[8] !== t4 || $[9] !== t5 || $[10] !== t6 || $[11] !== t8 || $[12] !== toggleOpen) {
+		t9 = /* @__PURE__ */ jsxs("button", {
+			ref: buttonRef,
+			className: t4,
+			"aria-expanded": open,
+			"aria-controls": t5,
+			onClick: toggleOpen,
+			type: "button",
+			children: [t6, t8]
+		});
+		$[6] = buttonRef;
+		$[7] = open;
+		$[8] = t4;
+		$[9] = t5;
+		$[10] = t6;
+		$[11] = t8;
+		$[12] = toggleOpen;
+		$[13] = t9;
+	} else t9 = $[13];
+	let t10;
+	if ($[14] !== getGroupId || $[15] !== items || $[16] !== label || $[17] !== linkComponent || $[18] !== open || $[19] !== panelId || $[20] !== shouldReduceMotions) {
+		t10 = open && /* @__PURE__ */ jsx("ul", {
+			id: panelId,
+			"aria-label": label,
+			role: "list",
+			className: `glow-container ${shouldReduceMotions ? "xs:bg-general-background" : "xs:bg-general-background/90"} relative mt-2 min-w-max list-none m-0 p-0 rounded-xl py-2 xs:absolute xs:right-0 xs:left-0 xs:w-60`,
+			tabIndex: -1,
+			children: items.map((group_0, idx) => {
+				const groupId = getGroupId(idx);
+				return /* @__PURE__ */ jsxs("li", {
+					className: "mb-0 pl-0 before:content-none",
+					children: [
+						idx > 0 && /* @__PURE__ */ jsx("div", {
+							"aria-hidden": "true",
+							className: "border-secondary-text/30 mx-3 border-t"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							id: groupId,
+							className: "text-secondary-text block px-4 pt-3 pb-1 text-sm font-bold uppercase tracking-wider cursor-default select-none",
+							children: group_0.label
+						}),
+						/* @__PURE__ */ jsx("ul", {
+							"aria-labelledby": groupId,
+							role: "list",
+							className: "list-none m-0 p-0",
+							children: group_0.items.map((item_0, itemIdx) => /* @__PURE__ */ jsx("li", {
+								className: "mb-0 pl-0 before:content-none",
+								children: /* @__PURE__ */ jsx(MenuItem, {
+									linkComponent,
+									to: item_0.to,
+									selected: item_0.selected ?? false,
+									className: "xs:whitespace-nowrap m-2 text-center",
+									onClick: item_0.onClick,
+									external: item_0.external,
+									children: item_0.label
+								})
+							}, item_0.label + itemIdx))
+						})
+					]
+				}, group_0.label + idx);
+			})
+		}, "dropdown-menu");
+		$[14] = getGroupId;
+		$[15] = items;
+		$[16] = label;
+		$[17] = linkComponent;
+		$[18] = open;
+		$[19] = panelId;
+		$[20] = shouldReduceMotions;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10) {
+		t11 = /* @__PURE__ */ jsx(AnimatePresence, { children: t10 });
+		$[22] = t10;
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[24] !== handleBlur || $[25] !== handleKeyDown || $[26] !== t11 || $[27] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: "relative z-50 mb-0",
+			tabIndex: -1,
+			onBlur: handleBlur,
+			onKeyDown: handleKeyDown,
+			children: [t9, t11]
+		});
+		$[24] = handleBlur;
+		$[25] = handleKeyDown;
+		$[26] = t11;
+		$[27] = t9;
+		$[28] = t12;
+	} else t12 = $[28];
+	return t12;
+};
+function _temp(group) {
+	return group.items;
+}
+function _temp2(item) {
+	return item.selected;
+}
+//#endregion
+export { DropdownMenu };

package/dist/molecules/menu/dropdown-menu/index.d.mts

@@ -0,0 +1,2 @@
+import { DropdownMenu } from "./dropdown-menu.mjs";
+export { DropdownMenu };

package/dist/molecules/menu/dropdown-menu/use-dropdown-menu-store.mjs

@@ -0,0 +1,108 @@
+"use client";
+import { useReducedMotions } from "../../../hooks/use-reduced-motions.mjs";
+import { c } from "react/compiler-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+//#region src/molecules/menu/dropdown-menu/use-dropdown-menu-store.ts
+const useDropdownMenuStore = (hasSelected) => {
+	const $ = c(20);
+	const shouldReduceMotions = useReducedMotions();
+	const [open, setOpen] = useState(false);
+	const buttonRef = useRef(null);
+	const id = useId();
+	const panelId = `${id}-panel`;
+	let t0;
+	let t1;
+	if ($[0] !== open) {
+		t0 = () => {
+			if (!open) return;
+			const handleScroll = () => setOpen(false);
+			window.addEventListener("scroll", handleScroll, { passive: true });
+			return () => window.removeEventListener("scroll", handleScroll);
+		};
+		t1 = [open];
+		$[0] = open;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setOpen(_temp);
+		$[3] = t2;
+	} else t2 = $[3];
+	const toggleOpen = t2;
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (e) => {
+			if (!e.currentTarget.contains(e.relatedTarget)) setOpen(false);
+		};
+		$[4] = t3;
+	} else t3 = $[4];
+	const handleBlur = t3;
+	let t4;
+	if ($[5] !== open) {
+		t4 = (e_0) => {
+			if (!open) return;
+			if (e_0.key === "Escape") {
+				setOpen(false);
+				buttonRef.current?.focus();
+			}
+		};
+		$[5] = open;
+		$[6] = t4;
+	} else t4 = $[6];
+	const handleKeyDown = t4;
+	let t5;
+	if ($[7] !== id) {
+		t5 = (index) => `${id}-group-${index}`;
+		$[7] = id;
+		$[8] = t5;
+	} else t5 = $[8];
+	const getGroupId = t5;
+	let t6;
+	if ($[9] !== hasSelected || $[10] !== open || $[11] !== panelId || $[12] !== shouldReduceMotions) {
+		t6 = {
+			open,
+			selected: hasSelected,
+			shouldReduceMotions,
+			buttonRef,
+			panelId
+		};
+		$[9] = hasSelected;
+		$[10] = open;
+		$[11] = panelId;
+		$[12] = shouldReduceMotions;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== getGroupId || $[15] !== handleKeyDown) {
+		t7 = {
+			toggleOpen,
+			handleBlur,
+			handleKeyDown,
+			getGroupId
+		};
+		$[14] = getGroupId;
+		$[15] = handleKeyDown;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== t6 || $[18] !== t7) {
+		t8 = {
+			state: t6,
+			effects: t7
+		};
+		$[17] = t6;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	return t8;
+};
+function _temp(v) {
+	return !v;
+}
+//#endregion
+export { useDropdownMenuStore };

package/dist/molecules/menu/hamburger-menu/hamburger-menu.d.mts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+//#region src/molecules/menu/hamburger-menu/hamburger-menu.d.ts
+interface HamburgerMenuProps {
+  onClick: () => void;
+}
+declare const HamburgerMenu: FC<HamburgerMenuProps>;
+//#endregion
+export { HamburgerMenu };

package/dist/molecules/menu/hamburger-menu/hamburger-menu.mjs

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { BiMenu } from "react-icons/bi";
+//#region src/molecules/menu/hamburger-menu/hamburger-menu.tsx
+const HamburgerMenu = ({ onClick }) => /* @__PURE__ */ jsx(BiMenu, {
+	className: "size-9",
+	onClick
+});
+//#endregion
+export { HamburgerMenu };

package/dist/molecules/menu/hamburger-menu/index.d.mts

@@ -0,0 +1,2 @@
+import { HamburgerMenu } from "./hamburger-menu.mjs";
+export { HamburgerMenu };

package/dist/molecules/menu/menu-item/index.d.mts

@@ -0,0 +1,2 @@
+import { MenuItem, MenuItemProps } from "./menu-item.mjs";
+export { MenuItem, type MenuItemProps };