@incognia/cosmik 1.0.0-beta.9 → 1.0.0

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n        className\n      )}\n      {...props}\n    />\n  )\n}\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":";;;;AAKA,SAASA,EAAuB;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAEG;AACD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,iBAAeH;AAAA,MACd,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAF;AAAA,QACAC,KAAYI,gBAAAA,EAAAA,IAACD,EAAwB,wBAAxB,CAAA,CAA+C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEA,SAASE,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAA8B;AAAA,EACrC,WAAAF;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAgC;AAAA,EACvC,GAAGR;AACL,GAAgC;AAC9B,SAAOG,gBAAAA,MAACM,GAAA,EAAW,GAAGT,EAAA,CAAO;AAC/B;AAEA,SAASU,EAA2B;AAAA,EAClC,WAAAL;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,UAAUD,CAAS;AAAA,MAChC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAA2B;AAAA,EAClC,WAAAN;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QAIAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index36.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-12 gap-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n        'active:bg-gray-300',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        'data-[active]:bg-purple-700 data-[active]:text-white',\n        'hover:data-[active]:bg-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSub({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return (\n    <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n  )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> & {\n  chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n  className,\n  children,\n  chevron = true,\n  ref,\n  ...props\n}: SubTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'active:bg-gray-300',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex w-full items-center justify-between\">\n        <span className=\"flex items-center gap-x-8\">{children}</span>\n\n        {chevron ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n          />\n        ) : null}\n      </span>\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Content\n> & {\n  indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n  className,\n  indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n  children,\n  ref,\n  ...props\n}: SubContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      ref={ref}\n      className={cn('overflow-hidden', className)}\n      {...props}\n    >\n      <div className={indentClassName}>{children}</div>\n    </CollapsiblePrimitive.Content>\n  )\n}\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator,\n  VerticalNavigationMenuSub,\n  VerticalNavigationMenuSubContent,\n  VerticalNavigationMenuSubTrigger\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink","VerticalNavigationMenuSub","CollapsiblePrimitive","VerticalNavigationMenuSubTrigger","chevron","ref","ChevronRight","VerticalNavigationMenuSubContent","indentClassName"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://inloco.github.io/cosmik",
   "name": "@incognia/cosmik",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -61,6 +61,7 @@
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.7",