@incognia/cosmik 1.1.0 → 1.1.2

package/dist/index43.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index43.cjs","names":[],"sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(\n        toggleVariants({ variant, size, border, inverted, className })\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":"6OAOM,EAAiB,EAAA,IACrB,gIACA,CACE,SAAU,CACR,QAAS,CACP,cACE,sOACF,eACE,2OACF,gBACE,gPACF,aACE,mOACF,eACE,6OACF,kBACE,2PACJ,EACA,KAAM,CACJ,KAAM,YACN,GAAI,wBACJ,GAAI,sBACN,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,EACA,SAAU,CACR,KAAM,gEACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,cACT,UACE,kGACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,gBACT,UACE,wGACJ,EACA,CACE,SAAU,GACV,QAAS,aACT,UACE,+FACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,kBACT,UACE,8GACJ,CACF,EACA,gBAAiB,CACf,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CACF,CACF,EAEA,SAAS,EAAO,CACd,YACA,UACA,OACA,SACA,WACA,GAAG,GAEkC,CACrC,OACE,EAAA,EAAA,KAAC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EAAA,GACT,EAAe,CAAE,UAAS,OAAM,SAAQ,WAAU,WAAU,CAAC,CAC/D,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index43.cjs","names":[],"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"],"mappings":"sTAOA,SAAS,EAAuB,CAC9B,WACA,WAAW,GACX,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAwB,KAAzB,CACE,YAAU,kBACV,gBAAe,EACf,GAAI,WAHN,CAKG,EACA,IAAY,EAAA,EAAA,KAAC,EAAwB,uBAAzB,CAAiD,CAAA,CAClC,GAElC,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,wEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA8B,CACrC,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,wEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgC,CACvC,GAAG,GAC2B,CAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,GAAI,CAAQ,CAAA,CAChC,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GAAG,SAAU,CAAS,EACjC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,wIACA,qBACA,0CACA,4GACA,uDACA,oCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA0B,CACjC,YACA,GAAG,GACsD,CACzD,OACE,EAAA,EAAA,KAAC,EAAqB,KAAtB,CAA2B,UAAW,EAAA,GAAG,SAAU,CAAS,EAAG,GAAI,CAAQ,CAAA,CAE/E,CAQA,SAAS,EAAiC,CACxC,YACA,WACA,UAAU,GACV,MACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACO,MACL,UAAW,EAAA,GACT,4IACA,0CACA,qBACA,4GACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oDAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BAA6B,UAAe,CAAA,EAE3D,GACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,cAAY,OACZ,UAAU,2IACX,CAAA,EACC,IACA,GACsB,CAAA,CAElC,CAQA,SAAS,EAAiC,CACxC,YACA,kBAAkB,6CAClB,WACA,MACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACO,MACL,UAAW,EAAA,GAAG,kBAAmB,CAAS,EAC1C,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAkB,UAAc,CAAA,CACpB,CAAA,CAElC"}