love-ui 1.2.13 → 1.2.15

package/packages/love-ui/src/components/code-block.tsx

@@ -1,38 +0,0 @@
-import { CopyButton } from "@loveui/ui/components/copy-button"
-import { getIconForLanguageExtension } from "@loveui/ui/components/icons"
-import { highlightCode } from "@loveui/ui/lib/highlight-code"
-
-export async function CodeBlock({
-  code,
-  language,
-  title,
-  copyButton = true,
-  showLineNumbers = true,
-}: {
-  code: string
-  language: string
-  title?: string | undefined
-  copyButton?: boolean
-  showLineNumbers?: boolean
-}) {
-  const highlightedCode = await highlightCode(code, language, {
-    showLineNumbers,
-  })
-
-  return (
-    <figure data-rehype-pretty-code-figure="">
-      {title && (
-        <figcaption
-          data-rehype-pretty-code-title=""
-          className="flex items-center gap-2 text-code-foreground [&_svg]:size-5 [&_svg]:text-code-foreground sm:[&_svg]:size-4"
-          data-language={language}
-        >
-          {getIconForLanguageExtension(language)}
-          {title}
-        </figcaption>
-      )}
-      {copyButton && <CopyButton value={code} />}
-      <div dangerouslySetInnerHTML={{ __html: highlightedCode }} />
-    </figure>
-  )
-}

package/packages/love-ui/src/components/copy-button.tsx

@@ -1,59 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Copy01Icon, Tick02Icon } from "@hugeicons/core-free-icons"
-import { HugeiconsIcon } from "@hugeicons/react"
-
-import { cn } from "@loveui/ui/lib/utils"
-import { useCopyToClipboard } from "@loveui/ui/hooks/use-copy-to-clipboard"
-import { Button } from "@loveui/ui/ui/button"
-import {
-  Tooltip,
-  TooltipPopup,
-  TooltipTrigger,
-} from "@loveui/ui/ui/tooltip"
-
-export function copyToClipboard(value: string) {
-  navigator.clipboard.writeText(value)
-}
-
-export function CopyButton({
-  value,
-  className,
-  variant = "ghost",
-  ...props
-}: React.ComponentProps<typeof Button> & {
-  value: string
-  src?: string
-}) {
-  const { isCopied, copyToClipboard } = useCopyToClipboard()
-
-  return (
-    <Tooltip>
-      <TooltipTrigger
-        render={
-          <Button
-            data-slot="copy-button"
-            size="icon"
-            variant={variant}
-            className={cn(
-              "absolute top-1.5 right-1.5 z-3 size-9 bg-code opacity-70 hover:opacity-100 focus-visible:opacity-100 sm:size-8",
-              className
-            )}
-            onClick={() => copyToClipboard(value)}
-            {...props}
-          >
-            <span className="sr-only">Copy</span>
-            {isCopied ? (
-              <HugeiconsIcon icon={Tick02Icon} strokeWidth={2} />
-            ) : (
-              <HugeiconsIcon icon={Copy01Icon} strokeWidth={2} />
-            )}
-          </Button>
-        }
-      />
-      <TooltipPopup>{isCopied ? "Copied" : "Copy to Clipboard"}</TooltipPopup>
-    </Tooltip>
-  )
-}
-

package/packages/love-ui/src/components/icons.tsx

@@ -1,207 +0,0 @@
-import {
-  CssFile01Icon,
-  Folder01Icon,
-  ThirdBracketIcon,
-  Typescript02Icon,
-} from "@hugeicons/core-free-icons"
-import { HugeiconsIcon } from "@hugeicons/react"
-
-type IconProps = React.HTMLAttributes<SVGElement>
-
-export const Icons = {
-  logo: (props: IconProps) => (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" {...props}>
-      <rect width="256" height="256" fill="none" />
-      <line
-        x1="208"
-        y1="128"
-        x2="128"
-        y2="208"
-        fill="none"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="32"
-      />
-      <line
-        x1="192"
-        y1="40"
-        x2="40"
-        y2="192"
-        fill="none"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="32"
-      />
-    </svg>
-  ),
-  twitter: (props: IconProps) => (
-    <svg
-      {...props}
-      height="23"
-      viewBox="0 0 1200 1227"
-      width="23"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
-    </svg>
-  ),
-  radix: (props: IconProps) => (
-    <svg viewBox="0 0 25 25" fill="none" {...props}>
-      <path
-        d="M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z"
-        fill="currentcolor"
-      ></path>
-      <path d="M12 0H4V8H12V0Z" fill="currentcolor"></path>
-      <path
-        d="M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z"
-        fill="currentcolor"
-      ></path>
-    </svg>
-  ),
-  aria: (props: IconProps) => (
-    <svg role="img" viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <path d="M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" />
-    </svg>
-  ),
-  npm: (props: IconProps) => (
-    <svg viewBox="0 0 24 24" {...props}>
-      <path
-        d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
-        fill="currentColor"
-      />
-    </svg>
-  ),
-  yarn: (props: IconProps) => (
-    <svg viewBox="0 0 24 24" {...props}>
-      <path
-        d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z"
-        fill="currentColor"
-      />
-    </svg>
-  ),
-  pnpm: (props: IconProps) => (
-    <svg viewBox="0 0 24 24" {...props}>
-      <path
-        d="M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"
-        fill="currentColor"
-      />
-    </svg>
-  ),
-  react: (props: IconProps) => (
-    <svg viewBox="0 0 24 24" {...props}>
-      <path
-        d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"
-        fill="currentColor"
-      />
-    </svg>
-  ),
-  tailwind: (props: IconProps) => (
-    <svg viewBox="0 0 24 24" {...props}>
-      <path
-        d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"
-        fill="currentColor"
-      />
-    </svg>
-  ),
-  google: (props: IconProps) => (
-    <svg role="img" viewBox="0 0 24 24" {...props}>
-      <path
-        fill="currentColor"
-        d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
-      />
-    </svg>
-  ),
-  apple: (props: IconProps) => (
-    <svg role="img" viewBox="0 0 24 24" {...props}>
-      <path
-        d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"
-        fill="currentColor"
-      />
-    </svg>
-  ),
-  paypal: (props: IconProps) => (
-    <svg role="img" viewBox="0 0 24 24" {...props}>
-      <path
-        d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z"
-        fill="currentColor"
-      />
-    </svg>
-  ),
-  spinner: (props: IconProps) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      {...props}
-    >
-      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
-    </svg>
-  ),
-  ts: (props: IconProps) => (
-    <svg
-      viewBox="0 0 24 24"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      fill="currentColor"
-      {...props}
-    >
-      <path d="M18 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12Zm-2.476 7.128c-.583 0-1.104.101-1.562.305a2.609 2.609 0 0 0-1.082.847c-.26.362-.39.785-.387 1.27-.002.591.192 1.061.582 1.41.39.349.923.605 1.598.77l.87.218c.293.07.539.149.74.235.202.086.356.19.46.312.107.123.16.274.16.453a.803.803 0 0 1-.175.512 1.143 1.143 0 0 1-.497.348c-.21.083-.46.125-.746.125-.291 0-.553-.045-.785-.133a1.281 1.281 0 0 1-.55-.402 1.23 1.23 0 0 1-.231-.672h-1.637c.013.575.153 1.058.418 1.449.268.388.64.68 1.117.879.48.198 1.042.297 1.688.297.65 0 1.207-.098 1.668-.293.463-.198.818-.476 1.062-.832.248-.36.373-.784.375-1.274a2.125 2.125 0 0 0-.183-.887 1.997 1.997 0 0 0-.496-.671 2.92 2.92 0 0 0-.758-.48 5.069 5.069 0 0 0-.961-.313l-.719-.172a4.213 4.213 0 0 1-.492-.14 2.109 2.109 0 0 1-.406-.2.938.938 0 0 1-.278-.277.658.658 0 0 1-.09-.375c0-.172.05-.326.149-.461a.984.984 0 0 1 .438-.317c.19-.078.423-.117.699-.117.406 0 .728.087.964.262.238.174.372.419.403.734H18.5a2.242 2.242 0 0 0-.383-1.258 2.46 2.46 0 0 0-1.039-.847c-.443-.204-.96-.305-1.555-.305Zm-9.756.11v1.394h2.449v6.605h1.672v-6.605h2.449v-1.395h-6.57Z" />
-    </svg>
-  ),
-  bash: (props: IconProps) => (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
-      <path d="M21.038 4.9 13.461.402a2.86 2.86 0 0 0-2.923.001L2.961 4.9A3.023 3.023 0 0 0 1.5 7.503v8.995c0 1.073.557 2.066 1.462 2.603l7.577 4.497a2.86 2.86 0 0 0 2.922 0l7.577-4.497a3.023 3.023 0 0 0 1.462-2.603V7.503A3.021 3.021 0 0 0 21.038 4.9zM15.17 18.946l.013.646c.001.078-.05.167-.111.198l-.383.22c-.061.031-.111-.007-.112-.085l-.007-.635c-.328.136-.66.169-.872.084-.04-.016-.057-.075-.041-.142l.139-.584a.24.24 0 0 1 .069-.121.163.163 0 0 1 .036-.026c.022-.011.043-.014.062-.006.229.077.521.041.802-.101.357-.181.596-.545.592-.907-.003-.328-.181-.465-.613-.468-.55.001-1.064-.107-1.072-.917-.007-.667.34-1.361.889-1.8l-.007-.652c-.001-.08.048-.168.111-.2l.37-.236c.061-.031.111.007.112.087l.006.653c.273-.109.511-.138.726-.088.047.012.067.076.048.151l-.144.578a.255.255 0 0 1-.065.116.161.161 0 0 1-.038.028.083.083 0 0 1-.057.009c-.098-.022-.332-.073-.699.113-.385.195-.52.53-.517.778.003.297.155.387.681.396.7.012 1.003.318 1.01 1.023.007.689-.362 1.433-.928 1.888zm3.973-1.087c0 .06-.008.116-.058.145l-1.916 1.164c-.05.029-.09.004-.09-.056v-.494c0-.06.037-.093.087-.122l1.887-1.129c.05-.029.09-.004.09.056v.436zm1.316-11.062-7.168 4.427c-.894.523-1.553 1.109-1.553 2.187v8.833c0 .645.26 1.063.66 1.184a2.304 2.304 0 0 1-.398.039c-.42 0-.833-.114-1.197-.33L3.226 18.64a2.494 2.494 0 0 1-1.201-2.142V7.503c0-.881.46-1.702 1.201-2.142L10.803.863a2.342 2.342 0 0 1 2.394 0l7.577 4.498a2.479 2.479 0 0 1 1.164 1.732c-.252-.536-.818-.682-1.479-.296z" />
-    </svg>
-  ),
-  v0: (props: IconProps) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 16 16"
-      fill="currentColor"
-      {...props}
-    >
-      <path
-        clipRule="evenodd"
-        d="M9.50321 5.5H13.2532C13.3123 5.5 13.3704 5.5041 13.4273 5.51203L9.51242 9.42692C9.50424 9.36912 9.5 9.31006 9.5 9.25L9.5 5.5L8 5.5L8 9.25C8 10.7688 9.23122 12 10.75 12H14.5V10.5L10.75 10.5C10.6899 10.5 10.6309 10.4958 10.5731 10.4876L14.4904 6.57028C14.4988 6.62897 14.5032 6.68897 14.5032 6.75V10.5H16.0032V6.75C16.0032 5.23122 14.772 4 13.2532 4H9.50321V5.5ZM0 5V5.00405L5.12525 11.5307C5.74119 12.3151 7.00106 11.8795 7.00106 10.8822V5H5.50106V9.58056L1.90404 5H0Z"
-        fillRule="evenodd"
-      />
-    </svg>
-  ),
-  mcp: (props: IconProps) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 16 16"
-      fill="currentColor"
-      {...props}
-    >
-      <path d="M10.459 1.562a1.725 1.725 0 0 0-2.407 0L1.635 7.855a.575.575 0 0 1-.925-.18.549.549 0 0 1 .123-.606L7.25.775a2.875 2.875 0 0 1 4.01 0 2.743 2.743 0 0 1 .803 2.36 2.866 2.866 0 0 1 2.406.787l.034.033a2.743 2.743 0 0 1 0 3.934L8.699 13.58a.182.182 0 0 0 0 .262l1.192 1.17a.55.55 0 0 1 0 .786.575.575 0 0 1-.802 0l-1.192-1.169a1.28 1.28 0 0 1 0-1.836L13.7 7.101a1.647 1.647 0 0 0 0-2.36l-.034-.032a1.725 1.725 0 0 0-2.404-.002L6.48 9.396l-.001.001-.065.065a.575.575 0 0 1-.926-.18.549.549 0 0 1 .123-.607l4.849-4.755a1.645 1.645 0 0 0-.002-2.358Z" />
-      <path d="M9.657 3.135a.549.549 0 0 0 0-.786.575.575 0 0 0-.803 0L4.108 7.003a2.743 2.743 0 0 0 0 3.934 2.876 2.876 0 0 0 4.01 0l4.747-4.655a.548.548 0 0 0 0-.787.575.575 0 0 0-.802 0L7.317 10.15a1.725 1.725 0 0 1-2.407 0 1.647 1.647 0 0 1 0-2.36l4.747-4.655Z" />
-    </svg>
-  ),
-}
-
-export function getIconForLanguageExtension(language: string) {
-  switch (language) {
-    case "json":
-      return <HugeiconsIcon icon={ThirdBracketIcon} strokeWidth={2} />
-    case "css":
-      return <HugeiconsIcon icon={CssFile01Icon} strokeWidth={2} />
-    case "js":
-    case "jsx":
-    case "ts":
-    case "tsx":
-    case "typescript":
-      return <HugeiconsIcon icon={Typescript02Icon} strokeWidth={2} />
-    default:
-      return <HugeiconsIcon icon={Folder01Icon} strokeWidth={2} />
-  }
-}

package/packages/love-ui/src/components/mobile-nav.tsx

@@ -1,123 +0,0 @@
-"use client"
-
-import * as React from "react"
-// @ts-ignore - Next types are supplied by consuming app via peerDependencies
-import Link, { LinkProps } from "next/link"
-// @ts-ignore - Next types are supplied by consuming app via peerDependencies
-import { useRouter } from "next/navigation"
-import { Menu09Icon } from "@hugeicons/core-free-icons"
-import { HugeiconsIcon } from "@hugeicons/react"
-
-import { cn } from "@loveui/ui/lib/utils"
-import { Button } from "@loveui/ui/ui/button"
-import { Sheet, SheetPopup, SheetTrigger } from "@loveui/ui/ui/sheet"
-
-export function MobileNav({
-  tree,
-  items,
-  className,
-}: {
-  tree?: any
-  items: { href: string; label: string }[]
-  className?: string
-}) {
-  const [open, setOpen] = React.useState(false)
-
-  return (
-    <Sheet open={open} onOpenChange={setOpen}>
-      <SheetTrigger
-        render={
-          <Button
-            variant="ghost"
-            size="icon"
-            className={cn(
-              "relative -ms-1.5 size-8",
-              className
-            )}
-          >
-            <HugeiconsIcon
-              icon={Menu09Icon}
-              strokeWidth={2}
-              className="size-5"
-            />
-            <span className="sr-only">Toggle Menu</span>
-          </Button>
-        }
-      />
-      <SheetPopup side="left">
-        <div className="flex flex-col gap-12 overflow-auto p-6 pt-8">
-          <div className="flex flex-col gap-3">
-            <div className="text-sm font-medium">Menu</div>
-            <div className="flex flex-col gap-2">
-              <MobileLink href="/" onOpenChange={setOpen}>
-                Home
-              </MobileLink>
-              {items.map((item, index) => (
-                <MobileLink key={index} href={item.href} onOpenChange={setOpen}>
-                  {item.label}
-                </MobileLink>
-              ))}
-            </div>
-          </div>
-          {
-            tree ? (
-              <div className="flex flex-col gap-8">
-                {tree?.children?.map((group: any, index: number) => {
-                  if (group.type === "folder") {
-                    return (
-                      <div key={index} className="flex flex-col gap-3">
-                        <div className="text-sm font-medium">{group.name}</div>
-                        <div className="flex flex-col gap-2">
-                          {group.children.map((item: any) => {
-                            if (item.type === "page") {
-                              return (
-                                <MobileLink
-                                  key={`${item.url}-${index}`}
-                                  href={item.url}
-                                  onOpenChange={setOpen}
-                                >
-                                  {item.name}
-                                </MobileLink>
-                              )
-                            }
-                          })}
-                        </div>
-                      </div>
-                    )
-                  }
-                })}
-              </div>
-            ) : null
-          }
-        </div>
-      </SheetPopup>
-    </Sheet>
-  )
-}
-
-function MobileLink({
-  href,
-  onOpenChange,
-  className,
-  children,
-  ...props
-}: LinkProps & {
-  onOpenChange?: (open: boolean) => void
-  children: React.ReactNode
-  className?: string
-}) {
-  const router = useRouter()
-  return (
-    <Link
-      href={href}
-      onClick={() => {
-        router.push(href.toString())
-        onOpenChange?.(false)
-      }}
-      className={cn("text-muted-foreground", className)}
-      {...props}
-    >
-      {children}
-    </Link>
-  )
-}

package/packages/love-ui/src/components/mode-switcher.tsx

@@ -1,42 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { ThemeSwitcher } from "../../../theme-switcher"
-import { useTheme } from "next-themes"
-
-export function ModeSwitcher() {
-  const { theme, resolvedTheme, setTheme } = useTheme()
-  const [mounted, setMounted] = React.useState(false)
-
-  React.useEffect(() => {
-    setMounted(true)
-  }, [])
-
-  const currentTheme = React.useMemo<
-    "light" | "dark" | "system" | undefined
-  >(() => {
-    if (!mounted) return undefined
-    if (theme === "system") return "system"
-    if (theme === "light" || theme === "dark") return theme
-    if (resolvedTheme === "light" || resolvedTheme === "dark") {
-      return resolvedTheme
-    }
-    return undefined
-  }, [mounted, theme, resolvedTheme])
-
-  const handleThemeChange = React.useCallback(
-    (value: "light" | "dark" | "system") => {
-      setTheme(value)
-    },
-    [setTheme]
-  )
-
-  return (
-    <ThemeSwitcher
-      value={currentTheme}
-      onChange={handleThemeChange}
-      defaultValue="system"
-      className="h-8"
-    />
-  )
-}

package/packages/love-ui/src/components/page-header.tsx

@@ -1,43 +0,0 @@
-import { cn } from "@loveui/ui/lib/utils"
-
-function PageHeader({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<"section">) {
-  return (
-    <section className={className} {...props}>
-      <div className="container-wrapper">
-        <div className="container flex flex-col items-center gap-2 px-0 py-8 text-center md:py-12 lg:py-16 xl:gap-4">
-          {children}
-        </div>
-      </div>
-    </section>
-  )
-}
-
-function PageHeaderHeading({
-  className,
-  ...props
-}: React.ComponentProps<"h1">) {
-  return (
-    <h1
-      className={cn("font-heading text-4xl lg:text-5xl", className)}
-      {...props}
-    />
-  )
-}
-
-function PageHeaderDescription({
-  className,
-  ...props
-}: React.ComponentProps<"p">) {
-  return (
-    <p
-      className={cn("text-muted-foreground lg:text-lg", className)}
-      {...props}
-    />
-  )
-}
-
-export { PageHeader, PageHeaderDescription, PageHeaderHeading }

package/packages/love-ui/src/components/product-label.tsx

@@ -1,61 +0,0 @@
-"use client"
-
-// @ts-ignore - Next types are supplied by consuming app via peerDependencies
-import { usePathname } from "next/navigation"
-import { Badge } from "@loveui/ui/ui/badge"
-
-interface ProductsDropdownProps {
-  items: { href: string; label: string; upcoming?: boolean; }[]
-  currentProduct?: string
-}
-
-export function ProductLabel({ items, currentProduct }: ProductsDropdownProps) {
-  const pathname = usePathname()
-
-  // If currentProduct is explicitly provided, use it
-  if (currentProduct) {
-    const matchingItem = items.find(item => item.label.toLowerCase() === currentProduct.toLowerCase())
-
-    if (!matchingItem) {
-      return null
-    }
-
-    return (
-      <>
-        <span className="text-muted-foreground/64">{matchingItem.label}</span>
-        {matchingItem.upcoming && (
-          <Badge variant="info" className="max-sm:hidden ms-2 -mt-1 font-sans">
-            Upcoming
-          </Badge>
-        )}
-      </>
-    )
-  }
-
-  // Don't display anything on home page
-  if (pathname === "/") {
-    return null
-  }
-
-  // Get the first segment of the pathname (remove leading slash)
-  const firstSegment = pathname.slice(1).split('/')[0]
-
-  // Check if the first segment matches any of the item labels
-  const matchingItem = firstSegment ? items.find(item => item.label.toLowerCase() === firstSegment.toLowerCase()) : undefined
-
-  // Only display if we have a match
-  if (!matchingItem) {
-    return null
-  }
-
-  return (
-    <>
-      <span className="text-muted-foreground/64">{matchingItem.label}</span>
-      {matchingItem.upcoming && (
-        <Badge variant="info" className="max-sm:hidden ms-2 -mt-1 font-sans">
-          Upcoming
-        </Badge>
-      )}
-    </>
-  )
-}

package/packages/love-ui/src/components/products-dropdown.tsx

@@ -1,81 +0,0 @@
-"use client"
-
-import { ChevronDown } from "lucide-react"
-// @ts-ignore - Next types are supplied by consuming app via peerDependencies
-import Link from "next/link"
-
-import { Badge } from "@loveui/ui/ui/badge"
-import {
-  Menu,
-  MenuItem,
-  MenuPopup,
-  MenuTrigger,
-  } from "@loveui/ui/ui/menu"
-import { Button } from "@loveui/ui/ui/button"
-
-interface ProductsDropdownProps {
-  items: { href: string; label: string; upcoming?: boolean }[]
-}
-
-export function ProductsDropdown({ items }: ProductsDropdownProps) {
-  const gatewayOrigin = process.env.NEXT_PUBLIC_LOVEUI_URL || ""
-  const uiGatewayOrigin = process.env.NEXT_PUBLIC_LOVEUI_UI_URL || ""
-
-  const getLinkProps = (item: { href: string; label: string; upcoming?: boolean }) => {
-    const isHomePage = item.href === "/"
-    
-    // Determine if this should be an external link and construct the URL
-    if (gatewayOrigin && !isHomePage) {
-      // Non-homepage links go to the main gateway
-      return {
-        href: `${gatewayOrigin}${item.href}`,
-        isExternal: true
-      }
-    }
-    
-    if (uiGatewayOrigin && isHomePage) {
-      // Homepage links go to the UI gateway
-      return {
-        href: uiGatewayOrigin,
-        isExternal: true
-      }
-    }
-    
-    // Default: internal link
-    return {
-      href: item.href,
-      isExternal: false
-    }
-  }
-
-  return (
-    <Menu>
-      <MenuTrigger render={<Button variant="ghost" />}>
-        Products
-        <ChevronDown className="opacity-72" />
-      </MenuTrigger>
-      <MenuPopup align="center" sideOffset={4}>
-        {items.map((item) => {
-          const { href, isExternal } = getLinkProps(item)
-
-          return (
-            <MenuItem
-              key={item.href}
-              className="group justify-between"
-              render={isExternal ? <a href={href} /> : <Link href={href} />}
-            >
-              <span className="font-heading text-muted-foreground in-data-highlighted:text-foreground">
-                {item.label}
-              </span>
-              {item.upcoming && (
-                <Badge variant="info" size="sm" className="-me-0.5 opacity-0 group-hover:opacity-100 font-medium">
-                  Upcoming
-                </Badge>
-              )}
-            </MenuItem>
-          )
-        })}
-      </MenuPopup>
-    </Menu>
-  )
-}