@luxfi/core 5.2.5 → 5.2.7

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.
@@ -17,111 +17,6 @@ import {
17
17
  } from '@hanzo/ui/primitives'
18
18
  import Warpcast from "../icons/warpcast"
19
19
 
20
- // const components: { title: string; href: string; description: string }[] = [
21
- // {
22
- // title: "Alert Dialog",
23
- // href: "/docs/primitives/alert-dialog",
24
- // description:
25
- // "A modal dialog that interrupts the user with important content and expects a response.",
26
- // },
27
- // {
28
- // title: "Hover Card",
29
- // href: "/docs/primitives/hover-card",
30
- // description:
31
- // "For sighted users to preview content available behind a link.",
32
- // },
33
- // {
34
- // title: "Progress",
35
- // href: "/docs/primitives/progress",
36
- // description:
37
- // "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
38
- // },
39
- // {
40
- // title: "Scroll-area",
41
- // href: "/docs/primitives/scroll-area",
42
- // description: "Visually or semantically separates content.",
43
- // },
44
- // {
45
- // title: "Tabs",
46
- // href: "/docs/primitives/tabs",
47
- // description:
48
- // "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
49
- // },
50
- // {
51
- // title: "Tooltip",
52
- // href: "/docs/primitives/tooltip",
53
- // description:
54
- // "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",
55
- // },
56
- // ]
57
-
58
- // export function NavigationMenuDemo() {
59
- // return (
60
- // <NavigationMenu>
61
- // <NavigationMenuList>
62
- // <NavigationMenuItem>
63
- // <NavigationMenuTrigger>Getting started</NavigationMenuTrigger>
64
- // <NavigationMenuContent>
65
- // <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
66
- // <li className="row-span-3">
67
- // <NavigationMenuLink asChild>
68
- // <a
69
- // className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
70
- // href="/"
71
- // >
72
- // {/* <Icons.logo className="h-6 w-6" /> */}
73
- // <div className="mb-2 mt-4 text-lg font-medium">
74
- // shadcn/ui
75
- // </div>
76
- // <p className="text-sm leading-tight text-muted-foreground">
77
- // Beautifully designed components that you can copy and
78
- // paste into your apps. Accessible. Customizable. Open
79
- // Source.
80
- // </p>
81
- // </a>
82
- // </NavigationMenuLink>
83
- // </li>
84
- // <ListItem href="/docs" title="Introduction">
85
- // Re-usable components built using Radix UI and Tailwind CSS.
86
- // </ListItem>
87
- // <ListItem href="/docs/installation" title="Installation">
88
- // How to install dependencies and structure your app.
89
- // </ListItem>
90
- // <ListItem href="/docs/primitives/typography" title="Typography">
91
- // Styles for headings, paragraphs, lists...etc
92
- // </ListItem>
93
- // </ul>
94
- // </NavigationMenuContent>
95
- // </NavigationMenuItem>
96
- // <NavigationMenuItem>
97
- // <NavigationMenuTrigger>Components</NavigationMenuTrigger>
98
- // <NavigationMenuContent>
99
- // <ul className="w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-1 lg:w-[600px] ">
100
- // {components.map((component) => (
101
- // <ListItem
102
- // key={component.title}
103
- // title={component.title}
104
- // href={component.href}
105
- // >
106
- // {component.description}
107
- // </ListItem>
108
- // ))}
109
- // </ul>
110
- // </NavigationMenuContent>
111
- // </NavigationMenuItem>
112
- // <NavigationMenuItem>
113
- // <Link href="/docs" legacyBehavior passHref>
114
- // <NavigationMenuLink className={navigationMenuTriggerStyle()}>
115
- // Documentation
116
- // </NavigationMenuLink>
117
- // </Link>
118
- // </NavigationMenuItem>
119
- // </NavigationMenuList>
120
- // </NavigationMenu>
121
- // )
122
- // }
123
-
124
-
125
20
  const DesktopNav: React.FC<{
126
21
  links: LinkDefExtended[],
127
22
  }> = ({
@@ -135,7 +30,7 @@ const DesktopNav: React.FC<{
135
30
 
136
31
  if (el.isAIMenu) {
137
32
  return (
138
- <NavigationMenuItem>
33
+ <NavigationMenuItem key={index}>
139
34
  <Link href={el.href} legacyBehavior passHref>
140
35
  <NavigationMenuLink className={navigationMenuTriggerStyle()}>
141
36
  {el.title}
@@ -145,11 +40,11 @@ const DesktopNav: React.FC<{
145
40
  )
146
41
  } else if (el.title == 'Community') {
147
42
  return (
148
- <NavigationMenuItem>
43
+ <NavigationMenuItem key={index}>
149
44
  <NavigationMenuTrigger>{el.title}</NavigationMenuTrigger>
150
45
  <NavigationMenuContent>
151
- <ul className="grid md:grid-cols-2 gap-3 p-6 md:w-[400px] lg:w-[500px]">
152
- <li className="row-span-3">
46
+ <ul className="grid md:grid-cols-2 gap-3 p-6 md:w-[400px] lg:w-[500px]" key={index}>
47
+ <li className="row-span-3" key='0'>
153
48
  <NavigationMenuLink asChild>
154
49
  <a
155
50
  className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
@@ -165,12 +60,12 @@ const DesktopNav: React.FC<{
165
60
  </a>
166
61
  </NavigationMenuLink>
167
62
  </li>
168
- {el.childMenu?.map((component) => (
169
- <div className="relative flex items-center my-2">
63
+ {el.childMenu?.map((component, index) => (
64
+ <div className="relative flex items-center my-2" key={index}>
170
65
  <div className="mr-2 mt-0">
171
66
  {component.icon}
172
67
  </div>
173
- <ListItem href={component.href} title={component.title}>
68
+ <ListItem href={component.href} title={component.title} key={index}>
174
69
  {component.contents}
175
70
  </ListItem>
176
71
  </div>
@@ -182,13 +77,13 @@ const DesktopNav: React.FC<{
182
77
  )
183
78
  } else {
184
79
  return (
185
- <NavigationMenuItem>
80
+ <NavigationMenuItem key={index}>
186
81
  <NavigationMenuTrigger>{el.title}</NavigationMenuTrigger>
187
82
  <NavigationMenuContent>
188
- <ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[500px] ">
189
- {el.childMenu?.map((component) => (
83
+ <ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[500px] " key={index}>
84
+ {el.childMenu?.map((component, index) => (
190
85
  <ListItem
191
- key={component.title}
86
+ key={index}
192
87
  title={component.title}
193
88
  href={component.href}
194
89
  >
@@ -211,9 +106,9 @@ export default DesktopNav
211
106
  const ListItem = React.forwardRef<
212
107
  React.ElementRef<"a">,
213
108
  React.ComponentPropsWithoutRef<"a">
214
- >(({ className, title, children, ...props }, ref) => {
109
+ >(({ className, title, children, key, ...props }, ref) => {
215
110
  return (
216
- <li>
111
+ <li key={key}>
217
112
  <NavigationMenuLink asChild>
218
113
  <a
219
114
  ref={ref}
@@ -36,14 +36,6 @@ const DesktopHeader: React.FC<{
36
36
  <Logo size='sm' href='/' className='hidden md:flex lg:hidden' key='one' layout='text-only'/>
37
37
  {/* md or larger */}
38
38
  <div className='flex gap-4 items-center'>
39
- {/* <NavItems
40
- currentAs={currentAs}
41
- items={links}
42
- className='flex md:gap-4 lg:justify-between lg:gap-7'
43
- itemClx='font-nav h-8'
44
- key='three'
45
- /> */}
46
-
47
39
  <DesktopNav links = {links}/>
48
40
  <DesktopBagPopup popupClx='w-[340px]' trigger={<BagButton className='text-primary -mr-[3px] lg:min-w-0' />} />
49
41
  <AuthWidget/>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxfi/core",
3
- "version": "5.2.5",
3
+ "version": "5.2.7",
4
4
  "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/",