@solace-health/ui 0.10.542 → 0.10.543
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/dist/{chunk-CZDRX7IX.cjs → chunk-HBHBP57S.cjs} +2 -2
- package/dist/chunk-HBHBP57S.cjs.map +1 -0
- package/dist/{chunk-OJLMWCZK.js → chunk-KSGNT264.js} +2 -2
- package/dist/chunk-KSGNT264.js.map +1 -0
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/v2/index.cjs +1 -1
- package/dist/v2/index.js +1 -1
- package/dist/v2/navigation-menu/navigation-menu.cjs +1 -1
- package/dist/v2/navigation-menu/navigation-menu.js +1 -1
- package/dist/v2/time-select/time-select.cjs +1 -1
- package/dist/v2/time-select/time-select.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-CZDRX7IX.cjs.map +0 -1
- package/dist/chunk-OJLMWCZK.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
'use strict';var chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),r=require('react'),t=require('@radix-ui/react-navigation-menu'),classVarianceAuthority=require('class-variance-authority'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var r__namespace=/*#__PURE__*/_interopNamespace(r);var t__namespace=/*#__PURE__*/_interopNamespace(t);var p=classVarianceAuthority.cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-base 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",{variants:{variant:{default:"",appNavigation:chunkQRO22BPZ_cjs.a("bg-transparent hover:bg-green-800 focus:bg-green-800 data-[state=open]:bg-green-800/50 data-[state=open]:hover:bg-green-800 data-[state=open]:focus:bg-green-800","text-lg text-white hover:text-white focus:text-white data-[state=open]:text-white")}}}),g=r__namespace.createContext({variant:"default"});function c({className:e,...a}){return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("absolute top-full left-0 isolate z-50 flex justify-center"),children:jsxRuntime.jsx(t__namespace.Viewport,{"data-slot":"navigation-menu-viewport",className:chunkQRO22BPZ_cjs.a("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)]",e),...a})})}function x({className:e,children:a,viewport:s=false,variant:u="default",...n}){let d=r__namespace.useMemo(()=>({variant:u}),[u]);return jsxRuntime.jsx(g.Provider,{value:d,children:jsxRuntime.jsxs(t__namespace.Root,{"data-slot":"navigation-menu","data-viewport":s,className:chunkQRO22BPZ_cjs.a("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",e),...n,children:[a,s&&jsxRuntime.jsx(c,{})]})})}function h({className:e,...a}){return jsxRuntime.jsx(t__namespace.List,{"data-slot":"navigation-menu-list",className:chunkQRO22BPZ_cjs.a("group flex flex-1 list-none items-center justify-center gap-1",e),...a})}function M({className:e,...a}){return jsxRuntime.jsx(t__namespace.Item,{"data-slot":"navigation-menu-item",className:chunkQRO22BPZ_cjs.a("relative",e),...a})}function P({className:e,children:a,highlighted:s=false,...u}){let{variant:n}=r__namespace.useContext(g);return jsxRuntime.jsxs(t__namespace.Trigger,{"data-slot":"navigation-menu-trigger",className:chunkQRO22BPZ_cjs.a(p({variant:n}),"group",e,n==="appNavigation"&&s&&"bg-white/20 font-semibold"),...u,children:[a," ",jsxRuntime.jsx(lu.LuChevronDown,{className:"relative top-[1px] ml-1 size-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function y({className:e,...a}){return jsxRuntime.jsx(t__namespace.Content,{"data-slot":"navigation-menu-content",className:chunkQRO22BPZ_cjs.a("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 min-w-56 p-3 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","flex flex-col gap-2",e),...a})}function C({className:e,highlighted:a=false,selected:s=false,...u}){let{variant:n}=r__namespace.useContext(g);return jsxRuntime.jsx(t__namespace.Link,{"data-slot":"navigation-menu-link",className:chunkQRO22BPZ_cjs.a("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:text-dark-green focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-dark-green flex items-center gap-3 rounded-sm p-2 text-base transition-all outline-none hover:bg-green-100 focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-5",e,n==="appNavigation"&&a&&"bg-white/20",s&&(n==="appNavigation"?"text-dark-green bg-green-200 font-semibold":"bg-gray-400/20 font-semibold")),...u})}function R({className:e,...a}){return jsxRuntime.jsx(t__namespace.Indicator,{"data-slot":"navigation-menu-indicator",className:chunkQRO22BPZ_cjs.a("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",e),...a,children:jsxRuntime.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}exports.a=p;exports.b=c;exports.c=x;exports.d=h;exports.e=M;exports.f=P;exports.g=y;exports.h=C;exports.i=R;//# sourceMappingURL=chunk-HBHBP57S.cjs.map
|
|
2
|
+
//# sourceMappingURL=chunk-HBHBP57S.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/v2/navigation-menu/navigation-menu.tsx"],"names":["navigationMenuTriggerStyle","cva","cn","NavigationMenuContext","r","NavigationMenuViewport","className","props","jsx","t","NavigationMenu","children","viewport","variant","contextValue","jsxs","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","highlighted","LuChevronDown","NavigationMenuContent","NavigationMenuLink","selected","NavigationMenuIndicator"],"mappings":"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","file":"chunk-HBHBP57S.cjs","sourcesContent":["import * as React from 'react';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { LuChevronDown } from 'react-icons/lu';\nimport { cn } from '@/lib/utils';\n\nconst navigationMenuTriggerStyle = cva(\n 'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-base 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',\n {\n variants: {\n variant: {\n default: '',\n appNavigation: cn(\n // background\n 'bg-transparent hover:bg-green-800 focus:bg-green-800 data-[state=open]:bg-green-800/50 data-[state=open]:hover:bg-green-800 data-[state=open]:focus:bg-green-800',\n\n // text\n 'text-lg text-white hover:text-white focus:text-white data-[state=open]:text-white',\n ),\n },\n },\n },\n);\n\nconst NavigationMenuContext = React.createContext<VariantProps<typeof navigationMenuTriggerStyle>>({\n variant: 'default',\n});\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n return (\n <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\n <NavigationMenuPrimitive.Viewport\n data-slot=\"navigation-menu-viewport\"\n className={cn(\n '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)]',\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\ntype NavigationMenuProps = React.ComponentProps<typeof NavigationMenuPrimitive.Root> &\n VariantProps<typeof navigationMenuTriggerStyle> & {\n viewport?: boolean;\n };\n\nfunction NavigationMenu({\n className,\n children,\n viewport = false,\n variant = 'default',\n ...props\n}: NavigationMenuProps) {\n const contextValue = React.useMemo(() => ({ variant }), [variant]);\n return (\n <NavigationMenuContext.Provider value={contextValue}>\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n className={cn(\n 'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n className,\n )}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n </NavigationMenuContext.Provider>\n );\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn('relative', className)}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuTrigger({\n className,\n children,\n highlighted = false,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger> & { highlighted?: boolean }) {\n const { variant } = React.useContext(NavigationMenuContext);\n return (\n <NavigationMenuPrimitive.Trigger\n data-slot=\"navigation-menu-trigger\"\n className={cn(\n navigationMenuTriggerStyle({ variant }),\n 'group',\n className,\n variant === 'appNavigation' && highlighted && 'bg-white/20 font-semibold',\n )}\n {...props}\n >\n {children}{' '}\n <LuChevronDown\n className=\"relative top-[1px] ml-1 size-4 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n );\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n return (\n <NavigationMenuPrimitive.Content\n data-slot=\"navigation-menu-content\"\n className={cn(\n '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 min-w-56 p-3 md:absolute md:w-auto',\n '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',\n 'flex flex-col gap-2',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuLink({\n className,\n highlighted = false,\n selected = false,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link> & {\n highlighted?: boolean;\n selected?: boolean;\n}) {\n const { variant } = React.useContext(NavigationMenuContext);\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"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:text-dark-green focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-dark-green flex items-center gap-3 rounded-sm p-2 text-base transition-all outline-none hover:bg-green-100 focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-5\",\n className,\n variant === 'appNavigation' && highlighted && 'bg-white/20',\n selected &&\n (variant === 'appNavigation'\n ? 'text-dark-green bg-green-200 font-semibold'\n : 'bg-gray-400/20 font-semibold'),\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n return (\n <NavigationMenuPrimitive.Indicator\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n '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',\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n );\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n};\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a}from'./chunk-YTIIAU4W.js';import*as
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {a}from'./chunk-YTIIAU4W.js';import*as r from'react';import*as t from'@radix-ui/react-navigation-menu';import {cva}from'class-variance-authority';import {LuChevronDown}from'react-icons/lu';import {jsx,jsxs}from'react/jsx-runtime';var p=cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-base 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",{variants:{variant:{default:"",appNavigation:a("bg-transparent hover:bg-green-800 focus:bg-green-800 data-[state=open]:bg-green-800/50 data-[state=open]:hover:bg-green-800 data-[state=open]:focus:bg-green-800","text-lg text-white hover:text-white focus:text-white data-[state=open]:text-white")}}}),g=r.createContext({variant:"default"});function c({className:e,...a$1}){return jsx("div",{className:a("absolute top-full left-0 isolate z-50 flex justify-center"),children:jsx(t.Viewport,{"data-slot":"navigation-menu-viewport",className:a("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)]",e),...a$1})})}function x({className:e,children:a$1,viewport:s=false,variant:u="default",...n}){let d=r.useMemo(()=>({variant:u}),[u]);return jsx(g.Provider,{value:d,children:jsxs(t.Root,{"data-slot":"navigation-menu","data-viewport":s,className:a("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",e),...n,children:[a$1,s&&jsx(c,{})]})})}function h({className:e,...a$1}){return jsx(t.List,{"data-slot":"navigation-menu-list",className:a("group flex flex-1 list-none items-center justify-center gap-1",e),...a$1})}function M({className:e,...a$1}){return jsx(t.Item,{"data-slot":"navigation-menu-item",className:a("relative",e),...a$1})}function P({className:e,children:a$1,highlighted:s=false,...u}){let{variant:n}=r.useContext(g);return jsxs(t.Trigger,{"data-slot":"navigation-menu-trigger",className:a(p({variant:n}),"group",e,n==="appNavigation"&&s&&"bg-white/20 font-semibold"),...u,children:[a$1," ",jsx(LuChevronDown,{className:"relative top-[1px] ml-1 size-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function y({className:e,...a$1}){return jsx(t.Content,{"data-slot":"navigation-menu-content",className:a("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 min-w-56 p-3 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","flex flex-col gap-2",e),...a$1})}function C({className:e,highlighted:a$1=false,selected:s=false,...u}){let{variant:n}=r.useContext(g);return jsx(t.Link,{"data-slot":"navigation-menu-link",className:a("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:text-dark-green focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-dark-green flex items-center gap-3 rounded-sm p-2 text-base transition-all outline-none hover:bg-green-100 focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-5",e,n==="appNavigation"&&a$1&&"bg-white/20",s&&(n==="appNavigation"?"text-dark-green bg-green-200 font-semibold":"bg-gray-400/20 font-semibold")),...u})}function R({className:e,...a$1}){return jsx(t.Indicator,{"data-slot":"navigation-menu-indicator",className:a("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",e),...a$1,children:jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}export{p as a,c as b,x as c,h as d,M as e,P as f,y as g,C as h,R as i};//# sourceMappingURL=chunk-KSGNT264.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-KSGNT264.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/v2/navigation-menu/navigation-menu.tsx"],"names":["navigationMenuTriggerStyle","cva","cn","NavigationMenuContext","NavigationMenuViewport","className","props","jsx","NavigationMenu","children","viewport","variant","contextValue","jsxs","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","highlighted","LuChevronDown","NavigationMenuContent","NavigationMenuLink","selected","NavigationMenuIndicator"],"mappings":"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","file":"chunk-KSGNT264.js","sourcesContent":["import * as React from 'react';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { LuChevronDown } from 'react-icons/lu';\nimport { cn } from '@/lib/utils';\n\nconst navigationMenuTriggerStyle = cva(\n 'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-base 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',\n {\n variants: {\n variant: {\n default: '',\n appNavigation: cn(\n // background\n 'bg-transparent hover:bg-green-800 focus:bg-green-800 data-[state=open]:bg-green-800/50 data-[state=open]:hover:bg-green-800 data-[state=open]:focus:bg-green-800',\n\n // text\n 'text-lg text-white hover:text-white focus:text-white data-[state=open]:text-white',\n ),\n },\n },\n },\n);\n\nconst NavigationMenuContext = React.createContext<VariantProps<typeof navigationMenuTriggerStyle>>({\n variant: 'default',\n});\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n return (\n <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\n <NavigationMenuPrimitive.Viewport\n data-slot=\"navigation-menu-viewport\"\n className={cn(\n '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)]',\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\ntype NavigationMenuProps = React.ComponentProps<typeof NavigationMenuPrimitive.Root> &\n VariantProps<typeof navigationMenuTriggerStyle> & {\n viewport?: boolean;\n };\n\nfunction NavigationMenu({\n className,\n children,\n viewport = false,\n variant = 'default',\n ...props\n}: NavigationMenuProps) {\n const contextValue = React.useMemo(() => ({ variant }), [variant]);\n return (\n <NavigationMenuContext.Provider value={contextValue}>\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n className={cn(\n 'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n className,\n )}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n </NavigationMenuContext.Provider>\n );\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn('relative', className)}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuTrigger({\n className,\n children,\n highlighted = false,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger> & { highlighted?: boolean }) {\n const { variant } = React.useContext(NavigationMenuContext);\n return (\n <NavigationMenuPrimitive.Trigger\n data-slot=\"navigation-menu-trigger\"\n className={cn(\n navigationMenuTriggerStyle({ variant }),\n 'group',\n className,\n variant === 'appNavigation' && highlighted && 'bg-white/20 font-semibold',\n )}\n {...props}\n >\n {children}{' '}\n <LuChevronDown\n className=\"relative top-[1px] ml-1 size-4 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n );\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n return (\n <NavigationMenuPrimitive.Content\n data-slot=\"navigation-menu-content\"\n className={cn(\n '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 min-w-56 p-3 md:absolute md:w-auto',\n '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',\n 'flex flex-col gap-2',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuLink({\n className,\n highlighted = false,\n selected = false,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link> & {\n highlighted?: boolean;\n selected?: boolean;\n}) {\n const { variant } = React.useContext(NavigationMenuContext);\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"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:text-dark-green focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-dark-green flex items-center gap-3 rounded-sm p-2 text-base transition-all outline-none hover:bg-green-100 focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-5\",\n className,\n variant === 'appNavigation' && highlighted && 'bg-white/20',\n selected &&\n (variant === 'appNavigation'\n ? 'text-dark-green bg-green-200 font-semibold'\n : 'bg-gray-400/20 font-semibold'),\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n return (\n <NavigationMenuPrimitive.Indicator\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n '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',\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n );\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n};\n"]}
|