@enadhq/enad-react-sdk 1.0.0 → 1.1.0

package/dist/client/ui/simple-select.mjs

@@ -0,0 +1,128 @@
+"use client";
+import { useIcon } from "../icons/icon-context.mjs";
+import { cn } from "./utils.mjs";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/client/ui/simple-select.tsx
+const triggerVariants = cva(cn("flex w-full items-center justify-between", "text-base transition-colors duration-200", "focus:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50"), {
+	variants: { variant: {
+		bordered: cn("h-9 rounded-[var(--enad-input-radius)] border border-input bg-background px-3 py-1 shadow-xs", "hover:border-ring data-[state=open]:border-ring"),
+		minimal: cn("border border-input bg-transparent px-4 py-3", "hover:border-foreground/50 data-[state=open]:border-foreground")
+	} },
+	defaultVariants: { variant: "bordered" }
+});
+function SimpleSelect({ options, value, onChange, label, placeholder = "Select...", className = "", variant = "bordered" }) {
+	const [open, setOpen] = useState(false);
+	const [focusedIndex, setFocusedIndex] = useState(-1);
+	const containerRef = useRef(null);
+	const listboxRef = useRef(null);
+	const labelId = useId();
+	const listboxId = useId();
+	const ChevronDown = useIcon("chevronDown");
+	const ChevronUp = useIcon("chevronUp");
+	const selectedOption = options.find((o) => o.value === value);
+	const close = useCallback(() => {
+		setOpen(false);
+		setFocusedIndex(-1);
+	}, []);
+	useEffect(() => {
+		const handleClickOutside = (e) => {
+			if (containerRef.current && !containerRef.current.contains(e.target)) close();
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [close]);
+	useEffect(() => {
+		if (open && focusedIndex >= 0 && listboxRef.current) listboxRef.current.querySelectorAll("[role=\"option\"]")[focusedIndex]?.scrollIntoView({ block: "nearest" });
+	}, [focusedIndex, open]);
+	const handleKeyDown = (e) => {
+		switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault();
+				if (open && focusedIndex >= 0 && options[focusedIndex]) {
+					onChange(options[focusedIndex].value);
+					close();
+				} else {
+					setOpen(true);
+					setFocusedIndex(options.findIndex((o) => o.value === value));
+				}
+				break;
+			case "ArrowDown":
+				e.preventDefault();
+				if (!open) {
+					setOpen(true);
+					setFocusedIndex(0);
+				} else setFocusedIndex((i) => Math.min(i + 1, options.length - 1));
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				if (open) setFocusedIndex((i) => Math.max(i - 1, 0));
+				break;
+			case "Escape":
+				close();
+				break;
+			case "Tab":
+				close();
+				break;
+		}
+	};
+	const ChevronIcon = open ? ChevronUp : ChevronDown;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		"data-slot": "simple-select",
+		className: cn("relative", className),
+		children: [
+			label && /* @__PURE__ */ jsx("span", {
+				id: labelId,
+				className: "mb-2 block text-sm font-medium text-foreground",
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				role: "combobox",
+				"aria-expanded": open,
+				"aria-controls": listboxId,
+				"aria-labelledby": label ? labelId : void 0,
+				"data-state": open ? "open" : "closed",
+				onClick: () => {
+					setOpen((o) => !o);
+					if (!open) setFocusedIndex(options.findIndex((o) => o.value === value));
+				},
+				onKeyDown: handleKeyDown,
+				className: triggerVariants({ variant }),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: selectedOption ? "text-foreground" : "text-muted-foreground",
+					children: selectedOption ? selectedOption.label : placeholder
+				}), /* @__PURE__ */ jsx(ChevronIcon, {
+					className: "size-4 shrink-0 text-muted-foreground",
+					"aria-hidden": true
+				})]
+			}),
+			open && /* @__PURE__ */ jsx("ul", {
+				ref: listboxRef,
+				id: listboxId,
+				role: "listbox",
+				"aria-labelledby": label ? labelId : void 0,
+				className: "absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-[var(--enad-input-radius)] border border-input bg-background shadow-lg",
+				children: options.map((option, index) => /* @__PURE__ */ jsx("li", {
+					role: "option",
+					"aria-selected": option.value === value,
+					"data-focused": focusedIndex === index ? "" : void 0,
+					className: cn("cursor-pointer px-4 py-2 text-sm transition-colors duration-150", option.value === value ? "bg-accent font-medium text-foreground" : "text-foreground", focusedIndex === index && "bg-accent", "hover:bg-accent"),
+					onClick: () => {
+						onChange(option.value);
+						close();
+					},
+					onMouseEnter: () => setFocusedIndex(index),
+					children: option.label
+				}, option.value))
+			})
+		]
+	});
+}
+//#endregion
+export { SimpleSelect, triggerVariants };
+
+//# sourceMappingURL=simple-select.mjs.map

package/dist/client/ui/simple-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-select.mjs","names":[],"sources":["../../../src/client/ui/simple-select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState, useRef, useEffect, useId, useCallback } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"./utils\";\nimport { useIcon } from \"../icons/icon-context\";\n\ntype SimpleSelectOption = {\n  value: string;\n  label: string;\n};\n\nconst triggerVariants = cva(\n  cn(\n    \"flex w-full items-center justify-between\",\n    \"text-base transition-colors duration-200\",\n    \"focus:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n  ),\n  {\n    variants: {\n      variant: {\n        bordered: cn(\n          \"h-9 rounded-[var(--enad-input-radius)] border border-input bg-background px-3 py-1 shadow-xs\",\n          \"hover:border-ring data-[state=open]:border-ring\",\n        ),\n        minimal: cn(\n          \"border border-input bg-transparent px-4 py-3\",\n          \"hover:border-foreground/50 data-[state=open]:border-foreground\",\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: \"bordered\",\n    },\n  },\n);\n\ntype SimpleSelectProps = {\n  options: SimpleSelectOption[];\n  value: string;\n  onChange: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  className?: string;\n} & VariantProps<typeof triggerVariants>;\n\nfunction SimpleSelect({\n  options,\n  value,\n  onChange,\n  label,\n  placeholder = \"Select...\",\n  className = \"\",\n  variant = \"bordered\",\n}: SimpleSelectProps) {\n  const [open, setOpen] = useState(false);\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const labelId = useId();\n  const listboxId = useId();\n\n  const ChevronDown = useIcon(\"chevronDown\");\n  const ChevronUp = useIcon(\"chevronUp\");\n\n  const selectedOption = options.find((o) => o.value === value);\n\n  const close = useCallback(() => {\n    setOpen(false);\n    setFocusedIndex(-1);\n  }, []);\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        close();\n      }\n    };\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, [close]);\n\n  useEffect(() => {\n    if (open && focusedIndex >= 0 && listboxRef.current) {\n      const items = listboxRef.current.querySelectorAll('[role=\"option\"]');\n      (items[focusedIndex] as HTMLElement)?.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [focusedIndex, open]);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case \"Enter\":\n      case \" \":\n        e.preventDefault();\n        if (open && focusedIndex >= 0 && options[focusedIndex]) {\n          onChange(options[focusedIndex].value);\n          close();\n        } else {\n          setOpen(true);\n          setFocusedIndex(options.findIndex((o) => o.value === value));\n        }\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (!open) {\n          setOpen(true);\n          setFocusedIndex(0);\n        } else {\n          setFocusedIndex((i) => Math.min(i + 1, options.length - 1));\n        }\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (open) {\n          setFocusedIndex((i) => Math.max(i - 1, 0));\n        }\n        break;\n      case \"Escape\":\n        close();\n        break;\n      case \"Tab\":\n        close();\n        break;\n    }\n  };\n\n  const ChevronIcon = open ? ChevronUp : ChevronDown;\n\n  return (\n    <div ref={containerRef} data-slot=\"simple-select\" className={cn(\"relative\", className)}>\n      {label && (\n        <span id={labelId} className=\"mb-2 block text-sm font-medium text-foreground\">\n          {label}\n        </span>\n      )}\n      <button\n        type=\"button\"\n        role=\"combobox\"\n        aria-expanded={open}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        data-state={open ? \"open\" : \"closed\"}\n        onClick={() => {\n          setOpen((o) => !o);\n          if (!open) setFocusedIndex(options.findIndex((o) => o.value === value));\n        }}\n        onKeyDown={handleKeyDown}\n        className={triggerVariants({ variant })}\n      >\n        <span className={selectedOption ? \"text-foreground\" : \"text-muted-foreground\"}>\n          {selectedOption ? selectedOption.label : placeholder}\n        </span>\n        <ChevronIcon className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />\n      </button>\n\n      {open && (\n        <ul\n          ref={listboxRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-labelledby={label ? labelId : undefined}\n          className=\"absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-[var(--enad-input-radius)] border border-input bg-background shadow-lg\"\n        >\n          {options.map((option, index) => (\n            <li\n              key={option.value}\n              role=\"option\"\n              aria-selected={option.value === value}\n              data-focused={focusedIndex === index ? \"\" : undefined}\n              className={cn(\n                \"cursor-pointer px-4 py-2 text-sm transition-colors duration-150\",\n                option.value === value\n                  ? \"bg-accent font-medium text-foreground\"\n                  : \"text-foreground\",\n                focusedIndex === index && \"bg-accent\",\n                \"hover:bg-accent\",\n              )}\n              onClick={() => {\n                onChange(option.value);\n                close();\n              }}\n              onMouseEnter={() => setFocusedIndex(index)}\n            >\n              {option.label}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nexport { SimpleSelect, triggerVariants, type SimpleSelectOption, type SimpleSelectProps };\n"],"mappings":"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"}

package/dist/client/ui/stepper.d.ts

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui/stepper.d.ts
+type StepperOrientation = "horizontal" | "vertical";
+declare function Stepper({
+  activeStep,
+  orientation,
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  activeStep?: number;
+  orientation?: StepperOrientation;
+}): react_jsx_runtime0.JSX.Element;
+declare function StepperItem({
+  step,
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  step: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function StepperTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+declare function StepperDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+declare function StepperSeparator({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/client/ui/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../../src/client/ui/stepper.tsx"],"mappings":";;;;KAMK,kBAAA;AAAA,iBAgBI,OAAA,CAAA;EACP,UAAA;EACA,WAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EACP,UAAA;EACA,WAAA,GAAc,kBAAA;AAAA,IACf,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAsBQ,WAAA,CAAA;EACP,IAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EAA0B,IAAA;AAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAmDxC,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMlE,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUxE,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/stepper.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { cn } from "./utils.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/ui/stepper.tsx
+const StepperContext = React$1.createContext({
+	activeStep: 0,
+	orientation: "horizontal"
+});
+function useStepper() {
+	return React$1.useContext(StepperContext);
+}
+function Stepper({ activeStep = 0, orientation = "horizontal", className, children, ...props }) {
+	const value = React$1.useMemo(() => ({
+		activeStep,
+		orientation
+	}), [activeStep, orientation]);
+	return /* @__PURE__ */ jsx(StepperContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "stepper",
+			"data-orientation": orientation,
+			className: cn("flex gap-2", orientation === "vertical" ? "flex-col" : "flex-row items-center", className),
+			role: "list",
+			...props,
+			children
+		})
+	});
+}
+function StepperItem({ step, className, children, ...props }) {
+	const { activeStep, orientation } = useStepper();
+	const status = step < activeStep ? "completed" : step === activeStep ? "active" : "upcoming";
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "stepper-item",
+		"data-status": status,
+		"data-orientation": orientation,
+		className: cn("flex items-center gap-2", orientation === "vertical" && "flex-col items-start", orientation === "horizontal" && "flex-1", className),
+		role: "listitem",
+		"aria-current": status === "active" ? "step" : void 0,
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			"data-slot": "stepper-indicator",
+			className: cn("flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors", status === "completed" && "border-primary bg-primary text-primary-foreground", status === "active" && "border-primary text-primary", status === "upcoming" && "border-muted-foreground/30 text-muted-foreground"),
+			children: status === "completed" ? /* @__PURE__ */ jsx("svg", {
+				className: "size-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					d: "M5 13l4 4L19 7"
+				})
+			}) : step + 1
+		}), children && /* @__PURE__ */ jsx("div", {
+			"data-slot": "stepper-content",
+			className: "flex flex-col gap-0.5",
+			children
+		})]
+	});
+}
+function StepperTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "stepper-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
+}
+function StepperDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "stepper-description",
+		className: cn("text-xs text-muted-foreground", className),
+		...props
+	});
+}
+function StepperSeparator({ className, ...props }) {
+	const { orientation } = useStepper();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "stepper-separator",
+		"data-orientation": orientation,
+		className: cn("bg-muted-foreground/30 transition-colors data-[status=completed]:bg-primary", orientation === "horizontal" ? "h-0.5 flex-1" : "ml-4 w-0.5 min-h-4", className),
+		role: "separator",
+		...props
+	});
+}
+//#endregion
+export { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle };
+
+//# sourceMappingURL=stepper.mjs.map

package/dist/client/ui/stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.mjs","names":["React"],"sources":["../../../src/client/ui/stepper.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\ntype StepperOrientation = \"horizontal\" | \"vertical\";\n\ninterface StepperContextValue {\n  activeStep: number;\n  orientation: StepperOrientation;\n}\n\nconst StepperContext = React.createContext<StepperContextValue>({\n  activeStep: 0,\n  orientation: \"horizontal\",\n});\n\nfunction useStepper() {\n  return React.useContext(StepperContext);\n}\n\nfunction Stepper({\n  activeStep = 0,\n  orientation = \"horizontal\",\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  activeStep?: number;\n  orientation?: StepperOrientation;\n}) {\n  const value = React.useMemo(() => ({ activeStep, orientation }), [activeStep, orientation]);\n\n  return (\n    <StepperContext.Provider value={value}>\n      <div\n        data-slot=\"stepper\"\n        data-orientation={orientation}\n        className={cn(\n          \"flex gap-2\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row items-center\",\n          className,\n        )}\n        role=\"list\"\n        {...props}\n      >\n        {children}\n      </div>\n    </StepperContext.Provider>\n  );\n}\n\nfunction StepperItem({\n  step,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & { step: number }) {\n  const { activeStep, orientation } = useStepper();\n  const status = step < activeStep ? \"completed\" : step === activeStep ? \"active\" : \"upcoming\";\n\n  return (\n    <div\n      data-slot=\"stepper-item\"\n      data-status={status}\n      data-orientation={orientation}\n      className={cn(\n        \"flex items-center gap-2\",\n        orientation === \"vertical\" && \"flex-col items-start\",\n        orientation === \"horizontal\" && \"flex-1\",\n        className,\n      )}\n      role=\"listitem\"\n      aria-current={status === \"active\" ? \"step\" : undefined}\n      {...props}\n    >\n      <div\n        data-slot=\"stepper-indicator\"\n        className={cn(\n          \"flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors\",\n          status === \"completed\" && \"border-primary bg-primary text-primary-foreground\",\n          status === \"active\" && \"border-primary text-primary\",\n          status === \"upcoming\" && \"border-muted-foreground/30 text-muted-foreground\",\n        )}\n      >\n        {status === \"completed\" ? (\n          <svg\n            className=\"size-4\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            strokeWidth={3}\n          >\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n          </svg>\n        ) : (\n          step + 1\n        )}\n      </div>\n      {children && (\n        <div data-slot=\"stepper-content\" className=\"flex flex-col gap-0.5\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction StepperTitle({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span data-slot=\"stepper-title\" className={cn(\"text-sm font-medium\", className)} {...props} />\n  );\n}\n\nfunction StepperDescription({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"stepper-description\"\n      className={cn(\"text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction StepperSeparator({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useStepper();\n\n  return (\n    <div\n      data-slot=\"stepper-separator\"\n      data-orientation={orientation}\n      className={cn(\n        \"bg-muted-foreground/30 transition-colors data-[status=completed]:bg-primary\",\n        orientation === \"horizontal\" ? \"h-0.5 flex-1\" : \"ml-4 w-0.5 min-h-4\",\n        className,\n      )}\n      role=\"separator\"\n      {...props}\n    />\n  );\n}\n\nexport { Stepper, StepperItem, StepperTitle, StepperDescription, StepperSeparator };\n"],"mappings":";;;;;AAaA,MAAM,iBAAiBA,QAAM,cAAmC;CAC9D,YAAY;CACZ,aAAa;CACd,CAAC;AAEF,SAAS,aAAa;AACpB,QAAOA,QAAM,WAAW,eAAe;;AAGzC,SAAS,QAAQ,EACf,aAAa,GACb,cAAc,cACd,WACA,UACA,GAAG,SAIF;CACD,MAAM,QAAQA,QAAM,eAAe;EAAE;EAAY;EAAa,GAAG,CAAC,YAAY,YAAY,CAAC;AAE3F,QACE,oBAAC,eAAe,UAAhB;EAAgC;YAC9B,oBAAC,OAAD;GACE,aAAU;GACV,oBAAkB;GAClB,WAAW,GACT,cACA,gBAAgB,aAAa,aAAa,yBAC1C,UACD;GACD,MAAK;GACL,GAAI;GAEH;GACG,CAAA;EACkB,CAAA;;AAI9B,SAAS,YAAY,EACnB,MACA,WACA,UACA,GAAG,SAC8C;CACjD,MAAM,EAAE,YAAY,gBAAgB,YAAY;CAChD,MAAM,SAAS,OAAO,aAAa,cAAc,SAAS,aAAa,WAAW;AAElF,QACE,qBAAC,OAAD;EACE,aAAU;EACV,eAAa;EACb,oBAAkB;EAClB,WAAW,GACT,2BACA,gBAAgB,cAAc,wBAC9B,gBAAgB,gBAAgB,UAChC,UACD;EACD,MAAK;EACL,gBAAc,WAAW,WAAW,SAAS,KAAA;EAC7C,GAAI;YAZN,CAcE,oBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,gHACA,WAAW,eAAe,qDAC1B,WAAW,YAAY,+BACvB,WAAW,cAAc,mDAC1B;aAEA,WAAW,cACV,oBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,SAAQ;IACR,QAAO;IACP,aAAa;cAEb,oBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,GAAE;KAAmB,CAAA;IACpE,CAAA,GAEN,OAAO;GAEL,CAAA,EACL,YACC,oBAAC,OAAD;GAAK,aAAU;GAAkB,WAAU;GACxC;GACG,CAAA,CAEJ;;;AAIV,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAAC,QAAD;EAAM,aAAU;EAAgB,WAAW,GAAG,uBAAuB,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIlG,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;AACjF,QACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,MAAM,EAAE,gBAAgB,YAAY;AAEpC,QACE,oBAAC,OAAD;EACE,aAAU;EACV,oBAAkB;EAClB,WAAW,GACT,+EACA,gBAAgB,eAAe,iBAAiB,sBAChD,UACD;EACD,MAAK;EACL,GAAI;EACJ,CAAA"}

package/dist/client/ui/tabs.d.ts

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "radix-ui";
+
+//#region src/client/ui/tabs.d.ts
+declare function Tabs({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime0.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/client/ui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/client/ui/tabs.tsx"],"mappings":";;;;;iBAOS,IAAA,CAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU7E,QAAA,CAAA;EAAW,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAajF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAavF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/tabs.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { cn } from "./utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "radix-ui";
+//#region src/client/ui/tabs.tsx
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Root, {
+		"data-slot": "tabs",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.List, {
+		"data-slot": "tabs-list",
+		className: cn("inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground", className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+
+//# sourceMappingURL=tabs.mjs.map

package/dist/client/ui/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":["TabsPrimitive"],"sources":["../../../src/client/ui/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";;;;;;AAOA,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0D;AACtF,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;EACJ,CAAA;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAA0D;AAC1F,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GACT,gIACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GACT,oeACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;EACJ,CAAA"}

package/dist/client/ui/toggle-group.d.ts

@@ -0,0 +1,27 @@
+import { toggleVariants } from "./toggle.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+
+//#region src/client/ui/toggle-group.d.ts
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
+  spacing?: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/client/ui/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/client/ui/toggle-group.tsx"],"mappings":";;;;;;;iBAiBS,WAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA,IAClD,YAAA,QAAoB,cAAA;EAClB,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqBM,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA,IAClD,YAAA,QAAoB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/toggle-group.mjs

@@ -0,0 +1,49 @@
+import { cn } from "./utils.mjs";
+import { toggleVariants } from "./toggle.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+//#region src/client/ui/toggle-group.tsx
+const ToggleGroupContext = React$1.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 0
+});
+function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-spacing": spacing,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing
+			},
+			children
+		})
+	});
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+	const context = React$1.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-spacing": context.spacing,
+		className: cn(toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size
+		}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className),
+		...props,
+		children
+	});
+}
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.mjs.map

package/dist/client/ui/toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.mjs","names":["React","ToggleGroupPrimitive"],"sources":["../../../src/client/ui/toggle-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\nimport { toggleVariants } from \"./toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":";;;;;;AAOA,MAAM,qBAAqBA,QAAM,cAI/B;CACA,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC;AAEF,SAAS,YAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,UACA,GAAG,SAIA;AACH,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,WAAW,GACT,6IACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAS;GAC3D;GAC2B,CAAA;EACJ,CAAA;;AAIhC,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAEkC;CACrC,MAAM,UAAUD,QAAM,WAAW,mBAAmB;AAEpD,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GACvB,CAAC,EACF,8DACA,+OACA,UACD;EACD,GAAI;EAEH;EACyB,CAAA"}

package/dist/client/ui/toggle.d.ts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Toggle as Toggle$1 } from "radix-ui";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/client/ui/toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/client/ui/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../../src/client/ui/toggle.tsx"],"mappings":";;;;;;;cAMM,cAAA,GAAc,KAAA;;;IAoBnB,+BAAA,CAAA,SAAA;AAAA,iBAEQ,MAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA,IAC7C,YAAA,QAAoB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/toggle.mjs

@@ -0,0 +1,38 @@
+import { cn } from "./utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Toggle as Toggle$1 } from "radix-ui";
+//#region src/client/ui/toggle.tsx
+const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground"
+		},
+		size: {
+			default: "h-9 min-w-9 px-2",
+			sm: "h-8 min-w-8 px-1.5",
+			lg: "h-10 min-w-10 px-2.5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Toggle({ className, variant, size, ...props }) {
+	return /* @__PURE__ */ jsx(Toggle$1.Root, {
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+//#endregion
+export { Toggle, toggleVariants };
+
+//# sourceMappingURL=toggle.mjs.map

package/dist/client/ui/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.mjs","names":["TogglePrimitive"],"sources":["../../../src/client/ui/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground\",\n      },\n      size: {\n        default: \"h-9 min-w-9 px-2\",\n        sm: \"h-8 min-w-8 px-1.5\",\n        lg: \"h-10 min-w-10 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;;AAMA,MAAM,iBAAiB,IACrB,ijBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,MACA,GAAG,SAEkC;AACrC,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;EACJ,CAAA"}

package/dist/client/ui/tooltip.d.ts

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "radix-ui";
+
+//#region src/client/ui/tooltip.d.ts
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime0.JSX.Element;
+declare function Tooltip({
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/client/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/client/ui/tooltip.tsx"],"mappings":";;;;;iBAOS,eAAA,CAAA;EACP,aAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUhD,OAAA,CAAA;EAAA,GAAa;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQxE,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIlF,cAAA,CAAA;EACP,SAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/tooltip.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { cn } from "./utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "radix-ui";
+//#region src/client/ui/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 4, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.mjs.map

package/dist/client/ui/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":["TooltipPrimitive"],"sources":["../../../src/client/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;;AAOA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;AACzD,QACE,oBAACA,UAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;EACJ,CAAA;;AAIN,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,QACE,oBAAC,iBAAD,EAAA,UACE,oBAACA,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,QAAO,oBAACA,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;AACxD,QACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,qBAACA,UAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,sbACA,UACD;EACD,GAAI;YAPN,CASG,UACD,oBAACA,UAAiB,OAAlB,EAAwB,WAAU,qFAAsF,CAAA,CAC/F;KACH,CAAA"}

package/dist/client/ui/utils.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue } from "clsx";
+
+//#region src/client/ui/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };
+//# sourceMappingURL=utils.d.ts.map

package/dist/client/ui/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../src/client/ui/utils.ts"],"mappings":";;;iBAGgB,EAAA,CAAA,GAAM,MAAA,EAAQ,UAAA"}

package/dist/client/ui/utils.mjs

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+//#region src/client/ui/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn };
+
+//# sourceMappingURL=utils.mjs.map