@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/error-boundary/ErrorBoundary.d.ts

@@ -67,7 +67,7 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
     componentDidUpdate(prevProps: ErrorBoundaryProps): void;
     reset: () => void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 /**
  * Hook to create an error boundary reset function

package/dist/components/form/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../label/index.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-slot"),o=require("react-hook-form");var s=o.FormProvider,c=r.createContext({}),l=({...e})=>(0,i.jsx)(c.Provider,{value:{name:e.name},children:(0,i.jsx)(o.Controller,{...e})}),u=()=>{let e=r.useContext(c),t=r.useContext(d),{getFieldState:n,formState:i}=(0,o.useFormContext)(),a=n(e.name,i);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:s}=t;return{id:s,name:e.name,formItemId:`${s}-form-item`,formDescriptionId:`${s}-form-item-description`,formMessageId:`${s}-form-item-message`,...a}},d=r.createContext({}),f=r.forwardRef(({className:e,...n},a)=>{let o=r.useId();return(0,i.jsx)(d.Provider,{value:{id:o},children:(0,i.jsx)(`div`,{ref:a,className:t.cn(`space-y-2`,e),...n})})});f.displayName=`FormItem`;var p=r.forwardRef(({className:e,...r},a)=>{let{error:o,formItemId:s}=u();return(0,i.jsx)(n.Label,{ref:a,className:t.cn(o&&`text-destructive`,e),htmlFor:s,...r})});p.displayName=`FormLabel`;var m=r.forwardRef(({...e},t)=>{let{error:n,formItemId:r,formDescriptionId:o,formMessageId:s}=u();return(0,i.jsx)(a.Slot,{ref:t,id:r,"aria-describedby":n?`${o} ${s}`:`${o}`,"aria-invalid":!!n,...e})});m.displayName=`FormControl`;var h=r.forwardRef(({className:e,...n},r)=>{let{formDescriptionId:a}=u();return(0,i.jsx)(`p`,{ref:r,id:a,className:t.cn(`text-sm text-muted-foreground`,e),...n})});h.displayName=`FormDescription`;var g=r.forwardRef(({className:e,children:n,...r},a)=>{let{error:o,formMessageId:s}=u(),c=o?String(o?.message):n;return c?(0,i.jsx)(`p`,{ref:a,id:s,className:t.cn(`text-sm font-medium text-destructive`,e),...r,children:c}):null});g.displayName=`FormMessage`,exports.Form=s,exports.FormControl=m,exports.FormDescription=h,exports.FormField=l,exports.FormItem=f,exports.FormLabel=p,exports.FormMessage=g,exports.useFormField=u;

package/dist/components/form/index.es.js

@@ -0,0 +1,79 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Label as t } from "../label/index.es.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import { Controller as a, FormProvider as o, useFormContext as s } from "react-hook-form";
+//#region src/components/form/index.tsx
+var c = o, l = n.createContext({}), u = ({ ...e }) => /* @__PURE__ */ r(l.Provider, {
+	value: { name: e.name },
+	children: /* @__PURE__ */ r(a, { ...e })
+}), d = () => {
+	let e = n.useContext(l), t = n.useContext(f), { getFieldState: r, formState: i } = s(), a = r(e.name, i);
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let { id: o } = t;
+	return {
+		id: o,
+		name: e.name,
+		formItemId: `${o}-form-item`,
+		formDescriptionId: `${o}-form-item-description`,
+		formMessageId: `${o}-form-item-message`,
+		...a
+	};
+}, f = n.createContext({}), p = n.forwardRef(({ className: t, ...i }, a) => {
+	let o = n.useId();
+	return /* @__PURE__ */ r(f.Provider, {
+		value: { id: o },
+		children: /* @__PURE__ */ r("div", {
+			ref: a,
+			className: e("space-y-2", t),
+			...i
+		})
+	});
+});
+p.displayName = "FormItem";
+var m = n.forwardRef(({ className: n, ...i }, a) => {
+	let { error: o, formItemId: s } = d();
+	return /* @__PURE__ */ r(t, {
+		ref: a,
+		className: e(o && "text-destructive", n),
+		htmlFor: s,
+		...i
+	});
+});
+m.displayName = "FormLabel";
+var h = n.forwardRef(({ ...e }, t) => {
+	let { error: n, formItemId: a, formDescriptionId: o, formMessageId: s } = d();
+	return /* @__PURE__ */ r(i, {
+		ref: t,
+		id: a,
+		"aria-describedby": n ? `${o} ${s}` : `${o}`,
+		"aria-invalid": !!n,
+		...e
+	});
+});
+h.displayName = "FormControl";
+var g = n.forwardRef(({ className: t, ...n }, i) => {
+	let { formDescriptionId: a } = d();
+	return /* @__PURE__ */ r("p", {
+		ref: i,
+		id: a,
+		className: e("text-sm text-muted-foreground", t),
+		...n
+	});
+});
+g.displayName = "FormDescription";
+var _ = n.forwardRef(({ className: t, children: n, ...i }, a) => {
+	let { error: o, formMessageId: s } = d(), c = o ? String(o?.message) : n;
+	return c ? /* @__PURE__ */ r("p", {
+		ref: a,
+		id: s,
+		className: e("text-sm font-medium text-destructive", t),
+		...i,
+		children: c
+	}) : null;
+});
+_.displayName = "FormMessage";
+//#endregion
+export { c as Form, h as FormControl, g as FormDescription, u as FormField, p as FormItem, m as FormLabel, _ as FormMessage, d as useFormField };

package/dist/components/hover-card/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-hover-card");i=e.__toESM(i);var a=i.Root,o=i.Trigger,s=n.forwardRef(({className:e,align:n=`center`,sideOffset:a=4,...o},s)=>(0,r.jsx)(i.Content,{ref:s,align:n,sideOffset:a,className:t.cn(`z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,e),...o}));s.displayName=i.Content.displayName,exports.HoverCard=a,exports.HoverCardContent=s,exports.HoverCardTrigger=o;

package/dist/components/hover-card/index.es.js

@@ -0,0 +1,16 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-hover-card";
+//#region src/components/hover-card/index.tsx
+var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "center", sideOffset: a = 4, ...o }, s) => /* @__PURE__ */ n(r.Content, {
+	ref: s,
+	align: i,
+	sideOffset: a,
+	className: e("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", t),
+	...o
+}));
+o.displayName = r.Content.displayName;
+//#endregion
+export { i as HoverCard, o as HoverCardContent, a as HoverCardTrigger };

package/dist/components/index.d.ts

@@ -39,6 +39,8 @@ export * from './theme-selector';
 export * from './toast';
 export * from './toaster';
 export * from './toggle';
+export * from './toggle-group';
+export * from './resizable';
 export * from './tooltip';
 export * from './typography';
 export * from './DataTable';

package/dist/components/input/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime");var i=n.forwardRef(({className:e,type:n,...i},a)=>(0,r.jsx)(`input`,{type:n,className:t.cn(`flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`,e),ref:a,...i}));i.displayName=`Input`,exports.Input=i;

package/dist/{input-B8pxqKEs.mjs → components/input/index.es.js}

@@ -1,5 +1,6 @@
 "use client";
-import { t as e } from "./cn-Bpd_xIzI.mjs";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/input/index.tsx
@@ -11,4 +12,4 @@ var r = t.forwardRef(({ className: t, type: r, ...i }, a) => /* @__PURE__ */ n("
 }));
 r.displayName = "Input";
 //#endregion
-export { r as t };
+export { r as Input };

package/dist/components/input-otp/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime");var i=n.forwardRef(({length:e=6,value:i=``,onChange:a,onComplete:o,pattern:s=`numeric`,secure:c=!1,disabled:l=!1,className:u,error:d,size:f=`md`,separator:p,separatorElement:m=(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),...h},g)=>{let[_,v]=n.useState(i.split(``).slice(0,e)),y=n.useRef([]);n.useEffect(()=>{let t=i.split(``).slice(0,e);v(t)},[i,e]);let b=(()=>{switch(s){case`numeric`:return/^[0-9]$/;case`alpha`:return/^[a-zA-Z]$/;case`alphanumeric`:return/^[a-zA-Z0-9]$/;default:return/^.$/}})(),x=(t,n)=>{if(l)return;let r=n.slice(-1);if(r&&!b.test(r))return;let i=[..._];i[t]=r,v(i);let s=i.join(``);a?.(s),r&&t<e-1&&y.current[t+1]?.focus(),i.every(e=>e!==``)&&i.length===e&&o?.(s)},S=(t,n)=>{if(!l){if(n.key===`Backspace`){n.preventDefault();let e=[..._];e[t]?(e[t]=``,v(e),a?.(e.join(``))):t>0&&(e[t-1]=``,v(e),a?.(e.join(``)),y.current[t-1]?.focus())}if(n.key===`Delete`){n.preventDefault();let e=[..._];e[t]=``,v(e),a?.(e.join(``))}n.key===`ArrowLeft`&&t>0&&(n.preventDefault(),y.current[t-1]?.focus()),n.key===`ArrowRight`&&t<e-1&&(n.preventDefault(),y.current[t+1]?.focus()),n.key===`Home`&&(n.preventDefault(),y.current[0]?.focus()),n.key===`End`&&(n.preventDefault(),y.current[e-1]?.focus())}},C=t=>{if(t.preventDefault(),l)return;let n=t.clipboardData.getData(`text/plain`).split(``).filter(e=>b.test(e)).slice(0,e),r=[..._];n.forEach((e,t)=>{r[t]=e}),v(r),a?.(r.join(``));let i=r.findIndex(e=>!e);i===-1?y.current[e-1]?.focus():y.current[i]?.focus(),r.every(e=>e!==``)&&r.length===e&&o?.(r.join(``))},w=e=>{e.target.select()},T={sm:`h-8 w-8 text-sm`,md:`h-12 w-12 text-base`,lg:`h-16 w-16 text-lg`}[f];return(0,r.jsxs)(`div`,{ref:g,className:t.cn(`flex flex-col gap-2`,u),children:[(0,r.jsx)(`div`,{className:`flex items-center gap-2`,children:Array.from({length:e}).map((i,a)=>(0,r.jsxs)(n.Fragment,{children:[(0,r.jsx)(`input`,{ref:e=>{y.current[a]=e},type:c?`password`:`text`,inputMode:s===`numeric`?`numeric`:`text`,maxLength:1,value:_[a]||``,onChange:e=>x(a,e.target.value),onKeyDown:e=>S(a,e),onPaste:C,onFocus:w,disabled:l,className:t.cn(`flex items-center justify-center rounded-md border border-input bg-background text-center font-medium transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,`disabled:cursor-not-allowed disabled:opacity-50`,T,d&&`border-destructive focus-visible:ring-destructive`,_[a]&&`border-primary`),"aria-label":`Caractère ${a+1} sur ${e}`,...h}),p&&(a+1)%p===0&&a<e-1&&(0,r.jsx)(`div`,{className:`flex items-center justify-center`,children:m})]},a))}),d&&(0,r.jsx)(`p`,{className:`text-sm text-destructive`,role:`alert`,children:d})]})});i.displayName=`InputOTP`,exports.InputOTP=i;

package/dist/components/input-otp/index.es.js

@@ -0,0 +1,94 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/input-otp/index.tsx
+var i = t.forwardRef(({ length: i = 6, value: a = "", onChange: o, onComplete: s, pattern: c = "numeric", secure: l = !1, disabled: u = !1, className: d, error: f, size: p = "md", separator: m, separatorElement: h = /* @__PURE__ */ n("span", {
+	className: "text-muted-foreground",
+	children: "-"
+}), ...g }, _) => {
+	let [v, y] = t.useState(a.split("").slice(0, i)), b = t.useRef([]);
+	t.useEffect(() => {
+		let e = a.split("").slice(0, i);
+		y(e);
+	}, [a, i]);
+	let x = (() => {
+		switch (c) {
+			case "numeric": return /^[0-9]$/;
+			case "alpha": return /^[a-zA-Z]$/;
+			case "alphanumeric": return /^[a-zA-Z0-9]$/;
+			default: return /^.$/;
+		}
+	})(), S = (e, t) => {
+		if (u) return;
+		let n = t.slice(-1);
+		if (n && !x.test(n)) return;
+		let r = [...v];
+		r[e] = n, y(r);
+		let a = r.join("");
+		o?.(a), n && e < i - 1 && b.current[e + 1]?.focus(), r.every((e) => e !== "") && r.length === i && s?.(a);
+	}, C = (e, t) => {
+		if (!u) {
+			if (t.key === "Backspace") {
+				t.preventDefault();
+				let n = [...v];
+				n[e] ? (n[e] = "", y(n), o?.(n.join(""))) : e > 0 && (n[e - 1] = "", y(n), o?.(n.join("")), b.current[e - 1]?.focus());
+			}
+			if (t.key === "Delete") {
+				t.preventDefault();
+				let n = [...v];
+				n[e] = "", y(n), o?.(n.join(""));
+			}
+			t.key === "ArrowLeft" && e > 0 && (t.preventDefault(), b.current[e - 1]?.focus()), t.key === "ArrowRight" && e < i - 1 && (t.preventDefault(), b.current[e + 1]?.focus()), t.key === "Home" && (t.preventDefault(), b.current[0]?.focus()), t.key === "End" && (t.preventDefault(), b.current[i - 1]?.focus());
+		}
+	}, w = (e) => {
+		if (e.preventDefault(), u) return;
+		let t = e.clipboardData.getData("text/plain").split("").filter((e) => x.test(e)).slice(0, i), n = [...v];
+		t.forEach((e, t) => {
+			n[t] = e;
+		}), y(n), o?.(n.join(""));
+		let r = n.findIndex((e) => !e);
+		r === -1 ? b.current[i - 1]?.focus() : b.current[r]?.focus(), n.every((e) => e !== "") && n.length === i && s?.(n.join(""));
+	}, T = (e) => {
+		e.target.select();
+	}, E = {
+		sm: "h-8 w-8 text-sm",
+		md: "h-12 w-12 text-base",
+		lg: "h-16 w-16 text-lg"
+	}[p];
+	return /* @__PURE__ */ r("div", {
+		ref: _,
+		className: e("flex flex-col gap-2", d),
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex items-center gap-2",
+			children: Array.from({ length: i }).map((a, o) => /* @__PURE__ */ r(t.Fragment, { children: [/* @__PURE__ */ n("input", {
+				ref: (e) => {
+					b.current[o] = e;
+				},
+				type: l ? "password" : "text",
+				inputMode: c === "numeric" ? "numeric" : "text",
+				maxLength: 1,
+				value: v[o] || "",
+				onChange: (e) => S(o, e.target.value),
+				onKeyDown: (e) => C(o, e),
+				onPaste: w,
+				onFocus: T,
+				disabled: u,
+				className: e("flex items-center justify-center rounded-md border border-input bg-background text-center font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", E, f && "border-destructive focus-visible:ring-destructive", v[o] && "border-primary"),
+				"aria-label": `Caractère ${o + 1} sur ${i}`,
+				...g
+			}), m && (o + 1) % m === 0 && o < i - 1 && /* @__PURE__ */ n("div", {
+				className: "flex items-center justify-center",
+				children: h
+			})] }, o))
+		}), f && /* @__PURE__ */ n("p", {
+			className: "text-sm text-destructive",
+			role: "alert",
+			children: f
+		})]
+	});
+});
+i.displayName = "InputOTP";
+//#endregion
+export { i as InputOTP };

package/dist/components/label/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("class-variance-authority"),i=require("react/jsx-runtime"),a=require("@radix-ui/react-label");a=e.__toESM(a);var o=(0,r.cva)(`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`),s=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Root,{ref:r,className:t.cn(o(),e),...n}));s.displayName=a.Root.displayName,exports.Label=s;

package/dist/components/label/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { type VariantProps } from "class-variance-authority";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/components/label/index.es.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-label";
+//#region src/components/label/index.tsx
+var a = n("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), o = t.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ r(i.Root, {
+	ref: o,
+	className: e(a(), t),
+	...n
+}));
+o.displayName = i.Root.displayName;
+//#endregion
+export { o as Label };

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

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../select/index.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("react-dom");function s({languages:e,value:s,onChange:c,showFlags:l=!0,showLabels:u=!0,variant:d=`default`,isLoading:f=!1,className:p,placeholder:m=`Select language`,ariaLabel:h=`Select language`}){let[g,_]=r.useState(!1),[v,y]=r.useState(!1),b=r.useRef(null),x=r.useRef(null);r.useEffect(()=>{y(!0)},[]);let S=e.find(e=>e.code===s),C=e=>{c?.(e),_(!1)},[w,T]=r.useState({top:0,left:0});if(r.useEffect(()=>{if(g&&b.current&&v){let e=b.current.getBoundingClientRect();T({top:e.bottom+8,left:e.left})}},[g,v]),d==="default")return(0,a.jsxs)(n.Select,{value:s,onValueChange:c,disabled:f,children:[(0,a.jsx)(n.SelectTrigger,{className:t.cn(`w-[180px]`,p),children:(0,a.jsx)(n.SelectValue,{placeholder:m,children:S&&(0,a.jsxs)(`div`,{className:`flex items-center gap-2`,children:[l&&S.flagEmoji&&(0,a.jsx)(`span`,{className:`text-lg`,children:S.flagEmoji}),l&&S.flag&&!S.flagEmoji&&(0,a.jsx)(`img`,{src:S.flag,alt:S.label,className:`h-4 w-6 object-cover rounded`}),!l&&(0,a.jsx)(i.Globe,{className:`h-4 w-4 text-muted-foreground`}),u&&(0,a.jsx)(`span`,{children:S.label})]})})}),(0,a.jsx)(n.SelectContent,{children:e.map(e=>(0,a.jsx)(n.SelectItem,{value:e.code,children:(0,a.jsxs)(`div`,{className:`flex items-center gap-2`,children:[l&&e.flagEmoji&&(0,a.jsx)(`span`,{className:`text-lg`,children:e.flagEmoji}),l&&e.flag&&!e.flagEmoji&&(0,a.jsx)(`img`,{src:e.flag,alt:e.label,className:`h-4 w-6 object-cover rounded`}),u&&e.label]})},e.code))})]});if(d===`minimal`){let n=g&&v?(0,a.jsx)(`div`,{ref:x,className:`fixed z-[9999] min-w-[160px] rounded-md border border-border bg-popover text-popover-foreground p-2 shadow-lg`,style:{top:`${w.top}px`,left:`${w.left}px`},onMouseDown:e=>e.stopPropagation(),children:(0,a.jsx)(`div`,{className:`grid gap-1`,children:e.map(e=>(0,a.jsxs)(`button`,{onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),C(e.code)},type:`button`,className:t.cn(`flex items-center gap-2 rounded-sm px-2 py-2 text-sm hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer`,s===e.code&&`bg-accent`),children:[e.flagEmoji&&(0,a.jsx)(`span`,{className:`text-lg`,children:e.flagEmoji}),e.flag&&!e.flagEmoji&&(0,a.jsx)(`img`,{src:e.flag,alt:e.label,className:`h-4 w-6 object-cover rounded`}),(0,a.jsx)(`span`,{className:`flex-1 text-left`,children:e.label}),s===e.code&&(0,a.jsx)(i.Check,{className:`h-4 w-4 shrink-0`})]},e.code))})}):null;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(`button`,{ref:b,onClick:e=>{e.preventDefault(),e.stopPropagation(),_(!g)},className:t.cn(`flex h-9 w-9 items-center justify-center rounded-md border border-input bg-transparent hover:bg-accent hover:text-accent-foreground transition-colors`,p),title:`Changer de langue`,type:`button`,disabled:f,children:[S?.flagEmoji?(0,a.jsx)(`span`,{className:`text-lg`,children:S.flagEmoji}):(0,a.jsx)(i.Globe,{className:`h-4 w-4`}),(0,a.jsx)(`span`,{className:`sr-only`,children:h})]}),v&&typeof document<`u`&&n&&(0,o.createPortal)((0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{className:`fixed inset-0 z-[9998]`,onMouseDown:e=>{e.preventDefault(),_(!1)}}),n]}),document.body)]})}let E=!u,D=g&&v?(0,a.jsx)(`div`,{ref:x,className:t.cn(`fixed z-[9999] rounded-md border border-border bg-popover text-popover-foreground p-2 shadow-lg`,E?`min-w-[50px]`:`min-w-[180px]`),style:{top:`${w.top}px`,left:`${w.left}px`},onMouseDown:e=>e.stopPropagation(),children:(0,a.jsx)(`div`,{className:`grid gap-1`,children:e.map(e=>(0,a.jsxs)(`button`,{onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),C(e.code)},type:`button`,title:e.label,className:t.cn(`flex items-center gap-2 rounded-sm px-2 py-2 text-sm hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer`,s===e.code&&`bg-accent`,E&&`justify-center`),children:[l&&e.flagEmoji&&(0,a.jsx)(`span`,{className:`text-lg`,children:e.flagEmoji}),l&&e.flag&&!e.flagEmoji&&(0,a.jsx)(`img`,{src:e.flag,alt:e.label,className:`h-4 w-6 object-cover rounded`}),!E&&(0,a.jsx)(`span`,{className:`flex-1 text-left`,children:e.label}),!E&&s===e.code&&(0,a.jsx)(i.Check,{className:`h-4 w-4 shrink-0`})]},e.code))})}):null;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(`button`,{ref:b,onClick:e=>{e.preventDefault(),e.stopPropagation(),f||_(!g)},className:t.cn(`inline-flex items-center justify-center rounded-md border border-input bg-transparent text-sm hover:bg-accent hover:text-accent-foreground transition-colors`,E?`h-9 w-9 p-0`:`gap-2 px-3 py-2`,f&&`opacity-50 cursor-not-allowed`,p),disabled:f,type:`button`,"aria-label":h,title:S?.label||h,children:[l&&S?.flagEmoji&&(0,a.jsx)(`span`,{className:`text-lg`,children:S.flagEmoji}),l&&S?.flag&&!S?.flagEmoji&&(0,a.jsx)(`img`,{src:S.flag,alt:S.label,className:`h-4 w-6 object-cover rounded`}),!l&&(0,a.jsx)(i.Globe,{className:`h-4 w-4`}),u&&(0,a.jsx)(`span`,{children:S?.label||`Langue`}),!E&&(0,a.jsx)(i.ChevronDown,{className:`h-4 w-4`})]}),v&&typeof document<`u`&&D&&(0,o.createPortal)((0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{className:`fixed inset-0 z-[9998]`,onMouseDown:e=>{e.preventDefault(),_(!1)}}),D]}),document.body)]})}exports.LanguageSelector=s;

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

@@ -0,0 +1,200 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../select/index.es.js";
+import * as o from "react";
+import { Check as s, ChevronDown as c, Globe as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+//#region src/components/language-selector/index.tsx
+function m({ languages: m, value: h, onChange: g, showFlags: _ = !0, showLabels: v = !0, variant: y = "default", isLoading: b = !1, className: x, placeholder: S = "Select language", ariaLabel: C = "Select language" }) {
+	let [w, T] = o.useState(!1), [E, D] = o.useState(!1), O = o.useRef(null), k = o.useRef(null);
+	o.useEffect(() => {
+		D(!0);
+	}, []);
+	let A = m.find((e) => e.code === h), j = (e) => {
+		g?.(e), T(!1);
+	}, [M, N] = o.useState({
+		top: 0,
+		left: 0
+	});
+	if (o.useEffect(() => {
+		if (w && O.current && E) {
+			let e = O.current.getBoundingClientRect();
+			N({
+				top: e.bottom + 8,
+				left: e.left
+			});
+		}
+	}, [w, E]), y === "default") return /* @__PURE__ */ f(t, {
+		value: h,
+		onValueChange: g,
+		disabled: b,
+		children: [/* @__PURE__ */ d(i, {
+			className: e("w-[180px]", x),
+			children: /* @__PURE__ */ d(a, {
+				placeholder: S,
+				children: A && /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2",
+					children: [
+						_ && A.flagEmoji && /* @__PURE__ */ d("span", {
+							className: "text-lg",
+							children: A.flagEmoji
+						}),
+						_ && A.flag && !A.flagEmoji && /* @__PURE__ */ d("img", {
+							src: A.flag,
+							alt: A.label,
+							className: "h-4 w-6 object-cover rounded"
+						}),
+						!_ && /* @__PURE__ */ d(l, { className: "h-4 w-4 text-muted-foreground" }),
+						v && /* @__PURE__ */ d("span", { children: A.label })
+					]
+				})
+			})
+		}), /* @__PURE__ */ d(n, { children: m.map((e) => /* @__PURE__ */ d(r, {
+			value: e.code,
+			children: /* @__PURE__ */ f("div", {
+				className: "flex items-center gap-2",
+				children: [
+					_ && e.flagEmoji && /* @__PURE__ */ d("span", {
+						className: "text-lg",
+						children: e.flagEmoji
+					}),
+					_ && e.flag && !e.flagEmoji && /* @__PURE__ */ d("img", {
+						src: e.flag,
+						alt: e.label,
+						className: "h-4 w-6 object-cover rounded"
+					}),
+					v && e.label
+				]
+			})
+		}, e.code)) })]
+	});
+	if (y === "minimal") {
+		let t = w && E ? /* @__PURE__ */ d("div", {
+			ref: k,
+			className: "fixed z-[9999] min-w-[160px] rounded-md border border-border bg-popover text-popover-foreground p-2 shadow-lg",
+			style: {
+				top: `${M.top}px`,
+				left: `${M.left}px`
+			},
+			onMouseDown: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ d("div", {
+				className: "grid gap-1",
+				children: m.map((t) => /* @__PURE__ */ f("button", {
+					onMouseDown: (e) => {
+						e.preventDefault(), e.stopPropagation(), j(t.code);
+					},
+					type: "button",
+					className: e("flex items-center gap-2 rounded-sm px-2 py-2 text-sm hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer", h === t.code && "bg-accent"),
+					children: [
+						t.flagEmoji && /* @__PURE__ */ d("span", {
+							className: "text-lg",
+							children: t.flagEmoji
+						}),
+						t.flag && !t.flagEmoji && /* @__PURE__ */ d("img", {
+							src: t.flag,
+							alt: t.label,
+							className: "h-4 w-6 object-cover rounded"
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "flex-1 text-left",
+							children: t.label
+						}),
+						h === t.code && /* @__PURE__ */ d(s, { className: "h-4 w-4 shrink-0" })
+					]
+				}, t.code))
+			})
+		}) : null;
+		return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("button", {
+			ref: O,
+			onClick: (e) => {
+				e.preventDefault(), e.stopPropagation(), T(!w);
+			},
+			className: e("flex h-9 w-9 items-center justify-center rounded-md border border-input bg-transparent hover:bg-accent hover:text-accent-foreground transition-colors", x),
+			title: "Changer de langue",
+			type: "button",
+			disabled: b,
+			children: [A?.flagEmoji ? /* @__PURE__ */ d("span", {
+				className: "text-lg",
+				children: A.flagEmoji
+			}) : /* @__PURE__ */ d(l, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", {
+				className: "sr-only",
+				children: C
+			})]
+		}), E && typeof document < "u" && t && p(/* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+			className: "fixed inset-0 z-[9998]",
+			onMouseDown: (e) => {
+				e.preventDefault(), T(!1);
+			}
+		}), t] }), document.body)] });
+	}
+	let P = !v, F = w && E ? /* @__PURE__ */ d("div", {
+		ref: k,
+		className: e("fixed z-[9999] rounded-md border border-border bg-popover text-popover-foreground p-2 shadow-lg", P ? "min-w-[50px]" : "min-w-[180px]"),
+		style: {
+			top: `${M.top}px`,
+			left: `${M.left}px`
+		},
+		onMouseDown: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ d("div", {
+			className: "grid gap-1",
+			children: m.map((t) => /* @__PURE__ */ f("button", {
+				onMouseDown: (e) => {
+					e.preventDefault(), e.stopPropagation(), j(t.code);
+				},
+				type: "button",
+				title: t.label,
+				className: e("flex items-center gap-2 rounded-sm px-2 py-2 text-sm hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer", h === t.code && "bg-accent", P && "justify-center"),
+				children: [
+					_ && t.flagEmoji && /* @__PURE__ */ d("span", {
+						className: "text-lg",
+						children: t.flagEmoji
+					}),
+					_ && t.flag && !t.flagEmoji && /* @__PURE__ */ d("img", {
+						src: t.flag,
+						alt: t.label,
+						className: "h-4 w-6 object-cover rounded"
+					}),
+					!P && /* @__PURE__ */ d("span", {
+						className: "flex-1 text-left",
+						children: t.label
+					}),
+					!P && h === t.code && /* @__PURE__ */ d(s, { className: "h-4 w-4 shrink-0" })
+				]
+			}, t.code))
+		})
+	}) : null;
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("button", {
+		ref: O,
+		onClick: (e) => {
+			e.preventDefault(), e.stopPropagation(), b || T(!w);
+		},
+		className: e("inline-flex items-center justify-center rounded-md border border-input bg-transparent text-sm hover:bg-accent hover:text-accent-foreground transition-colors", P ? "h-9 w-9 p-0" : "gap-2 px-3 py-2", b && "opacity-50 cursor-not-allowed", x),
+		disabled: b,
+		type: "button",
+		"aria-label": C,
+		title: A?.label || C,
+		children: [
+			_ && A?.flagEmoji && /* @__PURE__ */ d("span", {
+				className: "text-lg",
+				children: A.flagEmoji
+			}),
+			_ && A?.flag && !A?.flagEmoji && /* @__PURE__ */ d("img", {
+				src: A.flag,
+				alt: A.label,
+				className: "h-4 w-6 object-cover rounded"
+			}),
+			!_ && /* @__PURE__ */ d(l, { className: "h-4 w-4" }),
+			v && /* @__PURE__ */ d("span", { children: A?.label || "Langue" }),
+			!P && /* @__PURE__ */ d(c, { className: "h-4 w-4" })
+		]
+	}), E && typeof document < "u" && F && p(/* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+		className: "fixed inset-0 z-[9998]",
+		onMouseDown: (e) => {
+			e.preventDefault(), T(!1);
+		}
+	}), F] }), document.body)] });
+}
+//#endregion
+export { m as LanguageSelector };

package/dist/components/menubar/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@radix-ui/react-menubar");a=e.__toESM(a);var o=a.Menu,s=a.Group,c=a.Portal,l=a.Sub,u=a.RadioGroup,d=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Root,{ref:r,className:t.cn(`flex h-10 items-center space-x-1 rounded-md border bg-background p-1`,e),...n}));d.displayName=a.Root.displayName;var f=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Trigger,{ref:r,className:t.cn(`flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground`,e),...n}));f.displayName=a.Trigger.displayName;var p=n.forwardRef(({className:e,inset:n,children:o,...s},c)=>(0,i.jsxs)(a.SubTrigger,{ref:c,className:t.cn(`flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground`,n&&`pl-8`,e),...s,children:[o,(0,i.jsx)(r.ChevronRight,{className:`ml-auto h-4 w-4`})]}));p.displayName=a.SubTrigger.displayName;var m=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.SubContent,{ref:r,className:t.cn(`z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,e),...n}));m.displayName=a.SubContent.displayName;var h=n.forwardRef(({className:e,align:n=`start`,alignOffset:r=-4,sideOffset:o=8,...s},c)=>(0,i.jsx)(a.Portal,{children:(0,i.jsx)(a.Content,{ref:c,align:n,alignOffset:r,sideOffset:o,className:t.cn(`z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,e),...s})}));h.displayName=a.Content.displayName;var g=n.forwardRef(({className:e,inset:n,...r},o)=>(0,i.jsx)(a.Item,{ref:o,className:t.cn(`relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,n&&`pl-8`,e),...r}));g.displayName=a.Item.displayName;var _=n.forwardRef(({className:e,children:n,checked:o,...s},c)=>(0,i.jsxs)(a.CheckboxItem,{ref:c,className:t.cn(`relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,e),checked:o,...s,children:[(0,i.jsx)(`span`,{className:`absolute left-2 flex h-3.5 w-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(r.Check,{className:`h-4 w-4`})})}),n]}));_.displayName=a.CheckboxItem.displayName;var v=n.forwardRef(({className:e,children:n,...o},s)=>(0,i.jsxs)(a.RadioItem,{ref:s,className:t.cn(`relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,e),...o,children:[(0,i.jsx)(`span`,{className:`absolute left-2 flex h-3.5 w-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(r.Circle,{className:`h-2 w-2 fill-current`})})}),n]}));v.displayName=a.RadioItem.displayName;var y=n.forwardRef(({className:e,inset:n,...r},o)=>(0,i.jsx)(a.Label,{ref:o,className:t.cn(`px-2 py-1.5 text-sm font-semibold`,n&&`pl-8`,e),...r}));y.displayName=a.Label.displayName;var b=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Separator,{ref:r,className:t.cn(`-mx-1 my-1 h-px bg-muted`,e),...n}));b.displayName=a.Separator.displayName;var x=({className:e,...n})=>(0,i.jsx)(`span`,{className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground`,e),...n});x.displayName=`MenubarShortcut`,exports.Menubar=d,exports.MenubarCheckboxItem=_,exports.MenubarContent=h,exports.MenubarGroup=s,exports.MenubarItem=g,exports.MenubarLabel=y,exports.MenubarMenu=o,exports.MenubarPortal=c,exports.MenubarRadioGroup=u,exports.MenubarRadioItem=v,exports.MenubarSeparator=b,exports.MenubarShortcut=x,exports.MenubarSub=l,exports.MenubarSubContent=m,exports.MenubarSubTrigger=p,exports.MenubarTrigger=f;

package/dist/components/menubar/index.es.js

@@ -0,0 +1,87 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Check as n, ChevronRight as r, Circle as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-menubar";
+//#region src/components/menubar/index.tsx
+var c = s.Menu, l = s.Group, u = s.Portal, d = s.Sub, f = s.RadioGroup, p = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Root, {
+	ref: r,
+	className: e("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", t),
+	...n
+}));
+p.displayName = s.Root.displayName;
+var m = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Trigger, {
+	ref: r,
+	className: e("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t),
+	...n
+}));
+m.displayName = s.Trigger.displayName;
+var h = t.forwardRef(({ className: t, inset: n, children: i, ...c }, l) => /* @__PURE__ */ o(s.SubTrigger, {
+	ref: l,
+	className: e("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", n && "pl-8", t),
+	...c,
+	children: [i, /* @__PURE__ */ a(r, { className: "ml-auto h-4 w-4" })]
+}));
+h.displayName = s.SubTrigger.displayName;
+var g = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.SubContent, {
+	ref: r,
+	className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", t),
+	...n
+}));
+g.displayName = s.SubContent.displayName;
+var _ = t.forwardRef(({ className: t, align: n = "start", alignOffset: r = -4, sideOffset: i = 8, ...o }, c) => /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ a(s.Content, {
+	ref: c,
+	align: n,
+	alignOffset: r,
+	sideOffset: i,
+	className: e("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", t),
+	...o
+}) }));
+_.displayName = s.Content.displayName;
+var v = t.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ a(s.Item, {
+	ref: i,
+	className: e("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n && "pl-8", t),
+	...r
+}));
+v.displayName = s.Item.displayName;
+var y = t.forwardRef(({ className: t, children: r, checked: i, ...c }, l) => /* @__PURE__ */ o(s.CheckboxItem, {
+	ref: l,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
+	checked: i,
+	...c,
+	children: [/* @__PURE__ */ a("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ a(s.ItemIndicator, { children: /* @__PURE__ */ a(n, { className: "h-4 w-4" }) })
+	}), r]
+}));
+y.displayName = s.CheckboxItem.displayName;
+var b = t.forwardRef(({ className: t, children: n, ...r }, c) => /* @__PURE__ */ o(s.RadioItem, {
+	ref: c,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
+	...r,
+	children: [/* @__PURE__ */ a("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ a(s.ItemIndicator, { children: /* @__PURE__ */ a(i, { className: "h-2 w-2 fill-current" }) })
+	}), n]
+}));
+b.displayName = s.RadioItem.displayName;
+var x = t.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ a(s.Label, {
+	ref: i,
+	className: e("px-2 py-1.5 text-sm font-semibold", n && "pl-8", t),
+	...r
+}));
+x.displayName = s.Label.displayName;
+var S = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Separator, {
+	ref: r,
+	className: e("-mx-1 my-1 h-px bg-muted", t),
+	...n
+}));
+S.displayName = s.Separator.displayName;
+var C = ({ className: t, ...n }) => /* @__PURE__ */ a("span", {
+	className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
+	...n
+});
+C.displayName = "MenubarShortcut";
+//#endregion
+export { p as Menubar, y as MenubarCheckboxItem, _ as MenubarContent, l as MenubarGroup, v as MenubarItem, x as MenubarLabel, c as MenubarMenu, u as MenubarPortal, f as MenubarRadioGroup, b as MenubarRadioItem, S as MenubarSeparator, C as MenubarShortcut, d as MenubarSub, g as MenubarSubContent, h as MenubarSubTrigger, m as MenubarTrigger };

package/dist/components/navigation-menu/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@radix-ui/react-navigation-menu");o=e.__toESM(o);var s=n.forwardRef(({className:e,children:n,...r},i)=>(0,a.jsxs)(o.Root,{ref:i,className:t.cn(`relative z-10 flex max-w-max flex-1 items-center justify-center`,e),...r,children:[n,(0,a.jsx)(m,{})]}));s.displayName=o.Root.displayName;var c=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(o.List,{ref:r,className:t.cn(`group flex flex-1 list-none items-center justify-center space-x-1`,e),...n}));c.displayName=o.List.displayName;var l=o.Item,u=(0,i.cva)(`group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50`),d=n.forwardRef(({className:e,children:n,...i},s)=>(0,a.jsxs)(o.Trigger,{ref:s,className:t.cn(u(),`group`,e),...i,children:[n,` `,(0,a.jsx)(r.ChevronDown,{className:`relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]}));d.displayName=o.Trigger.displayName;var f=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(o.Content,{ref:r,className:t.cn(`left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto `,e),...n}));f.displayName=o.Content.displayName;var p=o.Link,m=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(`div`,{className:t.cn(`absolute left-0 top-full flex justify-center`),children:(0,a.jsx)(o.Viewport,{className:t.cn(`origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]`,e),ref:r,...n})}));m.displayName=o.Viewport.displayName;var h=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(o.Indicator,{ref:r,className:t.cn(`top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in`,e),...n,children:(0,a.jsx)(`div`,{className:`relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md`})}));h.displayName=o.Indicator.displayName,exports.NavigationMenu=s,exports.NavigationMenuContent=f,exports.NavigationMenuIndicator=h,exports.NavigationMenuItem=l,exports.NavigationMenuLink=p,exports.NavigationMenuList=c,exports.NavigationMenuTrigger=d,exports.NavigationMenuViewport=m,exports.navigationMenuTriggerStyle=u;

package/dist/components/navigation-menu/index.d.ts

@@ -3,7 +3,7 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
 declare const NavigationMenuItem: typeof NavigationMenuPrimitive.Item;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp) => string;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const NavigationMenuLink: typeof NavigationMenuPrimitive.Link;