blodemd 0.0.15 → 0.2.0

package/docs/components/ui/command.tsx

@@ -1,167 +0,0 @@
-"use client";
-
-import { SearchIcon } from "blode-icons-react";
-import { Command as CommandPrimitive } from "cmdk";
-import type * as React from "react";
-
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { cn } from "@/lib/utils";
-
-const Command = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive>) => (
-  <CommandPrimitive
-    className={cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
-    )}
-    data-slot="command"
-    {...props}
-  />
-);
-
-const CommandDialog = ({
-  title = "Command Palette",
-  description = "Search for a command to run...",
-  children,
-  className,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string;
-  description?: string;
-  children?: React.ReactNode;
-  className?: string;
-  showCloseButton?: boolean;
-} & Omit<React.ComponentProps<typeof Dialog>, "children">) => (
-  <Dialog {...props}>
-    <DialogHeader className="sr-only">
-      <DialogTitle>{title}</DialogTitle>
-      <DialogDescription>{description}</DialogDescription>
-    </DialogHeader>
-    <DialogContent
-      className={cn("overflow-hidden p-0", className)}
-      showCloseButton={showCloseButton}
-    >
-      <Command className="**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
-        {children}
-      </Command>
-    </DialogContent>
-  </Dialog>
-);
-
-const CommandInput = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Input>) => (
-  <div
-    className="flex h-9 items-center gap-2 border-b px-3"
-    data-slot="command-input-wrapper"
-  >
-    <SearchIcon className="size-4 shrink-0 opacity-50" />
-    <CommandPrimitive.Input
-      className={cn(
-        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      data-slot="command-input"
-      {...props}
-    />
-  </div>
-);
-
-const CommandList = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.List>) => (
-  <CommandPrimitive.List
-    className={cn(
-      "max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden",
-      className
-    )}
-    data-slot="command-list"
-    {...props}
-  />
-);
-
-const CommandEmpty = ({
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Empty>) => (
-  <CommandPrimitive.Empty
-    className="py-6 text-center text-sm"
-    data-slot="command-empty"
-    {...props}
-  />
-);
-
-const CommandGroup = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Group>) => (
-  <CommandPrimitive.Group
-    className={cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
-      className
-    )}
-    data-slot="command-group"
-    {...props}
-  />
-);
-
-const CommandSeparator = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Separator>) => (
-  <CommandPrimitive.Separator
-    className={cn("-mx-1 h-px bg-border", className)}
-    data-slot="command-separator"
-    {...props}
-  />
-);
-
-const CommandItem = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Item>) => (
-  <CommandPrimitive.Item
-    className={cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
-      className
-    )}
-    data-slot="command-item"
-    {...props}
-  />
-);
-
-const CommandShortcut = ({
-  className,
-  ...props
-}: React.ComponentProps<"span">) => (
-  <span
-    className={cn(
-      "ml-auto text-muted-foreground text-xs tracking-widest",
-      className
-    )}
-    data-slot="command-shortcut"
-    {...props}
-  />
-);
-
-export {
-  Command,
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-};

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

@@ -1,129 +0,0 @@
-"use client";
-
-import {
-  Checkmark1Icon as CheckIcon,
-  CopySimpleIcon as CopyIcon,
-} from "blode-icons-react";
-import { cva } from "class-variance-authority";
-import type { VariantProps } from "class-variance-authority";
-import { useCallback, useEffect, useRef } from "react";
-import type { MouseEvent } from "react";
-
-import { Button as ButtonPrimitive } from "@/components/animate-ui/primitives/buttons/button";
-import type { ButtonProps as ButtonPrimitiveProps } from "@/components/animate-ui/primitives/buttons/button";
-import { useControlledState } from "@/hooks/use-controlled-state";
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "flex shrink-0 items-center justify-center rounded-md outline-none transition-[box-shadow,_color,_background-color,_border-color,_outline-color,_text-decoration-color,_fill,_stroke] 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:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    defaultVariants: {
-      size: "default",
-      variant: "default",
-    },
-    variants: {
-      size: {
-        default: "size-9",
-        lg: "size-10 rounded-md",
-        sm: "size-8 rounded-md",
-        xs: "size-7 rounded-md [&_svg:not([class*='size-'])]:size-3.5",
-      },
-      variant: {
-        accent: "bg-accent text-accent-foreground hover:bg-accent/90",
-        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",
-      },
-    },
-  }
-);
-
-type CopyButtonProps = Omit<ButtonPrimitiveProps, "children"> &
-  VariantProps<typeof buttonVariants> & {
-    content: string;
-    copied?: boolean;
-    delay?: number;
-    onCopiedChange?: (copied: boolean, content?: string) => void;
-  };
-
-const CopyButton = ({
-  className,
-  content,
-  copied,
-  onCopiedChange,
-  onClick,
-  variant,
-  size,
-  delay = 3000,
-  ...props
-}: CopyButtonProps) => {
-  const [isCopied, setIsCopied] = useControlledState({
-    onChange: onCopiedChange,
-    value: copied,
-  });
-  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  useEffect(
-    () => () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    },
-    []
-  );
-
-  const handleCopy = useCallback(
-    async (e: MouseEvent<HTMLButtonElement>) => {
-      onClick?.(e);
-      if (copied) {
-        return;
-      }
-      if (content) {
-        try {
-          await navigator.clipboard.writeText(content);
-          setIsCopied(true);
-          onCopiedChange?.(true, content);
-          if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-          }
-          timeoutRef.current = setTimeout(() => {
-            setIsCopied(false);
-            onCopiedChange?.(false);
-          }, delay);
-        } catch (error) {
-          console.error("Error copying command", error);
-        }
-      }
-    },
-    [onClick, copied, content, setIsCopied, onCopiedChange, delay]
-  );
-
-  const Icon = isCopied ? CheckIcon : CopyIcon;
-
-  return (
-    <ButtonPrimitive
-      className={cn(buttonVariants({ className, size, variant }))}
-      data-slot="copy-button"
-      onClick={handleCopy}
-      {...props}
-    >
-      <span
-        aria-hidden="true"
-        className="inline-flex animate-in fade-in-0 zoom-in-95 duration-200 motion-reduce:animate-none"
-        data-slot="copy-button-icon"
-        key={isCopied ? "check" : "copy"}
-      >
-        <Icon />
-      </span>
-    </ButtonPrimitive>
-  );
-};
-
-export { CopyButton };

package/docs/components/ui/dialog.tsx

@@ -1,146 +0,0 @@
-"use client";
-
-import { XIcon } from "blode-icons-react";
-import { Dialog as DialogPrimitive } from "radix-ui";
-import * as React from "react";
-
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-
-const Dialog = ({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>) => (
-  <DialogPrimitive.Root data-slot="dialog" {...props} />
-);
-
-const DialogTrigger = ({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>) => (
-  <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
-);
-
-const DialogPortal = ({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>) => (
-  <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
-);
-
-const DialogClose = ({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>) => (
-  <DialogPrimitive.Close data-slot="dialog-close" {...props} />
-);
-
-const DialogOverlay = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>) => (
-  <DialogPrimitive.Overlay
-    data-slot="dialog-overlay"
-    className={cn(
-      "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-      className
-    )}
-    {...props}
-  />
-);
-
-const DialogContent = ({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean;
-}) => (
-  <DialogPortal data-slot="dialog-portal">
-    <DialogOverlay />
-    <DialogPrimitive.Content
-      data-slot="dialog-content"
-      className={cn(
-        "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      {showCloseButton && (
-        <DialogPrimitive.Close
-          data-slot="dialog-close"
-          className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-        >
-          <XIcon />
-          <span className="sr-only">Close</span>
-        </DialogPrimitive.Close>
-      )}
-    </DialogPrimitive.Content>
-  </DialogPortal>
-);
-
-const DialogHeader = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    data-slot="dialog-header"
-    className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-    {...props}
-  />
-);
-
-const DialogFooter = ({
-  className,
-  showCloseButton = false,
-  children,
-  ...props
-}: React.ComponentProps<"div"> & {
-  showCloseButton?: boolean;
-}) => (
-  <div
-    data-slot="dialog-footer"
-    className={cn(
-      "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    {showCloseButton && (
-      <DialogPrimitive.Close asChild>
-        <Button variant="outline">Close</Button>
-      </DialogPrimitive.Close>
-    )}
-  </div>
-);
-
-const DialogTitle = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>) => (
-  <DialogPrimitive.Title
-    data-slot="dialog-title"
-    className={cn("text-lg leading-none font-semibold", className)}
-    {...props}
-  />
-);
-
-const DialogDescription = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>) => (
-  <DialogPrimitive.Description
-    data-slot="dialog-description"
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-);
-
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-};

package/docs/components/ui/field.tsx

@@ -1,237 +0,0 @@
-"use client";
-
-import { cva } from "class-variance-authority";
-import type { VariantProps } from "class-variance-authority";
-import { useMemo } from "react";
-
-import { Label } from "@/components/ui/label";
-import { Separator } from "@/components/ui/separator";
-import { cn } from "@/lib/utils";
-
-const FieldSet = ({
-  className,
-  ...props
-}: React.ComponentProps<"fieldset">) => (
-  <fieldset
-    className={cn(
-      "flex flex-col gap-6",
-      "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-      className
-    )}
-    data-slot="field-set"
-    {...props}
-  />
-);
-
-const FieldLegend = ({
-  className,
-  variant = "legend",
-  ...props
-}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) => (
-  <legend
-    className={cn(
-      "mb-3 font-medium",
-      "data-[variant=legend]:text-base",
-      "data-[variant=label]:text-sm",
-      className
-    )}
-    data-slot="field-legend"
-    data-variant={variant}
-    {...props}
-  />
-);
-
-const FieldGroup = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-      className
-    )}
-    data-slot="field-group"
-    {...props}
-  />
-);
-
-const fieldVariants = cva(
-  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
-  {
-    defaultVariants: {
-      orientation: "vertical",
-    },
-    variants: {
-      orientation: {
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-        ],
-        responsive: [
-          "@md/field-group:flex-row flex-col @md/field-group:items-center @md/field-group:[&>*]:w-auto [&>*]:w-full [&>.sr-only]:w-auto",
-          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-        ],
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      },
-    },
-  }
-);
-
-const Field = ({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => (
-  <div
-    className={cn(fieldVariants({ orientation }), className)}
-    data-orientation={orientation}
-    data-slot="field"
-    role="group"
-    {...props}
-  />
-);
-
-const FieldContent = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
-      className
-    )}
-    data-slot="field-content"
-    {...props}
-  />
-);
-
-const FieldLabel = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label>) => (
-  <Label
-    className={cn(
-      "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-      "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-      "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
-      className
-    )}
-    data-slot="field-label"
-    {...props}
-  />
-);
-
-const FieldTitle = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50",
-      className
-    )}
-    data-slot="field-label"
-    {...props}
-  />
-);
-
-const FieldDescription = ({
-  className,
-  ...props
-}: React.ComponentProps<"p">) => (
-  <p
-    className={cn(
-      "font-normal text-muted-foreground text-sm leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-      "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
-      "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-      className
-    )}
-    data-slot="field-description"
-    {...props}
-  />
-);
-
-const FieldSeparator = ({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<"div"> & {
-  children?: React.ReactNode;
-}) => (
-  <div
-    className={cn(
-      "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
-      className
-    )}
-    data-content={!!children}
-    data-slot="field-separator"
-    {...props}
-  >
-    <Separator className="absolute inset-0 top-1/2" />
-    {children && (
-      <span
-        className="relative mx-auto block w-fit bg-background px-2 text-muted-foreground"
-        data-slot="field-separator-content"
-      >
-        {children}
-      </span>
-    )}
-  </div>
-);
-
-const FieldError = ({
-  className,
-  children,
-  errors,
-  ...props
-}: React.ComponentProps<"div"> & {
-  errors?: ({ message?: string } | undefined)[];
-}) => {
-  const content = useMemo(() => {
-    if (children) {
-      return children;
-    }
-
-    if (!errors?.length) {
-      return null;
-    }
-
-    const uniqueErrors = [
-      ...new Map(errors.map((error) => [error?.message, error])).values(),
-    ];
-
-    if (uniqueErrors?.length === 1) {
-      return uniqueErrors[0]?.message;
-    }
-
-    return (
-      <ul className="ml-4 flex list-disc flex-col gap-1">
-        {uniqueErrors.map(
-          (error) =>
-            error?.message && <li key={error.message}>{error.message}</li>
-        )}
-      </ul>
-    );
-  }, [children, errors]);
-
-  if (!content) {
-    return null;
-  }
-
-  return (
-    <div
-      className={cn("font-normal text-destructive text-sm", className)}
-      data-slot="field-error"
-      role="alert"
-      {...props}
-    >
-      {content}
-    </div>
-  );
-};
-
-export {
-  Field,
-  FieldLabel,
-  FieldDescription,
-  FieldError,
-  FieldGroup,
-  FieldLegend,
-  FieldSeparator,
-  FieldSet,
-  FieldContent,
-  FieldTitle,
-};

package/docs/components/ui/input.tsx

@@ -1,23 +0,0 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Input = ({
-  className,
-  type,
-  ...props
-}: React.ComponentProps<"input">) => (
-  <input
-    type={type}
-    data-slot="input"
-    className={cn(
-      "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
-      "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",
-      className
-    )}
-    {...props}
-  />
-);
-
-export { Input };