@work-rjkashyap/unified-ui 0.3.3 → 0.3.5

package/dist/components/menubar.mjs

@@ -0,0 +1,329 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+import { Menubar as MenubarPrimitive } from "radix-ui";
+import {
+  forwardRef
+} from "react";
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function DotIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" })
+    }
+  );
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+const menuItemBase = [
+  "relative flex w-full cursor-pointer select-none items-center",
+  "rounded-sm py-1.5 px-2",
+  "text-sm leading-5 outline-none",
+  "transition-colors duration-fast ease-standard",
+  "focus:bg-muted",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+];
+const menuContentBase = [
+  "z-[var(--z-dropdown)]",
+  "min-w-[10rem]",
+  "overflow-hidden",
+  "rounded-md",
+  "border border-border",
+  "bg-background",
+  "p-1",
+  "shadow-lg",
+  "text-foreground",
+  "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+  "data-[side=top]:slide-in-from-bottom-2",
+  "data-[side=bottom]:slide-in-from-top-2",
+  "data-[side=left]:slide-in-from-right-2",
+  "data-[side=right]:slide-in-from-left-2"
+];
+const Menubar = forwardRef(function Menubar2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "flex h-9 items-center gap-1",
+        "rounded-md border border-border",
+        "bg-background px-1",
+        "shadow-sm",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "menubar",
+      ...rest
+    }
+  );
+});
+Menubar.displayName = "Menubar";
+function MenubarMenu({ children, ...rest }) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { ...rest, children });
+}
+MenubarMenu.displayName = "MenubarMenu";
+const MenubarTrigger = forwardRef(function MenubarTrigger2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex cursor-pointer select-none items-center rounded-sm",
+        "px-3 py-1 text-sm font-medium outline-none",
+        "transition-colors duration-fast ease-standard",
+        "hover:bg-muted hover:text-foreground",
+        "focus:bg-muted focus:text-foreground",
+        "data-[state=open]:bg-muted data-[state=open]:text-foreground",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "menubar-trigger",
+      ...rest
+    }
+  );
+});
+MenubarTrigger.displayName = "MenubarTrigger";
+const MenubarContent = forwardRef(function MenubarContent2({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  children,
+  ...rest
+}, ref) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      ref,
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(...menuContentBase, className),
+      "data-ds": "",
+      "data-ds-component": "menubar-content",
+      ...rest,
+      children
+    }
+  ) });
+});
+MenubarContent.displayName = "MenubarContent";
+const MenubarItem = forwardRef(function MenubarItem2({ className, variant = "default", icon, inset, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        ...menuItemBase,
+        inset && "pl-8",
+        variant === "danger" && "text-destructive focus:bg-destructive/10 focus:text-destructive",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "menubar-item",
+      "data-ds-variant": variant,
+      ...rest,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "mr-2 flex size-4 shrink-0 items-center justify-center", children: icon }),
+        children
+      ]
+    }
+  );
+});
+MenubarItem.displayName = "MenubarItem";
+const MenubarCheckboxItem = forwardRef(function MenubarCheckboxItem2({ className, children, checked, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.CheckboxItem,
+    {
+      ref,
+      checked,
+      className: cn(...menuItemBase, "pl-8", className),
+      "data-ds": "",
+      "data-ds-component": "menubar-checkbox-item",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "text-foreground" }) }) }),
+        children
+      ]
+    }
+  );
+});
+MenubarCheckboxItem.displayName = "MenubarCheckboxItem";
+const MenubarRadioGroup = forwardRef(function MenubarRadioGroup2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.RadioGroup,
+    {
+      ref,
+      className: cn(className),
+      ...rest
+    }
+  );
+});
+MenubarRadioGroup.displayName = "MenubarRadioGroup";
+const MenubarRadioItem = forwardRef(function MenubarRadioItem2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.RadioItem,
+    {
+      ref,
+      className: cn(...menuItemBase, "pl-8", className),
+      "data-ds": "",
+      "data-ds-component": "menubar-radio-item",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotIcon, { className: "text-foreground" }) }) }),
+        children
+      ]
+    }
+  );
+});
+MenubarRadioItem.displayName = "MenubarRadioItem";
+const MenubarLabel = forwardRef(function MenubarLabel2({ className, inset, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Label,
+    {
+      ref,
+      className: cn(
+        "px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+        inset && "pl-8",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "menubar-label",
+      ...rest
+    }
+  );
+});
+MenubarLabel.displayName = "MenubarLabel";
+const MenubarSeparator = forwardRef(function MenubarSeparator2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Separator,
+    {
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      "data-ds": "",
+      "data-ds-component": "menubar-separator",
+      ...rest
+    }
+  );
+});
+MenubarSeparator.displayName = "MenubarSeparator";
+const MenubarGroup = forwardRef(function MenubarGroup2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { ref, className: cn(className), ...rest });
+});
+MenubarGroup.displayName = "MenubarGroup";
+function MenubarSub({ children, ...rest }) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { ...rest, children });
+}
+MenubarSub.displayName = "MenubarSub";
+const MenubarSubTrigger = forwardRef(function MenubarSubTrigger2({ className, inset, icon, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.SubTrigger,
+    {
+      ref,
+      className: cn(
+        ...menuItemBase,
+        "data-[state=open]:bg-muted",
+        inset && "pl-8",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "menubar-sub-trigger",
+      ...rest,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "mr-2 flex size-4 shrink-0 items-center justify-center", children: icon }),
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto text-muted-foreground" })
+      ]
+    }
+  );
+});
+MenubarSubTrigger.displayName = "MenubarSubTrigger";
+const MenubarSubContent = forwardRef(function MenubarSubContent2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.SubContent,
+    {
+      ref,
+      className: cn(...menuContentBase, className),
+      "data-ds": "",
+      "data-ds-component": "menubar-sub-content",
+      ...rest,
+      children
+    }
+  ) });
+});
+MenubarSubContent.displayName = "MenubarSubContent";
+function MenubarShortcut({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "ml-auto pl-4 text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "menubar-shortcut",
+      children
+    }
+  );
+}
+MenubarShortcut.displayName = "MenubarShortcut";
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger
+};

package/dist/components/navigation-menu.cjs

@@ -0,0 +1,280 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigation_menu_exports = {};
+__export(navigation_menu_exports, {
+  NavigationMenu: () => NavigationMenu,
+  NavigationMenuCardLink: () => NavigationMenuCardLink,
+  NavigationMenuContent: () => NavigationMenuContent,
+  NavigationMenuIndicator: () => NavigationMenuIndicator,
+  NavigationMenuItem: () => NavigationMenuItem,
+  NavigationMenuLink: () => NavigationMenuLink,
+  NavigationMenuList: () => NavigationMenuList,
+  NavigationMenuTrigger: () => NavigationMenuTrigger,
+  NavigationMenuViewport: () => NavigationMenuViewport
+});
+module.exports = __toCommonJS(navigation_menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+var import_radix_ui = require("radix-ui");
+var import_react = require("react");
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+const NavigationMenu = (0, import_react.forwardRef)(function NavigationMenu2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_radix_ui.NavigationMenu.Root,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "relative z-10 flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu",
+      ...rest,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationMenuViewport, {})
+      ]
+    }
+  );
+});
+NavigationMenu.displayName = "NavigationMenu";
+const NavigationMenuList = (0, import_react.forwardRef)(function NavigationMenuList2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.NavigationMenu.List,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-list",
+      ...rest
+    }
+  );
+});
+NavigationMenuList.displayName = "NavigationMenuList";
+const NavigationMenuItem = (0, import_react.forwardRef)(function NavigationMenuItem2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.NavigationMenu.Item,
+    {
+      ref,
+      className: (0, import_cn.cn)("relative", className),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-item",
+      ...rest
+    }
+  );
+});
+NavigationMenuItem.displayName = "NavigationMenuItem";
+const NavigationMenuTrigger = (0, import_react.forwardRef)(function NavigationMenuTrigger2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_radix_ui.NavigationMenu.Trigger,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "group inline-flex h-9 w-max items-center justify-center",
+        "rounded-md px-4 py-2",
+        "bg-background",
+        "text-sm font-medium",
+        "transition-colors duration-fast ease-standard",
+        "hover:bg-muted hover:text-foreground",
+        "focus:bg-muted focus:text-foreground focus:outline-none",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[active]:bg-muted/50",
+        "data-[state=open]:bg-muted/50",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-trigger",
+      ...rest,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          ChevronDownIcon,
+          {
+            className: (0, import_cn.cn)(
+              "relative top-px ml-1 shrink-0 text-muted-foreground",
+              "transition-transform duration-200 ease-standard",
+              "group-data-[state=open]:rotate-180"
+            ),
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+});
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+const NavigationMenuContent = (0, import_react.forwardRef)(function NavigationMenuContent2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.NavigationMenu.Content,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "left-0 top-0 w-full",
+        "md:absolute md:w-auto",
+        // Animations
+        "data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in",
+        "data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out",
+        "data-[motion=from-end]:slide-in-from-right-52",
+        "data-[motion=from-start]:slide-in-from-left-52",
+        "data-[motion=to-end]:slide-out-to-right-52",
+        "data-[motion=to-start]:slide-out-to-left-52",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-content",
+      ...rest
+    }
+  );
+});
+NavigationMenuContent.displayName = "NavigationMenuContent";
+const NavigationMenuLink = (0, import_react.forwardRef)(function NavigationMenuLink2({ className, active, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.NavigationMenu.Link,
+    {
+      ref,
+      active,
+      className: (0, import_cn.cn)(
+        "inline-flex h-9 w-max items-center justify-center",
+        "rounded-md px-4 py-2",
+        "bg-background",
+        "text-sm font-medium",
+        "transition-colors duration-fast ease-standard",
+        "hover:bg-muted hover:text-foreground",
+        "focus:bg-muted focus:text-foreground focus:outline-none",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[active]:bg-muted/50",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-link",
+      ...rest
+    }
+  );
+});
+NavigationMenuLink.displayName = "NavigationMenuLink";
+const NavigationMenuViewport = (0, import_react.forwardRef)(function NavigationMenuViewport2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.NavigationMenu.Viewport,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "origin-top-center",
+        "relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)]",
+        "w-full overflow-hidden rounded-md border border-border",
+        "bg-background shadow-lg",
+        "md:w-[var(--radix-navigation-menu-viewport-width)]",
+        // Animations
+        "data-[state=open]:animate-in data-[state=open]:zoom-in-90",
+        "data-[state=closed]:animate-out data-[state=closed]:zoom-out-95",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-viewport",
+      ...rest
+    }
+  ) });
+});
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+const NavigationMenuIndicator = (0, import_react.forwardRef)(function NavigationMenuIndicator2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.NavigationMenu.Indicator,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        "data-[state=visible]:animate-in data-[state=visible]:fade-in",
+        "data-[state=hidden]:animate-out data-[state=hidden]:fade-out",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-indicator",
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    }
+  );
+});
+NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
+function NavigationMenuCardLink({
+  icon,
+  title,
+  description,
+  href,
+  active,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_radix_ui.NavigationMenu.Link,
+    {
+      href,
+      active,
+      className: (0, import_cn.cn)(
+        "group block select-none space-y-1 rounded-md p-3",
+        "leading-none no-underline outline-none",
+        "transition-colors duration-fast ease-standard",
+        "hover:bg-muted focus:bg-muted",
+        "data-[active]:bg-muted/50",
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "navigation-menu-card-link",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex size-5 shrink-0 items-center justify-center text-foreground", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium leading-none text-foreground", children: title })
+        ] }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "line-clamp-2 text-xs leading-snug text-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+NavigationMenuCardLink.displayName = "NavigationMenuCardLink";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationMenu,
+  NavigationMenuCardLink,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport
+});