From c438069aa8e8178aeb730ca0944e8291e1c72953 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@users.noreply.github.com>
Date: Wed, 27 Dec 2023 15:29:38 +0000
Subject: [PATCH] docs

---
 apps/www/public/registry/styles/default/toolbar.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/public/registry/styles/default/toolbar.json b/apps/www/public/registry/styles/default/toolbar.json
index 0395e35d0e..0e7949787c 100644
--- a/apps/www/public/registry/styles/default/toolbar.json
+++ b/apps/www/public/registry/styles/default/toolbar.json
@@ -11,7 +11,7 @@
   "files": [
     {
       "name": "toolbar.tsx",
-      "content": "'use client';\n\nimport * as React from 'react';\nimport { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport * as ToolbarPrimitive from '@radix-ui/react-toolbar';\nimport { cn, withCn, withRef, withVariants } from '@udecode/cn';\n\nimport { Icons } from '@/components/icons';\n\nimport { Separator } from './separator';\nimport { Toggle, toggleVariants } from './toggle';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipPortal,\n  TooltipTrigger,\n} from './tooltip';\n\nexport const Toolbar = withCn(\n  ToolbarPrimitive.Root,\n  'relative flex select-none items-stretch gap-1 bg-background'\n);\n\nexport const ToolbarToggleGroup = ToolbarPrimitive.ToggleGroup;\n\nexport const ToolbarLink = withCn(\n  ToolbarPrimitive.Link,\n  'font-medium underline underline-offset-4'\n);\n\nexport const ToolbarSeparator = withCn(\n  ToolbarPrimitive.Separator,\n  'my-1 w-[1px] shrink-0 bg-border'\n);\n\nexport const ToolbarButton = withRef<\n  typeof ToolbarPrimitive.Button,\n  Omit<ComponentPropsWithoutRef<typeof Toggle>, 'type'> & {\n    buttonType?: 'button' | 'toggle';\n    pressed?: boolean;\n    tooltip?: ReactNode;\n    isDropdown?: boolean;\n  }\n>(\n  (\n    {\n      className,\n      variant,\n      size = 'sm',\n      isDropdown,\n      children,\n      pressed,\n      value,\n      tooltip,\n      ...props\n    },\n    ref\n  ) => {\n    const [isLoaded, setIsLoaded] = React.useState(false);\n\n    React.useEffect(() => {\n      setIsLoaded(true);\n    }, []);\n\n    const content =\n      typeof pressed === 'boolean' ? (\n        <ToolbarToggleGroup type=\"single\" value=\"single\">\n          <ToolbarToggleItem\n            ref={ref}\n            className={cn(\n              toggleVariants({\n                variant,\n                size,\n              }),\n              isDropdown && 'my-1 justify-between pr-1',\n              className\n            )}\n            value={pressed ? 'single' : ''}\n            {...props}\n          >\n            <div className=\"flex flex-1\">{children}</div>\n            <div>\n              {isDropdown && (\n                <Icons.arrowDown className=\"ml-0.5 h-4 w-4\" data-icon />\n              )}\n            </div>\n          </ToolbarToggleItem>\n        </ToolbarToggleGroup>\n      ) : (\n        <ToolbarPrimitive.Button\n          ref={ref}\n          className={cn(\n            toggleVariants({\n              variant,\n              size,\n            }),\n            isDropdown && 'pr-1',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </ToolbarPrimitive.Button>\n      );\n\n    return isLoaded && tooltip ? (\n      <Tooltip>\n        <TooltipTrigger asChild>{content}</TooltipTrigger>\n\n        <TooltipPortal>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </TooltipPortal>\n      </Tooltip>\n    ) : (\n      <>{content}</>\n    );\n  }\n);\n\nexport const ToolbarToggleItem = withVariants(\n  ToolbarPrimitive.ToggleItem,\n  toggleVariants,\n  ['variant', 'size']\n);\n\nexport const ToolbarGroup = withRef<\n  'div',\n  {\n    noSeparator?: boolean;\n  }\n>(({ className, children, noSeparator }, ref) => {\n  const childArr = React.Children.map(children, (c) => c);\n  if (!childArr || childArr.length === 0) return null;\n\n  return (\n    <div ref={ref} className={cn('flex', className)}>\n      {!noSeparator && (\n        <div className=\"h-full py-1\">\n          <Separator orientation=\"vertical\" />\n        </div>\n      )}\n\n      <div className=\"mx-1 flex items-center gap-1\">{children}</div>\n    </div>\n  );\n});\n"
+      "content": "'use client';\n\nimport * as React from 'react';\nimport { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport * as ToolbarPrimitive from '@radix-ui/react-toolbar';\nimport { cn, withCn, withRef, withVariants } from '@udecode/cn';\n\nimport { Icons } from '@/components/icons';\n\nimport { Separator } from './separator';\nimport { Toggle, toggleVariants } from './toggle';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipPortal,\n  TooltipTrigger,\n} from './tooltip';\n\nexport const Toolbar = withCn(\n  ToolbarPrimitive.Root,\n  'relative flex select-none items-stretch gap-1 bg-background'\n);\n\nexport const ToolbarToggleGroup = withCn(\n  ToolbarPrimitive.ToolbarToggleGroup,\n  'flex items-center'\n);\n\nexport const ToolbarLink = withCn(\n  ToolbarPrimitive.Link,\n  'font-medium underline underline-offset-4'\n);\n\nexport const ToolbarSeparator = withCn(\n  ToolbarPrimitive.Separator,\n  'my-1 w-[1px] shrink-0 bg-border'\n);\n\nexport const ToolbarButton = withRef<\n  typeof ToolbarPrimitive.Button,\n  Omit<ComponentPropsWithoutRef<typeof Toggle>, 'type'> & {\n    buttonType?: 'button' | 'toggle';\n    pressed?: boolean;\n    tooltip?: ReactNode;\n    isDropdown?: boolean;\n  }\n>(\n  (\n    {\n      className,\n      variant,\n      size = 'sm',\n      isDropdown,\n      children,\n      pressed,\n      value,\n      tooltip,\n      ...props\n    },\n    ref\n  ) => {\n    const [isLoaded, setIsLoaded] = React.useState(false);\n\n    React.useEffect(() => {\n      setIsLoaded(true);\n    }, []);\n\n    const content =\n      typeof pressed === 'boolean' ? (\n        <ToolbarToggleGroup type=\"single\" value=\"single\">\n          <ToolbarToggleItem\n            ref={ref}\n            className={cn(\n              toggleVariants({\n                variant,\n                size,\n              }),\n              isDropdown && 'my-1 justify-between pr-1',\n              className\n            )}\n            value={pressed ? 'single' : ''}\n            {...props}\n          >\n            <div className=\"flex flex-1\">{children}</div>\n            <div>\n              {isDropdown && (\n                <Icons.arrowDown className=\"ml-0.5 h-4 w-4\" data-icon />\n              )}\n            </div>\n          </ToolbarToggleItem>\n        </ToolbarToggleGroup>\n      ) : (\n        <ToolbarPrimitive.Button\n          ref={ref}\n          className={cn(\n            toggleVariants({\n              variant,\n              size,\n            }),\n            isDropdown && 'pr-1',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </ToolbarPrimitive.Button>\n      );\n\n    return isLoaded && tooltip ? (\n      <Tooltip>\n        <TooltipTrigger asChild>{content}</TooltipTrigger>\n\n        <TooltipPortal>\n          <TooltipContent>{tooltip}</TooltipContent>\n        </TooltipPortal>\n      </Tooltip>\n    ) : (\n      <>{content}</>\n    );\n  }\n);\n\nexport const ToolbarToggleItem = withVariants(\n  ToolbarPrimitive.ToggleItem,\n  toggleVariants,\n  ['variant', 'size']\n);\n\nexport const ToolbarGroup = withRef<\n  'div',\n  {\n    noSeparator?: boolean;\n  }\n>(({ className, children, noSeparator }, ref) => {\n  const childArr = React.Children.map(children, (c) => c);\n  if (!childArr || childArr.length === 0) return null;\n\n  return (\n    <div ref={ref} className={cn('flex', className)}>\n      {!noSeparator && (\n        <div className=\"h-full py-1\">\n          <Separator orientation=\"vertical\" />\n        </div>\n      )}\n\n      <div className=\"mx-1 flex items-center gap-1\">{children}</div>\n    </div>\n  );\n});\n"
     }
   ],
   "type": "components:plate-ui"