@m5kdev/web-ui 0.8.7 → 0.8.9

package/dist/src/components/ui/resizable-navbar.js

@@ -0,0 +1,149 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let motion_react = require("motion/react");
+//#region src/components/ui/resizable-navbar.tsx
+const Navbar = ({ children, className }) => {
+	const ref = (0, react.useRef)(null);
+	const { scrollY } = (0, motion_react.useScroll)({
+		target: ref,
+		offset: ["start start", "end start"]
+	});
+	const [visible, setVisible] = (0, react.useState)(false);
+	(0, motion_react.useMotionValueEvent)(scrollY, "change", (latest) => {
+		if (latest > 20) setVisible(true);
+		else setVisible(false);
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		ref,
+		className: require_src_lib_utils.cn("fixed inset-x-0 top-8 z-100 w-full", className),
+		children: react.default.Children.map(children, (child) => react.default.isValidElement(child) ? react.default.cloneElement(child, { visible }) : child)
+	});
+};
+const NavBody = ({ children, className, visible }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		animate: {
+			backdropFilter: visible ? "blur(10px)" : "none",
+			boxShadow: visible ? "0 0 24px rgba(34, 42, 53, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(34, 42, 53, 0.04), 0 0 4px rgba(34, 42, 53, 0.08), 0 16px 68px rgba(47, 48, 55, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset" : "none",
+			width: visible ? "40%" : "100%",
+			y: visible ? 20 : 0
+		},
+		transition: {
+			type: "spring",
+			stiffness: 200,
+			damping: 50
+		},
+		style: { minWidth: "800px" },
+		className: require_src_lib_utils.cn("relative z-[60] mx-auto hidden w-full max-w-7xl flex-row items-center justify-between self-start rounded-full bg-transparent px-4 py-2 lg:flex dark:bg-transparent", visible && "bg-white/80 dark:bg-neutral-950/80", className),
+		children
+	});
+};
+const NavItems = ({ items, className, onItemClick }) => {
+	const [hovered, setHovered] = (0, react.useState)(null);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		onMouseLeave: () => setHovered(null),
+		className: require_src_lib_utils.cn("absolute inset-0 hidden flex-1 flex-row items-center justify-center space-x-2 text-sm font-medium text-zinc-600 transition duration-200 hover:text-zinc-800 lg:flex lg:space-x-2", className),
+		children: items.map((item, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+			onMouseEnter: () => setHovered(idx),
+			onClick: onItemClick,
+			className: "relative px-4 py-2 text-neutral-600 dark:text-neutral-300",
+			href: item.link,
+			children: [hovered === idx && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+				layoutId: "hovered",
+				className: "absolute inset-0 h-full w-full rounded-full bg-gray-100 dark:bg-neutral-800"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "relative z-20",
+				children: item.name
+			})]
+		}, `link-${idx}`))
+	});
+};
+const MobileNav = ({ children, className, visible }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		animate: {
+			backdropFilter: visible ? "blur(10px)" : "none",
+			boxShadow: visible ? "0 0 24px rgba(34, 42, 53, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(34, 42, 53, 0.04), 0 0 4px rgba(34, 42, 53, 0.08), 0 16px 68px rgba(47, 48, 55, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset" : "none",
+			width: visible ? "90%" : "100%",
+			paddingRight: visible ? "12px" : "0px",
+			paddingLeft: visible ? "12px" : "0px",
+			borderRadius: visible ? "4px" : "2rem",
+			y: visible ? 20 : 0
+		},
+		transition: {
+			type: "spring",
+			stiffness: 200,
+			damping: 50
+		},
+		className: require_src_lib_utils.cn("relative z-50 mx-auto flex w-full max-w-[calc(100vw-2rem)] flex-col items-center justify-between bg-transparent px-0 py-2 lg:hidden", visible && "bg-white/80 dark:bg-neutral-950/80", className),
+		children
+	});
+};
+const MobileNavHeader = ({ children, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_src_lib_utils.cn("flex w-full flex-row items-center justify-between", className),
+		children
+	});
+};
+const MobileNavMenu = ({ children, className, isOpen }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		className: require_src_lib_utils.cn("absolute inset-x-0 top-16 z-50 flex w-full flex-col items-start justify-start gap-4 rounded-lg bg-white px-4 py-8 shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset] dark:bg-neutral-950", className),
+		children
+	}) });
+};
+const MobileNavToggle = ({ isOpen, onClick }) => {
+	return isOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, {
+		className: "text-black dark:text-white",
+		onClick
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MenuIcon, {
+		className: "text-black dark:text-white",
+		onClick
+	});
+};
+const NavbarLogo = ({ logo = "/mk.png", title = "Kowalkowski", alt }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		href: "/",
+		className: "relative z-20 mr-4 flex items-center space-x-2 px-2 py-1 text-sm font-normal text-black",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src: logo,
+			alt: alt || `${title} logo`,
+			width: 30,
+			height: 30
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "font-medium text-black dark:text-white",
+			children: title
+		})]
+	});
+};
+const NavbarButton = ({ href, as: Tag = "a", children, className, variant = "primary", ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, {
+		href: href || void 0,
+		className: require_src_lib_utils.cn("px-4 py-2 rounded-md bg-white button bg-white text-black text-sm font-bold relative cursor-pointer hover:-translate-y-0.5 transition duration-200 inline-block text-center", {
+			primary: "shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]",
+			secondary: "bg-transparent shadow-none dark:text-white",
+			dark: "bg-black text-white shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]",
+			gradient: "bg-gradient-to-b from-blue-500 to-blue-700 text-white shadow-[0px_2px_0px_0px_rgba(255,255,255,0.3)_inset]"
+		}[variant], className),
+		...props,
+		children
+	});
+};
+//#endregion
+exports.MobileNav = MobileNav;
+exports.MobileNavHeader = MobileNavHeader;
+exports.MobileNavMenu = MobileNavMenu;
+exports.MobileNavToggle = MobileNavToggle;
+exports.NavBody = NavBody;
+exports.NavItems = NavItems;
+exports.Navbar = Navbar;
+exports.NavbarButton = NavbarButton;
+exports.NavbarLogo = NavbarLogo;
+
+//# sourceMappingURL=resizable-navbar.js.map

package/dist/src/components/ui/resizable-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-navbar.js","names":["motion","cn","React","AnimatePresence","XIcon","MenuIcon"],"sources":["../../../../src/components/ui/resizable-navbar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { MenuIcon, XIcon } from \"lucide-react\";\r\nimport { AnimatePresence, motion, useMotionValueEvent, useScroll } from \"motion/react\";\r\nimport React, { useRef, useState } from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\ninterface NavbarProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\ninterface NavBodyProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  visible?: boolean;\r\n}\r\n\r\ninterface NavItemsProps {\r\n  items: {\r\n    name: string;\r\n    link: string;\r\n  }[];\r\n  className?: string;\r\n  onItemClick?: () => void;\r\n}\r\n\r\ninterface MobileNavProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  visible?: boolean;\r\n}\r\n\r\ninterface MobileNavHeaderProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\ninterface MobileNavMenuProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n}\r\n\r\nexport const Navbar = ({ children, className }: NavbarProps) => {\r\n  const ref = useRef<HTMLDivElement>(null);\r\n  const { scrollY } = useScroll({\r\n    target: ref,\r\n    offset: [\"start start\", \"end start\"],\r\n  });\r\n  const [visible, setVisible] = useState<boolean>(false);\r\n\r\n  useMotionValueEvent(scrollY, \"change\", (latest) => {\r\n    if (latest > 20) {\r\n      setVisible(true);\r\n    } else {\r\n      setVisible(false);\r\n    }\r\n  });\r\n\r\n  return (\r\n    <motion.div\r\n      ref={ref}\r\n      // IMPORTANT: Change this to class of `fixed` if you want the navbar to be fixed\r\n      className={cn(\"fixed inset-x-0 top-8 z-100 w-full\", className)}\r\n    >\r\n      {React.Children.map(children, (child) =>\r\n        React.isValidElement(child)\r\n          ? React.cloneElement(child as React.ReactElement<{ visible?: boolean }>, { visible })\r\n          : child\r\n      )}\r\n    </motion.div>\r\n  );\r\n};\r\n\r\nexport const NavBody = ({ children, className, visible }: NavBodyProps) => {\r\n  return (\r\n    <motion.div\r\n      animate={{\r\n        backdropFilter: visible ? \"blur(10px)\" : \"none\",\r\n        boxShadow: visible\r\n          ? \"0 0 24px rgba(34, 42, 53, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(34, 42, 53, 0.04), 0 0 4px rgba(34, 42, 53, 0.08), 0 16px 68px rgba(47, 48, 55, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset\"\r\n          : \"none\",\r\n        width: visible ? \"40%\" : \"100%\",\r\n        y: visible ? 20 : 0,\r\n      }}\r\n      transition={{\r\n        type: \"spring\",\r\n        stiffness: 200,\r\n        damping: 50,\r\n      }}\r\n      style={{\r\n        minWidth: \"800px\",\r\n      }}\r\n      className={cn(\r\n        \"relative z-[60] mx-auto hidden w-full max-w-7xl flex-row items-center justify-between self-start rounded-full bg-transparent px-4 py-2 lg:flex dark:bg-transparent\",\r\n        visible && \"bg-white/80 dark:bg-neutral-950/80\",\r\n        className\r\n      )}\r\n    >\r\n      {children}\r\n    </motion.div>\r\n  );\r\n};\r\n\r\nexport const NavItems = ({ items, className, onItemClick }: NavItemsProps) => {\r\n  const [hovered, setHovered] = useState<number | null>(null);\r\n\r\n  return (\r\n    <motion.div\r\n      onMouseLeave={() => setHovered(null)}\r\n      className={cn(\r\n        \"absolute inset-0 hidden flex-1 flex-row items-center justify-center space-x-2 text-sm font-medium text-zinc-600 transition duration-200 hover:text-zinc-800 lg:flex lg:space-x-2\",\r\n        className\r\n      )}\r\n    >\r\n      {items.map((item, idx) => (\r\n        <a\r\n          onMouseEnter={() => setHovered(idx)}\r\n          onClick={onItemClick}\r\n          className=\"relative px-4 py-2 text-neutral-600 dark:text-neutral-300\"\r\n          key={`link-${idx}`}\r\n          href={item.link}\r\n        >\r\n          {hovered === idx && (\r\n            <motion.div\r\n              layoutId=\"hovered\"\r\n              className=\"absolute inset-0 h-full w-full rounded-full bg-gray-100 dark:bg-neutral-800\"\r\n            />\r\n          )}\r\n          <span className=\"relative z-20\">{item.name}</span>\r\n        </a>\r\n      ))}\r\n    </motion.div>\r\n  );\r\n};\r\n\r\nexport const MobileNav = ({ children, className, visible }: MobileNavProps) => {\r\n  return (\r\n    <motion.div\r\n      animate={{\r\n        backdropFilter: visible ? \"blur(10px)\" : \"none\",\r\n        boxShadow: visible\r\n          ? \"0 0 24px rgba(34, 42, 53, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(34, 42, 53, 0.04), 0 0 4px rgba(34, 42, 53, 0.08), 0 16px 68px rgba(47, 48, 55, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset\"\r\n          : \"none\",\r\n        width: visible ? \"90%\" : \"100%\",\r\n        paddingRight: visible ? \"12px\" : \"0px\",\r\n        paddingLeft: visible ? \"12px\" : \"0px\",\r\n        borderRadius: visible ? \"4px\" : \"2rem\",\r\n        y: visible ? 20 : 0,\r\n      }}\r\n      transition={{\r\n        type: \"spring\",\r\n        stiffness: 200,\r\n        damping: 50,\r\n      }}\r\n      className={cn(\r\n        \"relative z-50 mx-auto flex w-full max-w-[calc(100vw-2rem)] flex-col items-center justify-between bg-transparent px-0 py-2 lg:hidden\",\r\n        visible && \"bg-white/80 dark:bg-neutral-950/80\",\r\n        className\r\n      )}\r\n    >\r\n      {children}\r\n    </motion.div>\r\n  );\r\n};\r\n\r\nexport const MobileNavHeader = ({ children, className }: MobileNavHeaderProps) => {\r\n  return (\r\n    <div className={cn(\"flex w-full flex-row items-center justify-between\", className)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const MobileNavMenu = ({ children, className, isOpen }: MobileNavMenuProps) => {\r\n  return (\r\n    <AnimatePresence>\r\n      {isOpen && (\r\n        <motion.div\r\n          initial={{ opacity: 0 }}\r\n          animate={{ opacity: 1 }}\r\n          exit={{ opacity: 0 }}\r\n          className={cn(\r\n            \"absolute inset-x-0 top-16 z-50 flex w-full flex-col items-start justify-start gap-4 rounded-lg bg-white px-4 py-8 shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset] dark:bg-neutral-950\",\r\n            className\r\n          )}\r\n        >\r\n          {children}\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>\r\n  );\r\n};\r\n\r\nexport const MobileNavToggle = ({ isOpen, onClick }: { isOpen: boolean; onClick: () => void }) => {\r\n  return isOpen ? (\r\n    <XIcon className=\"text-black dark:text-white\" onClick={onClick} />\r\n  ) : (\r\n    <MenuIcon className=\"text-black dark:text-white\" onClick={onClick} />\r\n  );\r\n};\r\n\r\nexport const NavbarLogo = ({\r\n  logo = \"/mk.png\",\r\n  title = \"Kowalkowski\",\r\n  alt,\r\n}: {\r\n  logo?: string;\r\n  title?: string;\r\n  alt?: string;\r\n}) => {\r\n  return (\r\n    <a\r\n      href=\"/\"\r\n      className=\"relative z-20 mr-4 flex items-center space-x-2 px-2 py-1 text-sm font-normal text-black\"\r\n    >\r\n      <img src={logo} alt={alt || `${title} logo`} width={30} height={30} />\r\n      <span className=\"font-medium text-black dark:text-white\">{title}</span>\r\n    </a>\r\n  );\r\n};\r\n\r\nexport const NavbarButton = ({\r\n  href,\r\n  as: Tag = \"a\",\r\n  children,\r\n  className,\r\n  variant = \"primary\",\r\n  ...props\r\n}: {\r\n  href?: string;\r\n  as?: React.ElementType;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  variant?: \"primary\" | \"secondary\" | \"dark\" | \"gradient\";\r\n} & (React.ComponentPropsWithoutRef<\"a\"> | React.ComponentPropsWithoutRef<\"button\">)) => {\r\n  const baseStyles =\r\n    \"px-4 py-2 rounded-md bg-white button bg-white text-black text-sm font-bold relative cursor-pointer hover:-translate-y-0.5 transition duration-200 inline-block text-center\";\r\n\r\n  const variantStyles = {\r\n    primary:\r\n      \"shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]\",\r\n    secondary: \"bg-transparent shadow-none dark:text-white\",\r\n    dark: \"bg-black text-white shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]\",\r\n    gradient:\r\n      \"bg-gradient-to-b from-blue-500 to-blue-700 text-white shadow-[0px_2px_0px_0px_rgba(255,255,255,0.3)_inset]\",\r\n  };\r\n\r\n  return (\r\n    <Tag\r\n      href={href || undefined}\r\n      className={cn(baseStyles, variantStyles[variant], className)}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Tag>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/components/ui/resizable-navbar.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-import { MenuIcon, XIcon } from "lucide-react";
 import React, { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuIcon, XIcon } from "lucide-react";
 import { AnimatePresence, motion, useMotionValueEvent, useScroll } from "motion/react";
 //#region src/components/ui/resizable-navbar.tsx
 const Navbar = ({ children, className }) => {

package/dist/src/components/ui/segment-control.d.ts

@@ -0,0 +1,12 @@
+//#region src/components/ui/segment-control.d.ts
+interface SegmentControlProps {
+  options: string[];
+  value: string | null;
+  onChange: (value: string | null) => void;
+  className?: string;
+  resetButton: boolean;
+}
+declare const SegmentControl: React.FC<SegmentControlProps>;
+//#endregion
+export { SegmentControl };
+//# sourceMappingURL=segment-control.d.ts.map

package/dist/src/components/ui/segment-control.js

@@ -0,0 +1,89 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_button = require("./button.js");
+const require_src_components_ui_dropdown_menu = require("./dropdown-menu.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _tabler_icons_react = require("@tabler/icons-react");
+//#region src/components/ui/segment-control.tsx
+const SegmentDropdown = ({ options, value, resetButton, onChange }) => {
+	const [triggerWidth, setTriggerWidth] = (0, react.useState)();
+	const triggerRef = (0, react.useRef)(null);
+	const [open, setOpen] = (0, react.useState)(false);
+	(0, react.useLayoutEffect)(() => {
+		if (triggerRef.current) {
+			console.log(triggerRef.current.offsetWidth);
+			setTriggerWidth(triggerRef.current.offsetWidth);
+		}
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenu, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuTrigger, {
+			asChild: true,
+			ref: triggerRef,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_button.Button, {
+				className: "w-full justify-between rounded-full border border-muted bg-muted/70 px-4 py-2 text-sm font-medium text-white",
+				children: [value ?? resetButton ?? options[0], /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronDown, { className: "ml-2 h-4 w-4 opacity-60" })]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuContent, {
+			style: { width: triggerWidth },
+			onInteractOutside: (e) => {
+				e.preventDefault();
+				setOpen(false);
+			},
+			children: [resetButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+				onSelect: (e) => {
+					e.preventDefault();
+					onChange(null);
+					setOpen(false);
+				},
+				className: value === null ? "bg-primary text-primary-foreground" : "",
+				children: resetButton
+			}), options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+				onSelect: (e) => {
+					e.preventDefault();
+					onChange(option);
+					setOpen(false);
+				},
+				className: value === option ? "bg-primary text-primary-foreground" : "",
+				children: option
+			}, option))]
+		})]
+	});
+};
+const SegmentControl = ({ options, value, onChange, className = "", resetButton = false }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "block sm:hidden w-full " + className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentDropdown, {
+			options,
+			value,
+			resetButton,
+			onChange
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+		className: "hidden sm:inline-flex flex-wrap items-center justify-center gap-1 sm:gap-2 bg-muted/70 rounded-full px-2 py-1.5 sm:px-4 sm:py-2 border-0 " + className,
+		children: [options.map((option) => {
+			const selected = value === option;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_button.Button, {
+				type: "button",
+				variant: "ghost",
+				onClick: () => onChange(option),
+				className: "transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] " + (selected ? "bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground" : "bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow"),
+				"aria-pressed": selected,
+				children: option
+			}, option);
+		}), resetButton && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-l border-muted-foreground/20 h-4 sm:h-6 mx-1 sm:mx-2" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_button.Button, {
+			type: "button",
+			variant: "ghost",
+			onClick: () => onChange(null),
+			className: "transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] " + (value === null ? "bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground" : "bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow"),
+			"aria-label": "Reset",
+			children: resetButton
+		})] })]
+	})] });
+};
+//#endregion
+exports.SegmentControl = SegmentControl;
+
+//# sourceMappingURL=segment-control.js.map

package/dist/src/components/ui/segment-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-control.js","names":["DropdownMenu","DropdownMenuTrigger","Button","IconChevronDown","DropdownMenuContent","DropdownMenuItem"],"sources":["../../../../src/components/ui/segment-control.tsx"],"sourcesContent":["import { IconChevronDown } from \"@tabler/icons-react\";\r\nimport { useLayoutEffect, useRef, useState } from \"react\";\r\nimport { Button } from \"./button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"./dropdown-menu\";\r\n\r\ninterface SegmentControlProps {\r\n  options: string[];\r\n  value: string | null;\r\n  onChange: (value: string | null) => void;\r\n  className?: string;\r\n  resetButton: boolean;\r\n}\r\n\r\nconst SegmentDropdown = ({ options, value, resetButton, onChange }: SegmentControlProps) => {\r\n  const [triggerWidth, setTriggerWidth] = useState<number>();\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const [open, setOpen] = useState(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (triggerRef.current) {\r\n      console.log(triggerRef.current.offsetWidth);\r\n      setTriggerWidth(triggerRef.current.offsetWidth);\r\n    }\r\n  }, []);\r\n  return (\r\n    <DropdownMenu open={open} onOpenChange={setOpen}>\r\n      <DropdownMenuTrigger asChild ref={triggerRef}>\r\n        <Button className=\"w-full justify-between rounded-full border border-muted bg-muted/70 px-4 py-2 text-sm font-medium text-white\">\r\n          {value ?? resetButton ?? options[0]}\r\n          <IconChevronDown className=\"ml-2 h-4 w-4 opacity-60\" />\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent\r\n        style={{ width: triggerWidth }}\r\n        onInteractOutside={(e) => {\r\n          e.preventDefault();\r\n          setOpen(false);\r\n        }}\r\n      >\r\n        {resetButton && (\r\n          <DropdownMenuItem\r\n            onSelect={(e) => {\r\n              e.preventDefault();\r\n              onChange(null);\r\n              setOpen(false);\r\n            }}\r\n            className={value === null ? \"bg-primary text-primary-foreground\" : \"\"}\r\n          >\r\n            {resetButton}\r\n          </DropdownMenuItem>\r\n        )}\r\n        {options.map((option) => (\r\n          <DropdownMenuItem\r\n            key={option}\r\n            onSelect={(e) => {\r\n              e.preventDefault();\r\n              onChange(option);\r\n              setOpen(false);\r\n            }}\r\n            className={value === option ? \"bg-primary text-primary-foreground\" : \"\"}\r\n          >\r\n            {option}\r\n          </DropdownMenuItem>\r\n        ))}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  );\r\n};\r\n\r\nexport const SegmentControl: React.FC<SegmentControlProps> = ({\r\n  options,\r\n  value,\r\n  onChange,\r\n  className = \"\",\r\n  resetButton = false,\r\n}) => {\r\n  // Dropdown for mobile (below sm)\r\n  return (\r\n    <>\r\n      {/* Mobile: Dropdown */}\r\n      <div className={\"block sm:hidden w-full \" + className}>\r\n        <SegmentDropdown\r\n          options={options}\r\n          value={value}\r\n          resetButton={resetButton}\r\n          onChange={onChange}\r\n        />\r\n      </div>\r\n      {/* Desktop: Segmented buttons */}\r\n      <fieldset\r\n        className={\r\n          \"hidden sm:inline-flex flex-wrap items-center justify-center gap-1 sm:gap-2 bg-muted/70 rounded-full px-2 py-1.5 sm:px-4 sm:py-2 border-0 \" +\r\n          className\r\n        }\r\n      >\r\n        {options.map((option) => {\r\n          const selected = value === option;\r\n          return (\r\n            <Button\r\n              key={option}\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              onClick={() => onChange(option)}\r\n              className={\r\n                \"transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] \" +\r\n                (selected\r\n                  ? \"bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground\"\r\n                  : \"bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow\")\r\n              }\r\n              aria-pressed={selected}\r\n            >\r\n              {option}\r\n            </Button>\r\n          );\r\n        })}\r\n        {resetButton && (\r\n          <>\r\n            <div className=\"border-l border-muted-foreground/20 h-4 sm:h-6 mx-1 sm:mx-2\" />\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              onClick={() => onChange(null)}\r\n              className={\r\n                \"transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] \" +\r\n                (value === null\r\n                  ? \"bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground\"\r\n                  : \"bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow\")\r\n              }\r\n              aria-label=\"Reset\"\r\n            >\r\n              {resetButton}\r\n            </Button>\r\n          </>\r\n        )}\r\n      </fieldset>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;AAkBA,MAAM,mBAAmB,EAAE,SAAS,OAAO,aAAa,eAAoC;CAC1F,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,WAAqC;CAC1D,MAAM,cAAA,GAAA,MAAA,QAAuC,KAAK;CAClD,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAoB,MAAM;AAEvC,EAAA,GAAA,MAAA,uBAAsB;AACpB,MAAI,WAAW,SAAS;AACtB,WAAQ,IAAI,WAAW,QAAQ,YAAY;AAC3C,mBAAgB,WAAW,QAAQ,YAAY;;IAEhD,EAAE,CAAC;AACN,QACE,iBAAA,GAAA,kBAAA,MAACA,wCAAAA,cAAD;EAAoB;EAAM,cAAc;YAAxC,CACE,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,qBAAD;GAAqB,SAAA;GAAQ,KAAK;aAChC,iBAAA,GAAA,kBAAA,MAACC,iCAAAA,QAAD;IAAQ,WAAU;cAAlB,CACG,SAAS,eAAe,QAAQ,IACjC,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,iBAAD,EAAiB,WAAU,2BAA4B,CAAA,CAChD;;GACW,CAAA,EACtB,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,qBAAD;GACE,OAAO,EAAE,OAAO,cAAc;GAC9B,oBAAoB,MAAM;AACxB,MAAE,gBAAgB;AAClB,YAAQ,MAAM;;aAJlB,CAOG,eACC,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,kBAAD;IACE,WAAW,MAAM;AACf,OAAE,gBAAgB;AAClB,cAAS,KAAK;AACd,aAAQ,MAAM;;IAEhB,WAAW,UAAU,OAAO,uCAAuC;cAElE;IACgB,CAAA,EAEpB,QAAQ,KAAK,WACZ,iBAAA,GAAA,kBAAA,KAACA,wCAAAA,kBAAD;IAEE,WAAW,MAAM;AACf,OAAE,gBAAgB;AAClB,cAAS,OAAO;AAChB,aAAQ,MAAM;;IAEhB,WAAW,UAAU,SAAS,uCAAuC;cAEpE;IACgB,EATZ,OASY,CACnB,CACkB;KACT;;;AAInB,MAAa,kBAAiD,EAC5D,SACA,OACA,UACA,YAAY,IACZ,cAAc,YACV;AAEJ,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CAEE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAW,4BAA4B;YAC1C,iBAAA,GAAA,kBAAA,KAAC,iBAAD;GACW;GACF;GACM;GACH;GACV,CAAA;EACE,CAAA,EAEN,iBAAA,GAAA,kBAAA,MAAC,YAAD;EACE,WACE,8IACA;YAHJ,CAMG,QAAQ,KAAK,WAAW;GACvB,MAAM,WAAW,UAAU;AAC3B,UACE,iBAAA,GAAA,kBAAA,KAACH,iCAAAA,QAAD;IAEE,MAAK;IACL,SAAQ;IACR,eAAe,SAAS,OAAO;IAC/B,WACE,sHACC,WACG,6FACA;IAEN,gBAAc;cAEb;IACM,EAbF,OAaE;IAEX,EACD,eACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,+DAAgE,CAAA,EAC/E,iBAAA,GAAA,kBAAA,KAACA,iCAAAA,QAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAe,SAAS,KAAK;GAC7B,WACE,sHACC,UAAU,OACP,6FACA;GAEN,cAAW;aAEV;GACM,CAAA,CACR,EAAA,CAAA,CAEI;IACV,EAAA,CAAA"}

package/dist/src/components/ui/select.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/components/ui/select.d.ts
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.d.ts.map

package/dist/src/components/ui/select.js

@@ -0,0 +1,88 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let _radix_ui_react_select = require("@radix-ui/react-select");
+_radix_ui_react_select = require_runtime.__toESM(_radix_ui_react_select);
+//#region src/components/ui/select.tsx
+const Select = _radix_ui_react_select.Root;
+const SelectGroup = _radix_ui_react_select.Group;
+const SelectValue = _radix_ui_react_select.Value;
+const SelectTrigger = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Trigger, {
+	ref,
+	className: require_src_lib_utils.cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className),
+	...props,
+	children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Icon, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4 opacity-50" })
+	})]
+}));
+SelectTrigger.displayName = _radix_ui_react_select.Trigger.displayName;
+const SelectScrollUpButton = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ScrollUpButton, {
+	ref,
+	className: require_src_lib_utils.cn("flex cursor-default items-center justify-center py-1", className),
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, { className: "h-4 w-4" })
+}));
+SelectScrollUpButton.displayName = _radix_ui_react_select.ScrollUpButton.displayName;
+const SelectScrollDownButton = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ScrollDownButton, {
+	ref,
+	className: require_src_lib_utils.cn("flex cursor-default items-center justify-center py-1", className),
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4" })
+}));
+SelectScrollDownButton.displayName = _radix_ui_react_select.ScrollDownButton.displayName;
+const SelectContent = react.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Content, {
+	ref,
+	className: require_src_lib_utils.cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+	position,
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollUpButton, {}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Viewport, {
+			className: require_src_lib_utils.cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+			children
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollDownButton, {})
+	]
+}) }));
+SelectContent.displayName = _radix_ui_react_select.Content.displayName;
+const SelectLabel = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Label, {
+	ref,
+	className: require_src_lib_utils.cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+	...props
+}));
+SelectLabel.displayName = _radix_ui_react_select.Label.displayName;
+const SelectItem = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Item, {
+	ref,
+	className: require_src_lib_utils.cn("relative flex w-full 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", className),
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-4 w-4" }) })
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemText, { children })]
+}));
+SelectItem.displayName = _radix_ui_react_select.Item.displayName;
+const SelectSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Separator, {
+	ref,
+	className: require_src_lib_utils.cn("-mx-1 my-1 h-px bg-muted", className),
+	...props
+}));
+SelectSeparator.displayName = _radix_ui_react_select.Separator.displayName;
+//#endregion
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+
+//# sourceMappingURL=select.js.map

package/dist/src/components/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["SelectPrimitive","React","cn","ChevronDown","ChevronUp","Check"],"sources":["../../../../src/components/ui/select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\r\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Select = SelectPrimitive.Root;\r\n\r\nconst SelectGroup = SelectPrimitive.Group;\r\n\r\nconst SelectValue = SelectPrimitive.Value;\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SelectPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <SelectPrimitive.Icon asChild>\r\n      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n    </SelectPrimitive.Icon>\r\n  </SelectPrimitive.Trigger>\r\n));\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\r\n\r\nconst SelectScrollUpButton = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.ScrollUpButton\r\n    ref={ref}\r\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n    {...props}\r\n  >\r\n    <ChevronUp className=\"h-4 w-4\" />\r\n  </SelectPrimitive.ScrollUpButton>\r\n));\r\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\r\n\r\nconst SelectScrollDownButton = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.ScrollDownButton\r\n    ref={ref}\r\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n    {...props}\r\n  >\r\n    <ChevronDown className=\"h-4 w-4\" />\r\n  </SelectPrimitive.ScrollDownButton>\r\n));\r\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\r\n\r\nconst SelectContent = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({ className, children, position = \"popper\", ...props }, ref) => (\r\n  <SelectPrimitive.Portal>\r\n    <SelectPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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\",\r\n        position === \"popper\" &&\r\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n        className\r\n      )}\r\n      position={position}\r\n      {...props}\r\n    >\r\n      <SelectScrollUpButton />\r\n      <SelectPrimitive.Viewport\r\n        className={cn(\r\n          \"p-1\",\r\n          position === \"popper\" &&\r\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\r\n        )}\r\n      >\r\n        {children}\r\n      </SelectPrimitive.Viewport>\r\n      <SelectScrollDownButton />\r\n    </SelectPrimitive.Content>\r\n  </SelectPrimitive.Portal>\r\n));\r\nSelectContent.displayName = SelectPrimitive.Content.displayName;\r\n\r\nconst SelectLabel = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"py-1.5 pl-8 pr-2 text-sm font-semibold\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\r\n\r\nconst SelectItem = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SelectPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex w-full 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\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n      <SelectPrimitive.ItemIndicator>\r\n        <Check className=\"h-4 w-4\" />\r\n      </SelectPrimitive.ItemIndicator>\r\n    </span>\r\n\r\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n  </SelectPrimitive.Item>\r\n));\r\nSelectItem.displayName = SelectPrimitive.Item.displayName;\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\r\n\r\nexport {\r\n  Select,\r\n  SelectGroup,\r\n  SelectValue,\r\n  SelectTrigger,\r\n  SelectContent,\r\n  SelectLabel,\r\n  SelectItem,\r\n  SelectSeparator,\r\n  SelectScrollUpButton,\r\n  SelectScrollDownButton,\r\n};\r\n"],"mappings":"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"}

package/dist/src/components/ui/select.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/components/ui/select.tsx
 const Select = SelectPrimitive.Root;

package/dist/src/components/ui/separator.d.ts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+
+//#region src/components/ui/separator.d.ts
+declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/src/components/ui/separator.js

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_separator = require("@radix-ui/react-separator");
+_radix_ui_react_separator = require_runtime.__toESM(_radix_ui_react_separator);
+//#region src/components/ui/separator.tsx
+const Separator = react.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_separator.Root, {
+	ref,
+	decorative,
+	orientation,
+	className: require_src_lib_utils.cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className),
+	...props
+}));
+Separator.displayName = _radix_ui_react_separator.Root.displayName;
+//#endregion
+exports.Separator = Separator;
+
+//# sourceMappingURL=separator.js.map

package/dist/src/components/ui/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["React","SeparatorPrimitive","cn"],"sources":["../../../../src/components/ui/separator.tsx"],"sourcesContent":["import * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Separator = React.forwardRef<\r\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\r\n  <SeparatorPrimitive.Root\r\n    ref={ref}\r\n    decorative={decorative}\r\n    orientation={orientation}\r\n    className={cn(\r\n      \"shrink-0 bg-border\",\r\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\r\n\r\nexport { Separator };\r\n"],"mappings":";;;;;;;;;AAKA,MAAM,YAAYA,MAAM,YAGrB,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,SAAS,QACzE,iBAAA,GAAA,kBAAA,KAACC,0BAAmB,MAApB;CACO;CACO;CACC;CACb,WAAWC,sBAAAA,GACT,sBACA,gBAAgB,eAAe,mBAAmB,kBAClD,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,UAAU,cAAcD,0BAAmB,KAAK"}

package/dist/src/components/ui/sheet.d.mts

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
-import { VariantProps } from "class-variance-authority";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/src/components/ui/sheet.d.ts

@@ -0,0 +1,36 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/ui/sheet.d.ts
+declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+  side?: "bottom" | "top" | "left" | "right" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+  ({
+    className,
+    ...props
+  }: React$1.HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare const SheetFooter: {
+  ({
+    className,
+    ...props
+  }: React$1.HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/src/components/ui/sheet.js

@@ -0,0 +1,79 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let class_variance_authority = require("class-variance-authority");
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_runtime.__toESM(_radix_ui_react_dialog);
+//#region src/components/ui/sheet.tsx
+const Sheet = _radix_ui_react_dialog.Root;
+const SheetTrigger = _radix_ui_react_dialog.Trigger;
+const SheetClose = _radix_ui_react_dialog.Close;
+const SheetPortal = _radix_ui_react_dialog.Portal;
+const SheetOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, {
+	className: require_src_lib_utils.cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	...props,
+	ref
+}));
+SheetOverlay.displayName = _radix_ui_react_dialog.Overlay.displayName;
+const sheetVariants = (0, class_variance_authority.cva)("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out", {
+	variants: { side: {
+		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+});
+const SheetContent = react.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SheetPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SheetOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Content, {
+	ref,
+	className: require_src_lib_utils.cn(sheetVariants({ side }), className),
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Close, {
+		className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	}), children]
+})] }));
+SheetContent.displayName = _radix_ui_react_dialog.Content.displayName;
+const SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: require_src_lib_utils.cn("flex flex-col space-y-2 text-center sm:text-left", className),
+	...props
+});
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: require_src_lib_utils.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+	...props
+});
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+	ref,
+	className: require_src_lib_utils.cn("text-lg font-semibold text-foreground", className),
+	...props
+}));
+SheetTitle.displayName = _radix_ui_react_dialog.Title.displayName;
+const SheetDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+	ref,
+	className: require_src_lib_utils.cn("text-sm text-muted-foreground", className),
+	...props
+}));
+SheetDescription.displayName = _radix_ui_react_dialog.Description.displayName;
+//#endregion
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetOverlay = SheetOverlay;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+
+//# sourceMappingURL=sheet.js.map