@stackshift-ui/menu 1.0.0-beta.4 → 1.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/menu",
3
3
  "description": "A collection of links for navigating websites.",
4
- "version": "1.0.0-beta.4",
4
+ "version": "1.0.0-beta.5",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -37,11 +37,11 @@
37
37
  "class-variance-authority": "^0.7.1",
38
38
  "classnames": "^2.5.1",
39
39
  "lucide-react": "^0.468.0",
40
- "@stackshift-ui/scripts": "6.1.0-beta.2",
41
- "@stackshift-ui/system": "6.1.0-beta.3"
40
+ "@stackshift-ui/scripts": "7.0.0-beta.3",
41
+ "@stackshift-ui/system": "7.0.0-beta.4"
42
42
  },
43
43
  "peerDependencies": {
44
- "@stackshift-ui/system": ">=6.1.0-beta.3",
44
+ "@stackshift-ui/system": ">=7.0.0-beta.4",
45
45
  "@types/react": "16.8 - 19",
46
46
  "next": "10 - 14",
47
47
  "react": "16.8 - 19",
@@ -1,199 +0,0 @@
1
- // src/menu.tsx
2
- import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
3
- import { cva } from "class-variance-authority";
4
- import { ChevronDownIcon } from "lucide-react";
5
- import { cn, DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
- var displayName = "NavigationMenu";
8
- var displayNameList = "NavigationMenuList";
9
- var displayNameItem = "NavigationMenuItem";
10
- var displayNameTrigger = "NavigationMenuTrigger";
11
- var displayNameContent = "NavigationMenuContent";
12
- var displayNameLink = "NavigationMenuLink";
13
- var displayNameIndicator = "NavigationMenuIndicator";
14
- var displayNameViewport = "NavigationMenuViewport";
15
- function NavigationMenu({
16
- className,
17
- children,
18
- viewport = true,
19
- ...props
20
- }) {
21
- const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
22
- return /* @__PURE__ */ jsxs(
23
- Component,
24
- {
25
- as: NavigationMenuPrimitive.Root,
26
- "data-slot": "navigation-menu",
27
- "data-viewport": viewport,
28
- className: cn(
29
- "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
30
- className
31
- ),
32
- ...props,
33
- children: [
34
- children,
35
- viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
36
- ]
37
- }
38
- );
39
- }
40
- NavigationMenu.displayName = displayName;
41
- function NavigationMenuList({
42
- className,
43
- ...props
44
- }) {
45
- const { [displayNameList]: Component = DefaultComponent } = useStackShiftUIComponents();
46
- return /* @__PURE__ */ jsx(
47
- Component,
48
- {
49
- as: NavigationMenuPrimitive.List,
50
- "data-slot": "navigation-menu-list",
51
- className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
52
- ...props
53
- }
54
- );
55
- }
56
- NavigationMenuList.displayName = displayNameList;
57
- function NavigationMenuItem({
58
- className,
59
- ...props
60
- }) {
61
- const { [displayNameItem]: Component = DefaultComponent } = useStackShiftUIComponents();
62
- return /* @__PURE__ */ jsx(
63
- Component,
64
- {
65
- as: NavigationMenuPrimitive.Item,
66
- "data-slot": "navigation-menu-item",
67
- className: cn("relative", className),
68
- ...props
69
- }
70
- );
71
- }
72
- NavigationMenuItem.displayName = displayNameItem;
73
- var navigationMenuTriggerStyle = cva(
74
- "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
75
- );
76
- function NavigationMenuTrigger({
77
- className,
78
- children,
79
- ...props
80
- }) {
81
- const { [displayNameTrigger]: Component = DefaultComponent } = useStackShiftUIComponents();
82
- return /* @__PURE__ */ jsxs(
83
- Component,
84
- {
85
- as: NavigationMenuPrimitive.Trigger,
86
- "data-slot": "navigation-menu-trigger",
87
- className: cn(navigationMenuTriggerStyle(), "group", className),
88
- ...props,
89
- children: [
90
- children,
91
- " ",
92
- /* @__PURE__ */ jsx(
93
- ChevronDownIcon,
94
- {
95
- className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
96
- "aria-hidden": "true"
97
- }
98
- )
99
- ]
100
- }
101
- );
102
- }
103
- NavigationMenuTrigger.displayName = displayNameTrigger;
104
- function NavigationMenuContent({
105
- className,
106
- ...props
107
- }) {
108
- const { [displayNameContent]: Component = DefaultComponent } = useStackShiftUIComponents();
109
- return /* @__PURE__ */ jsx(
110
- Component,
111
- {
112
- as: NavigationMenuPrimitive.Content,
113
- "data-slot": "navigation-menu-content",
114
- className: cn(
115
- "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
116
- "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
117
- className
118
- ),
119
- ...props
120
- }
121
- );
122
- }
123
- NavigationMenuContent.displayName = displayNameContent;
124
- function NavigationMenuViewport({
125
- className,
126
- ...props
127
- }) {
128
- const { [displayNameViewport]: Component = DefaultComponent } = useStackShiftUIComponents();
129
- return /* @__PURE__ */ jsx(
130
- Component,
131
- {
132
- className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
133
- ...props,
134
- children: /* @__PURE__ */ jsx(
135
- NavigationMenuPrimitive.Viewport,
136
- {
137
- "data-slot": "navigation-menu-viewport",
138
- className: cn(
139
- "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
140
- className
141
- ),
142
- ...props
143
- }
144
- )
145
- }
146
- );
147
- }
148
- NavigationMenuViewport.displayName = displayNameViewport;
149
- function NavigationMenuLink({
150
- className,
151
- ...props
152
- }) {
153
- const { [displayNameLink]: Component = DefaultComponent } = useStackShiftUIComponents();
154
- return /* @__PURE__ */ jsx(
155
- Component,
156
- {
157
- as: NavigationMenuPrimitive.Link,
158
- "data-slot": "navigation-menu-link",
159
- className: cn(
160
- "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
161
- className
162
- ),
163
- ...props
164
- }
165
- );
166
- }
167
- NavigationMenuLink.displayName = displayNameLink;
168
- function NavigationMenuIndicator({
169
- className,
170
- ...props
171
- }) {
172
- const { [displayNameIndicator]: Component = DefaultComponent } = useStackShiftUIComponents();
173
- return /* @__PURE__ */ jsx(
174
- Component,
175
- {
176
- as: NavigationMenuPrimitive.Indicator,
177
- "data-slot": "navigation-menu-indicator",
178
- className: cn(
179
- "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
180
- className
181
- ),
182
- ...props,
183
- children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
184
- }
185
- );
186
- }
187
- NavigationMenuIndicator.displayName = displayNameIndicator;
188
-
189
- export {
190
- NavigationMenu,
191
- NavigationMenuList,
192
- NavigationMenuItem,
193
- navigationMenuTriggerStyle,
194
- NavigationMenuTrigger,
195
- NavigationMenuContent,
196
- NavigationMenuViewport,
197
- NavigationMenuLink,
198
- NavigationMenuIndicator
199
- };
@@ -1 +0,0 @@
1
- import*as e from"@radix-ui/react-navigation-menu";import{cva as b}from"class-variance-authority";import{ChevronDownIcon as y}from"lucide-react";import{cn as i,DefaultComponent as r,useStackShiftUIComponents as s}from"@stackshift-ui/system";import{jsx as n,jsxs as w}from"react/jsx-runtime";var m="NavigationMenu",d="NavigationMenuList",p="NavigationMenuItem",v="NavigationMenuTrigger",g="NavigationMenuContent",l="NavigationMenuLink",c="NavigationMenuIndicator",f="NavigationMenuViewport";function x({className:o,children:t,viewport:a=!0,...u}){let{[m]:M=r}=s();return w(M,{as:e.Root,"data-slot":"navigation-menu","data-viewport":a,className:i("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",o),...u,children:[t,a&&n(N,{})]})}x.displayName=m;function C({className:o,...t}){let{[d]:a=r}=s();return n(a,{as:e.List,"data-slot":"navigation-menu-list",className:i("group flex flex-1 list-none items-center justify-center gap-1",o),...t})}C.displayName=d;function h({className:o,...t}){let{[p]:a=r}=s();return n(a,{as:e.Item,"data-slot":"navigation-menu-item",className:i("relative",o),...t})}h.displayName=p;var P=b("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");function I({className:o,children:t,...a}){let{[v]:u=r}=s();return w(u,{as:e.Trigger,"data-slot":"navigation-menu-trigger",className:i(P(),"group",o),...a,children:[t," ",n(y,{className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}I.displayName=v;function R({className:o,...t}){let{[g]:a=r}=s();return n(a,{as:e.Content,"data-slot":"navigation-menu-content",className:i("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",o),...t})}R.displayName=g;function N({className:o,...t}){let{[f]:a=r}=s();return n(a,{className:i("absolute top-full left-0 isolate z-50 flex justify-center"),...t,children:n(e.Viewport,{"data-slot":"navigation-menu-viewport",className:i("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",o),...t})})}N.displayName=f;function k({className:o,...t}){let{[l]:a=r}=s();return n(a,{as:e.Link,"data-slot":"navigation-menu-link",className:i("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",o),...t})}k.displayName=l;function L({className:o,...t}){let{[c]:a=r}=s();return n(a,{as:e.Indicator,"data-slot":"navigation-menu-indicator",className:i("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",o),...t,children:n("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}L.displayName=c;export{x as a,C as b,h as c,P as d,I as e,R as f,N as g,k as h,L as i};
package/dist/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./menu";
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";var L=Object.create;var u=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var S=(t,a)=>{for(var o in a)u(t,o,{get:a[o],enumerable:!0})},d=(t,a,o,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of T(a))!j.call(t,r)&&r!==o&&u(t,r,{get:()=>a[r],enumerable:!(s=z(a,r))||s.enumerable});return t};var D=(t,a,o)=>(o=t!=null?L(V(t)):{},d(a||!t||!t.__esModule?u(o,"default",{value:t,enumerable:!0}):o,t)),_=t=>d(u({},"__esModule",{value:!0}),t);var U={};S(U,{NavigationMenu:()=>x,NavigationMenuContent:()=>I,NavigationMenuIndicator:()=>k,NavigationMenuItem:()=>C,NavigationMenuLink:()=>R,NavigationMenuList:()=>y,NavigationMenuTrigger:()=>P,NavigationMenuViewport:()=>m,navigationMenuTriggerStyle:()=>h});module.exports=_(U);var n=D(require("@radix-ui/react-navigation-menu")),p=require("class-variance-authority"),v=require("lucide-react"),e=require("@stackshift-ui/system"),i=require("react/jsx-runtime"),g="NavigationMenu",l="NavigationMenuList",c="NavigationMenuItem",f="NavigationMenuTrigger",N="NavigationMenuContent",w="NavigationMenuLink",M="NavigationMenuIndicator",b="NavigationMenuViewport";function x({className:t,children:a,viewport:o=!0,...s}){let{[g]:r=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsxs)(r,{as:n.Root,"data-slot":"navigation-menu","data-viewport":o,className:(0,e.cn)("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...s,children:[a,o&&(0,i.jsx)(m,{})]})}x.displayName=g;function y({className:t,...a}){let{[l]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.List,"data-slot":"navigation-menu-list",className:(0,e.cn)("group flex flex-1 list-none items-center justify-center gap-1",t),...a})}y.displayName=l;function C({className:t,...a}){let{[c]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Item,"data-slot":"navigation-menu-item",className:(0,e.cn)("relative",t),...a})}C.displayName=c;var h=(0,p.cva)("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");function P({className:t,children:a,...o}){let{[f]:s=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsxs)(s,{as:n.Trigger,"data-slot":"navigation-menu-trigger",className:(0,e.cn)(h(),"group",t),...o,children:[a," ",(0,i.jsx)(v.ChevronDownIcon,{className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}P.displayName=f;function I({className:t,...a}){let{[N]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Content,"data-slot":"navigation-menu-content",className:(0,e.cn)("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",t),...a})}I.displayName=N;function m({className:t,...a}){let{[b]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{className:(0,e.cn)("absolute top-full left-0 isolate z-50 flex justify-center"),...a,children:(0,i.jsx)(n.Viewport,{"data-slot":"navigation-menu-viewport",className:(0,e.cn)("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...a})})}m.displayName=b;function R({className:t,...a}){let{[w]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Link,"data-slot":"navigation-menu-link",className:(0,e.cn)("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...a})}R.displayName=w;function k({className:t,...a}){let{[M]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Indicator,"data-slot":"navigation-menu-indicator",className:(0,e.cn)("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",t),...a,children:(0,i.jsx)("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}k.displayName=M;0&&(module.exports={NavigationMenu,NavigationMenuContent,NavigationMenuIndicator,NavigationMenuItem,NavigationMenuLink,NavigationMenuList,NavigationMenuTrigger,NavigationMenuViewport,navigationMenuTriggerStyle});
package/dist/index.mjs DELETED
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";import{a as e,b as o,c as r,d as t,e as c,f,g as i,h as l,i as m}from"./chunk-DSVNDTCR.mjs";export{e as NavigationMenu,f as NavigationMenuContent,m as NavigationMenuIndicator,r as NavigationMenuItem,l as NavigationMenuLink,o as NavigationMenuList,c as NavigationMenuTrigger,i as NavigationMenuViewport,t as navigationMenuTriggerStyle};
package/dist/menu.d.ts DELETED
@@ -1,38 +0,0 @@
1
- import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
2
- import * as React from "react";
3
- declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
4
- viewport?: boolean;
5
- }): import("react/jsx-runtime").JSX.Element;
6
- declare namespace NavigationMenu {
7
- var displayName: string;
8
- }
9
- declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
10
- declare namespace NavigationMenuList {
11
- var displayName: string;
12
- }
13
- declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
14
- declare namespace NavigationMenuItem {
15
- var displayName: string;
16
- }
17
- declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
18
- declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
19
- declare namespace NavigationMenuTrigger {
20
- var displayName: string;
21
- }
22
- declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
23
- declare namespace NavigationMenuContent {
24
- var displayName: string;
25
- }
26
- declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
27
- declare namespace NavigationMenuViewport {
28
- var displayName: string;
29
- }
30
- declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
31
- declare namespace NavigationMenuLink {
32
- var displayName: string;
33
- }
34
- declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
35
- declare namespace NavigationMenuIndicator {
36
- var displayName: string;
37
- }
38
- export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuViewport, };
package/dist/menu.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var L=Object.create;var u=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var S=(t,a)=>{for(var o in a)u(t,o,{get:a[o],enumerable:!0})},d=(t,a,o,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of T(a))!j.call(t,r)&&r!==o&&u(t,r,{get:()=>a[r],enumerable:!(s=z(a,r))||s.enumerable});return t};var D=(t,a,o)=>(o=t!=null?L(V(t)):{},d(a||!t||!t.__esModule?u(o,"default",{value:t,enumerable:!0}):o,t)),_=t=>d(u({},"__esModule",{value:!0}),t);var U={};S(U,{NavigationMenu:()=>y,NavigationMenuContent:()=>I,NavigationMenuIndicator:()=>k,NavigationMenuItem:()=>C,NavigationMenuLink:()=>R,NavigationMenuList:()=>x,NavigationMenuTrigger:()=>P,NavigationMenuViewport:()=>m,navigationMenuTriggerStyle:()=>h});module.exports=_(U);var n=D(require("@radix-ui/react-navigation-menu")),p=require("class-variance-authority"),v=require("lucide-react"),e=require("@stackshift-ui/system"),i=require("react/jsx-runtime"),g="NavigationMenu",l="NavigationMenuList",c="NavigationMenuItem",f="NavigationMenuTrigger",N="NavigationMenuContent",w="NavigationMenuLink",M="NavigationMenuIndicator",b="NavigationMenuViewport";function y({className:t,children:a,viewport:o=!0,...s}){let{[g]:r=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsxs)(r,{as:n.Root,"data-slot":"navigation-menu","data-viewport":o,className:(0,e.cn)("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...s,children:[a,o&&(0,i.jsx)(m,{})]})}y.displayName=g;function x({className:t,...a}){let{[l]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.List,"data-slot":"navigation-menu-list",className:(0,e.cn)("group flex flex-1 list-none items-center justify-center gap-1",t),...a})}x.displayName=l;function C({className:t,...a}){let{[c]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Item,"data-slot":"navigation-menu-item",className:(0,e.cn)("relative",t),...a})}C.displayName=c;var h=(0,p.cva)("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");function P({className:t,children:a,...o}){let{[f]:s=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsxs)(s,{as:n.Trigger,"data-slot":"navigation-menu-trigger",className:(0,e.cn)(h(),"group",t),...o,children:[a," ",(0,i.jsx)(v.ChevronDownIcon,{className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}P.displayName=f;function I({className:t,...a}){let{[N]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Content,"data-slot":"navigation-menu-content",className:(0,e.cn)("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",t),...a})}I.displayName=N;function m({className:t,...a}){let{[b]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{className:(0,e.cn)("absolute top-full left-0 isolate z-50 flex justify-center"),...a,children:(0,i.jsx)(n.Viewport,{"data-slot":"navigation-menu-viewport",className:(0,e.cn)("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...a})})}m.displayName=b;function R({className:t,...a}){let{[w]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Link,"data-slot":"navigation-menu-link",className:(0,e.cn)("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...a})}R.displayName=w;function k({className:t,...a}){let{[M]:o=e.DefaultComponent}=(0,e.useStackShiftUIComponents)();return(0,i.jsx)(o,{as:n.Indicator,"data-slot":"navigation-menu-indicator",className:(0,e.cn)("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",t),...a,children:(0,i.jsx)("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}k.displayName=M;0&&(module.exports={NavigationMenu,NavigationMenuContent,NavigationMenuIndicator,NavigationMenuItem,NavigationMenuLink,NavigationMenuList,NavigationMenuTrigger,NavigationMenuViewport,navigationMenuTriggerStyle});
package/dist/menu.mjs DELETED
@@ -1 +0,0 @@
1
- import{a,b,c,d,e,f,g,h,i}from"./chunk-DSVNDTCR.mjs";export{a as NavigationMenu,f as NavigationMenuContent,i as NavigationMenuIndicator,c as NavigationMenuItem,h as NavigationMenuLink,b as NavigationMenuList,e as NavigationMenuTrigger,g as NavigationMenuViewport,d as navigationMenuTriggerStyle};