blodemd 0.1.0 → 0.2.0

package/docs/components/mdx/view.tsx

@@ -1,66 +0,0 @@
-"use client";
-
-import { isValidElement, useCallback, useMemo, useState } from "react";
-import type { MouseEvent, ReactElement, ReactNode } from "react";
-
-import { cn } from "@/lib/utils";
-
-interface ViewItemProps {
-  title: string;
-  icon?: ReactNode;
-  children: ReactNode;
-}
-
-export const View = ({ children }: ViewItemProps) => children as ReactElement;
-
-interface ViewGroupProps {
-  children: ReactNode;
-}
-
-export const ViewGroup = ({ children }: ViewGroupProps) => {
-  const items = useMemo(() => {
-    const nodes = Array.isArray(children) ? children : [children];
-    return nodes.filter(
-      (child): child is ReactElement<ViewItemProps> =>
-        isValidElement<ViewItemProps>(child) && child.type === View
-    );
-  }, [children]);
-
-  const [active, setActive] = useState(0);
-
-  const handleSelect = useCallback((event: MouseEvent<HTMLButtonElement>) => {
-    const index = Number(event.currentTarget.dataset.index ?? "0");
-    setActive(index);
-  }, []);
-
-  if (!items.length) {
-    return children as ReactElement;
-  }
-
-  return (
-    <div className="my-4">
-      <div className="mb-4 flex flex-wrap gap-2">
-        {items.map((item, index) => (
-          <button
-            className={cn(
-              "inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium transition-colors",
-              index === active
-                ? "bg-primary text-primary-foreground"
-                : "bg-muted text-muted-foreground hover:text-foreground"
-            )}
-            data-index={index}
-            key={item.props.title}
-            onClick={handleSelect}
-            type="button"
-          >
-            {item.props.icon ? (
-              <span className="shrink-0">{item.props.icon}</span>
-            ) : null}
-            {item.props.title}
-          </button>
-        ))}
-      </div>
-      <div>{items[active]}</div>
-    </div>
-  );
-};

package/docs/components/posthog-provider.tsx

@@ -1,42 +0,0 @@
-"use client";
-
-import { usePathname, useSearchParams } from "next/navigation";
-import posthogJs from "posthog-js";
-import { useEffect } from "react";
-
-const DEFAULT_POSTHOG_HOST = "https://us.i.posthogJs.com";
-
-interface PostHogProviderProps {
-  projectKey: string;
-  host?: string;
-}
-
-export const PostHogProvider = ({ projectKey, host }: PostHogProviderProps) => {
-  useEffect(() => {
-    if (!projectKey) {
-      return;
-    }
-    if (posthogJs.__loaded) {
-      return;
-    }
-    posthogJs.init(projectKey, {
-      api_host: host || DEFAULT_POSTHOG_HOST,
-      capture_pageleave: true,
-      capture_pageview: false,
-      person_profiles: "identified_only",
-    });
-  }, [projectKey, host]);
-
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  useEffect(() => {
-    if (!(pathname && posthogJs.__loaded)) {
-      return;
-    }
-    const query = searchParams?.toString();
-    const url = query ? `${pathname}?${query}` : pathname;
-    posthogJs.capture("$pageview", { $current_url: url });
-  }, [pathname, searchParams]);
-
-  return null;
-};

package/docs/components/providers.tsx

@@ -1,15 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "next-themes";
-
-export const Providers = ({ children }: { children: React.ReactNode }) => (
-  <ThemeProvider
-    attribute="class"
-    defaultTheme="system"
-    disableTransitionOnChange
-    enableColorScheme
-    storageKey="theme"
-  >
-    {children}
-  </ThemeProvider>
-);

package/docs/components/tenant-analytics.tsx

@@ -1,49 +0,0 @@
-import { GoogleAnalytics } from "@next/third-parties/google";
-import { headers } from "next/headers";
-import Script from "next/script";
-import { Suspense } from "react";
-
-import {
-  decodeTenantAnalyticsHeader,
-  TENANT_HEADERS,
-} from "@/lib/tenant-headers";
-
-import { PostHogProvider } from "./posthog-provider";
-
-// Consent Mode v2 default-denied bootstrap. Replace with a real CMP when ready.
-const CONSENT_DEFAULTS_SCRIPT = `window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',analytics_storage:'denied',wait_for_update:500});`;
-
-export const TenantAnalytics = async () => {
-  if (process.env.VERCEL_ENV !== "production") {
-    return null;
-  }
-
-  const headerStore = await headers();
-  const analytics = decodeTenantAnalyticsHeader(
-    headerStore.get(TENANT_HEADERS.ANALYTICS)
-  );
-  if (!analytics) {
-    return null;
-  }
-
-  return (
-    <>
-      {analytics.ga4?.measurementId ? (
-        <>
-          <Script id="ga-consent-defaults" strategy="afterInteractive">
-            {CONSENT_DEFAULTS_SCRIPT}
-          </Script>
-          <GoogleAnalytics gaId={analytics.ga4.measurementId} />
-        </>
-      ) : null}
-      {analytics.posthog?.projectKey ? (
-        <Suspense fallback={null}>
-          <PostHogProvider
-            host={analytics.posthog.host}
-            projectKey={analytics.posthog.projectKey}
-          />
-        </Suspense>
-      ) : null}
-    </>
-  );
-};

package/docs/components/third-parties.tsx

@@ -1,32 +0,0 @@
-"use client";
-
-import { GoogleAnalytics } from "@next/third-parties/google";
-import { SpeedInsights } from "@vercel/speed-insights/next";
-import { usePathname } from "next/navigation";
-
-const PRIVATE_PATH_PREFIXES = ["/app", "/oauth"];
-const DEFAULT_BLODEMD_GA_ID = "G-WE1RCNSC4E";
-const BLODEMD_GA_ID =
-  process.env.NEXT_PUBLIC_BLODEMD_GA_ID?.trim() || DEFAULT_BLODEMD_GA_ID;
-
-const isPrivatePath = (pathname: string | null) => {
-  if (!pathname) {
-    return false;
-  }
-  return PRIVATE_PATH_PREFIXES.some(
-    (prefix) => pathname === prefix || pathname.startsWith(`${prefix}/`)
-  );
-};
-
-export const ThirdParties = () => {
-  const pathname = usePathname();
-  if (isPrivatePath(pathname)) {
-    return null;
-  }
-  return (
-    <>
-      <SpeedInsights />
-      {BLODEMD_GA_ID ? <GoogleAnalytics gaId={BLODEMD_GA_ID} /> : null}
-    </>
-  );
-};

package/docs/components/ui/badge.tsx

@@ -1,61 +0,0 @@
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva } from "class-variance-authority";
-import type { VariantProps } from "class-variance-authority";
-import type * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const badgeVariants = cva(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border border-transparent px-2 py-0.5 font-medium text-xs transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
-  {
-    defaultVariants: {
-      variant: "default",
-    },
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
-        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 [a&]:hover:underline",
-        outline:
-          "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        success:
-          "bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-300 [a&]:hover:bg-green-50/80 dark:[a&]:hover:bg-green-950/80",
-        warning:
-          "bg-yellow-50 text-yellow-700 dark:bg-yellow-950 dark:text-yellow-300 [a&]:hover:bg-yellow-50/80 dark:[a&]:hover:bg-yellow-950/80",
-      },
-    },
-  }
-);
-
-type BadgeProps = React.ComponentProps<"span"> &
-  VariantProps<typeof badgeVariants> & { asChild?: boolean };
-
-const Badge = ({
-  className,
-  variant = "default",
-  asChild = false,
-  children,
-  ...props
-}: BadgeProps) =>
-  useRender({
-    defaultTagName: "span",
-    props: mergeProps<"span">(
-      {
-        className: cn(badgeVariants({ variant }), className),
-      },
-      asChild ? props : { ...props, children }
-    ),
-    render: asChild ? (children as React.ReactElement) : undefined,
-    state: {
-      slot: "badge",
-      variant,
-    },
-  });
-
-export { Badge, badgeVariants };
-export type { BadgeProps };

package/docs/components/ui/breadcrumb.tsx

@@ -1,112 +0,0 @@
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { ChevronRight, MoreHorizontal } from "blode-icons-react";
-import type * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Breadcrumb = ({ ...props }: React.ComponentProps<"nav">) => (
-  <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />
-);
-
-const BreadcrumbList = ({
-  className,
-  ...props
-}: React.ComponentProps<"ol">) => (
-  <ol
-    className={cn(
-      "flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5",
-      className
-    )}
-    data-slot="breadcrumb-list"
-    {...props}
-  />
-);
-
-const BreadcrumbItem = ({
-  className,
-  ...props
-}: React.ComponentProps<"li">) => (
-  <li
-    className={cn("inline-flex items-center gap-1.5", className)}
-    data-slot="breadcrumb-item"
-    {...props}
-  />
-);
-
-const BreadcrumbLink = ({
-  asChild,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<"a"> & {
-  asChild?: boolean;
-}) =>
-  useRender({
-    defaultTagName: "a",
-    props: mergeProps<"a">(
-      {
-        className: cn("transition-colors hover:text-foreground", className),
-      },
-      asChild ? props : { ...props, children }
-    ),
-    render: asChild ? (children as React.ReactElement) : undefined,
-    state: {
-      slot: "breadcrumb-link",
-    },
-  });
-
-const BreadcrumbPage = ({
-  className,
-  ...props
-}: React.ComponentProps<"span">) => (
-  <span
-    aria-current="page"
-    aria-disabled="true"
-    className={cn("font-normal text-foreground", className)}
-    data-slot="breadcrumb-page"
-    {...props}
-  />
-);
-
-const BreadcrumbSeparator = ({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<"li">) => (
-  <li
-    aria-hidden="true"
-    className={cn("[&>svg]:size-3.5", className)}
-    data-slot="breadcrumb-separator"
-    role="presentation"
-    {...props}
-  >
-    {children ?? <ChevronRight />}
-  </li>
-);
-
-const BreadcrumbEllipsis = ({
-  className,
-  ...props
-}: React.ComponentProps<"span">) => (
-  <span
-    aria-hidden="true"
-    className={cn("flex size-9 items-center justify-center", className)}
-    data-slot="breadcrumb-ellipsis"
-    role="presentation"
-    {...props}
-  >
-    <MoreHorizontal className="size-4" />
-    <span className="sr-only">More</span>
-  </span>
-);
-
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-};

package/docs/components/ui/button-group.tsx

@@ -1,83 +0,0 @@
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva } from "class-variance-authority";
-import type { VariantProps } from "class-variance-authority";
-
-import { Separator } from "@/components/ui/separator";
-import { cn } from "@/lib/utils";
-
-const buttonGroupVariants = cva(
-  "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  {
-    defaultVariants: {
-      orientation: "horizontal",
-    },
-    variants: {
-      orientation: {
-        horizontal:
-          "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
-        vertical:
-          "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0",
-      },
-    },
-  }
-);
-
-const ButtonGroup = ({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) => (
-  <div
-    className={cn(buttonGroupVariants({ orientation }), className)}
-    data-orientation={orientation}
-    data-slot="button-group"
-    role="group"
-    {...props}
-  />
-);
-
-const ButtonGroupText = ({
-  className,
-  render,
-  ...props
-}: useRender.ComponentProps<"div">) =>
-  useRender({
-    defaultTagName: "div",
-    props: mergeProps<"div">(
-      {
-        className: cn(
-          "flex items-center gap-2 rounded-lg border bg-muted px-2.5 font-medium text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
-          className
-        ),
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "button-group-text",
-    },
-  });
-
-const ButtonGroupSeparator = ({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<typeof Separator>) => (
-  <Separator
-    className={cn(
-      "relative self-stretch bg-input data-horizontal:mx-px data-vertical:my-px data-vertical:h-auto data-horizontal:w-auto",
-      className
-    )}
-    data-slot="button-group-separator"
-    orientation={orientation}
-    {...props}
-  />
-);
-
-export {
-  ButtonGroup,
-  ButtonGroupSeparator,
-  ButtonGroupText,
-  buttonGroupVariants,
-};

package/docs/components/ui/button.tsx

@@ -1,65 +0,0 @@
-import { cva } from "class-variance-authority";
-import type { VariantProps } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    defaultVariants: {
-      size: "default",
-      variant: "default",
-    },
-    variants: {
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        icon: "size-9",
-        "icon-lg": "size-10",
-        "icon-sm": "size-8",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-      },
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        outline:
-          "border bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      },
-    },
-  }
-);
-
-const Button = ({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-  }) => {
-  const Comp = asChild ? Slot.Root : "button";
-
-  return (
-    <Comp
-      data-slot="button"
-      data-variant={variant}
-      data-size={size}
-      className={cn(buttonVariants({ className, size, variant }))}
-      {...props}
-    />
-  );
-};
-
-export { Button, buttonVariants };

package/docs/components/ui/card.tsx

@@ -1,92 +0,0 @@
-import type * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Card = ({
-  className,
-  size = "default",
-  ...props
-}: React.ComponentProps<"div"> & { size?: "default" | "sm" }) => (
-  <div
-    className={cn(
-      "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-card-foreground text-sm ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 has-data-[slot=card-footer]:pb-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
-      className
-    )}
-    data-size={size}
-    data-slot="card"
-    {...props}
-  />
-);
-
-const CardHeader = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
-      className
-    )}
-    data-slot="card-header"
-    {...props}
-  />
-);
-
-const CardTitle = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "font-medium text-base leading-snug group-data-[size=sm]/card:text-sm",
-      className
-    )}
-    data-slot="card-title"
-    {...props}
-  />
-);
-
-const CardDescription = ({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => (
-  <div
-    className={cn("text-muted-foreground text-sm", className)}
-    data-slot="card-description"
-    {...props}
-  />
-);
-
-const CardAction = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-      className
-    )}
-    data-slot="card-action"
-    {...props}
-  />
-);
-
-const CardContent = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn("px-4 group-data-[size=sm]/card:px-3", className)}
-    data-slot="card-content"
-    {...props}
-  />
-);
-
-const CardFooter = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",
-      className
-    )}
-    data-slot="card-footer"
-    {...props}
-  />
-);
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-};