@lukoweb/apitogo 0.1.24 → 0.1.37

package/src/lib/ui/Dialog.tsx

@@ -1,138 +1,138 @@
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { CircleIcon, XIcon } from "lucide-react";
-import type * as React from "react";
-import { cn } from "../util/cn.js";
-
-function Dialog({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
-}
-function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
-}
-function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
-}
-function DialogClose({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
-}
-function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
-  return (
-    <DialogPrimitive.Overlay
-      data-slot="dialog-overlay"
-      className={cn(
-        "backdrop-blur-xs transition-all",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/32",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean;
-}) {
-  return (
-    <DialogPortal data-slot="dialog-portal">
-      <DialogOverlay />
-      <DialogPrimitive.Content
-        data-slot="dialog-content"
-        className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 p-6 shadow-lg duration-200 sm:max-w-xl",
-          className,
-        )}
-        {...props}
-      >
-        {children}
-        {showCloseButton && (
-          <DialogPrimitive.Close className="absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
-            <CircleIcon
-              className="h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400"
-              strokeWidth={2}
-              fill="currentColor"
-            />
-            <XIcon
-              className="h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors"
-              strokeWidth={2}
-              fill="currentColor"
-            />
-            <span className="sr-only">Close</span>
-          </DialogPrimitive.Close>
-        )}
-      </DialogPrimitive.Content>
-    </DialogPortal>
-  );
-}
-function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  );
-}
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>) {
-  return (
-    <DialogPrimitive.Title
-      data-slot="dialog-title"
-      className={cn("text-lg leading-none font-semibold", className)}
-      {...props}
-    />
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>) {
-  return (
-    <DialogPrimitive.Description
-      data-slot="dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-};
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { CircleIcon, XIcon } from "lucide-react";
+import type * as React from "react";
+import { cn } from "../util/cn.js";
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
+}
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
+}
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
+}
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
+}
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn(
+        "backdrop-blur-xs transition-all",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/32",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean;
+}) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 p-6 shadow-lg duration-200 sm:max-w-xl",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close className="absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+            <CircleIcon
+              className="h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400"
+              strokeWidth={2}
+              fill="currentColor"
+            />
+            <XIcon
+              className="h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors"
+              strokeWidth={2}
+              fill="currentColor"
+            />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  );
+}
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  );
+}
+function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn("text-lg leading-none font-semibold", className)}
+      {...props}
+    />
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+};

package/src/lib/ui/DismissibleAlert.tsx

@@ -1,74 +1,74 @@
-import { Slot } from "@radix-ui/react-slot";
-import { XIcon } from "lucide-react";
-import {
-  createContext,
-  type PropsWithChildren,
-  use,
-  useCallback,
-  useState,
-} from "react";
-import { useLatest } from "../util/useLatest.js";
-import { Alert, AlertAction } from "./Alert.js";
-import { Button } from "./Button.js";
-
-type DismissibleAlertContextValue = { dismiss: () => void };
-
-const DismissibleAlertContext = createContext<DismissibleAlertContextValue>({
-  dismiss: () => {},
-});
-
-const useDismissibleAlertContext = () => use(DismissibleAlertContext);
-
-type DismissibleAlertProps = React.ComponentProps<typeof Alert> & {
-  onDismiss?: () => void;
-};
-
-const DismissibleAlert = ({ onDismiss, ...props }: DismissibleAlertProps) => {
-  const [isDismissed, setIsDismissed] = useState(false);
-  const latestOnDismiss = useLatest(onDismiss);
-
-  const dismiss = useCallback(() => {
-    setIsDismissed(true);
-    latestOnDismiss.current?.();
-  }, [latestOnDismiss]);
-
-  if (isDismissed) return null;
-
-  return (
-    <DismissibleAlertContext value={{ dismiss }}>
-      <Alert {...props} />
-    </DismissibleAlertContext>
-  );
-};
-
-type DismissibleAlertCloseProps = React.ComponentProps<typeof Button> & {
-  asChild?: boolean;
-};
-
-const DismissibleAlertCloseButton = ({
-  asChild,
-  ...props
-}: DismissibleAlertCloseProps) => {
-  const { dismiss } = useDismissibleAlertContext();
-  const Comp = asChild ? Slot : Button;
-
-  return <Comp onClick={dismiss} {...props} />;
-};
-
-const DismissibleAlertAction = ({ children }: PropsWithChildren) => (
-  <AlertAction>
-    <DismissibleAlertCloseButton
-      variant="ghost"
-      size="icon-xs"
-      className="hover:text-current hover:bg-[color-mix(in_srgb,currentColor_10%,transparent)]!"
-    >
-      {children ?? <XIcon className="size-3.5" />}
-    </DismissibleAlertCloseButton>
-  </AlertAction>
-);
-
-export {
-  DismissibleAlert,
-  DismissibleAlertCloseButton as DismissibleAlertClose,
-  DismissibleAlertAction,
-};
+import { Slot } from "@radix-ui/react-slot";
+import { XIcon } from "lucide-react";
+import {
+  createContext,
+  type PropsWithChildren,
+  use,
+  useCallback,
+  useState,
+} from "react";
+import { useLatest } from "../util/useLatest.js";
+import { Alert, AlertAction } from "./Alert.js";
+import { Button } from "./Button.js";
+
+type DismissibleAlertContextValue = { dismiss: () => void };
+
+const DismissibleAlertContext = createContext<DismissibleAlertContextValue>({
+  dismiss: () => {},
+});
+
+const useDismissibleAlertContext = () => use(DismissibleAlertContext);
+
+type DismissibleAlertProps = React.ComponentProps<typeof Alert> & {
+  onDismiss?: () => void;
+};
+
+const DismissibleAlert = ({ onDismiss, ...props }: DismissibleAlertProps) => {
+  const [isDismissed, setIsDismissed] = useState(false);
+  const latestOnDismiss = useLatest(onDismiss);
+
+  const dismiss = useCallback(() => {
+    setIsDismissed(true);
+    latestOnDismiss.current?.();
+  }, [latestOnDismiss]);
+
+  if (isDismissed) return null;
+
+  return (
+    <DismissibleAlertContext value={{ dismiss }}>
+      <Alert {...props} />
+    </DismissibleAlertContext>
+  );
+};
+
+type DismissibleAlertCloseProps = React.ComponentProps<typeof Button> & {
+  asChild?: boolean;
+};
+
+const DismissibleAlertCloseButton = ({
+  asChild,
+  ...props
+}: DismissibleAlertCloseProps) => {
+  const { dismiss } = useDismissibleAlertContext();
+  const Comp = asChild ? Slot : Button;
+
+  return <Comp onClick={dismiss} {...props} />;
+};
+
+const DismissibleAlertAction = ({ children }: PropsWithChildren) => (
+  <AlertAction>
+    <DismissibleAlertCloseButton
+      variant="ghost"
+      size="icon-xs"
+      className="hover:text-current hover:bg-[color-mix(in_srgb,currentColor_10%,transparent)]!"
+    >
+      {children ?? <XIcon className="size-3.5" />}
+    </DismissibleAlertCloseButton>
+  </AlertAction>
+);
+
+export {
+  DismissibleAlert,
+  DismissibleAlertCloseButton as DismissibleAlertClose,
+  DismissibleAlertAction,
+};

package/src/lib/ui/Drawer.tsx

@@ -1,121 +1,121 @@
-import * as React from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-import { cn } from "../util/cn.js";
-
-const Drawer = ({
-  shouldScaleBackground = true,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
-  <DrawerPrimitive.Root
-    shouldScaleBackground={shouldScaleBackground}
-    {...props}
-  />
-);
-Drawer.displayName = "Drawer";
-
-const DrawerTrigger: typeof DrawerPrimitive.Trigger = DrawerPrimitive.Trigger;
-
-const DrawerPortal: typeof DrawerPrimitive.Portal = DrawerPrimitive.Portal;
-
-const DrawerClose: typeof DrawerPrimitive.Close = DrawerPrimitive.Close;
-
-const DrawerOverlay: React.ForwardRefExoticComponent<
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay> &
-    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Overlay>>
-> = React.forwardRef(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Overlay
-    ref={ref}
-    className={cn("fixed inset-0 z-50 bg-black/80", className)}
-    {...props}
-  />
-));
-DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-
-const DrawerContent: React.ForwardRefExoticComponent<
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & {
-    hideBar?: boolean;
-  } & React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Content>>
-> = React.forwardRef(
-  ({ className, children, hideBar = true, ...props }, ref) => (
-    <DrawerPortal>
-      <DrawerOverlay />
-      <DrawerPrimitive.Content
-        ref={ref}
-        className={cn(
-          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-          className,
-        )}
-        {...props}
-      >
-        {!hideBar && (
-          <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
-        )}
-        {children}
-      </DrawerPrimitive.Content>
-    </DrawerPortal>
-  ),
-);
-
-DrawerContent.displayName = "DrawerContent";
-
-const DrawerHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
-    {...props}
-  />
-);
-DrawerHeader.displayName = "DrawerHeader";
-
-const DrawerFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-    {...props}
-  />
-);
-DrawerFooter.displayName = "DrawerFooter";
-
-const DrawerTitle: React.ForwardRefExoticComponent<
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> &
-    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Title>>
-> = React.forwardRef(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Title
-    ref={ref}
-    className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className,
-    )}
-    {...props}
-  />
-));
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-
-const DrawerDescription: React.ForwardRefExoticComponent<
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description> &
-    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Description>>
-> = React.forwardRef(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-));
-DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
-
-export {
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerOverlay,
-  DrawerPortal,
-  DrawerTitle,
-  DrawerTrigger,
-};
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { cn } from "../util/cn.js";
+
+const Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
+  <DrawerPrimitive.Root
+    shouldScaleBackground={shouldScaleBackground}
+    {...props}
+  />
+);
+Drawer.displayName = "Drawer";
+
+const DrawerTrigger: typeof DrawerPrimitive.Trigger = DrawerPrimitive.Trigger;
+
+const DrawerPortal: typeof DrawerPrimitive.Portal = DrawerPrimitive.Portal;
+
+const DrawerClose: typeof DrawerPrimitive.Close = DrawerPrimitive.Close;
+
+const DrawerOverlay: React.ForwardRefExoticComponent<
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay> &
+    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Overlay>>
+> = React.forwardRef(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Overlay
+    ref={ref}
+    className={cn("fixed inset-0 z-50 bg-black/80", className)}
+    {...props}
+  />
+));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+
+const DrawerContent: React.ForwardRefExoticComponent<
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & {
+    hideBar?: boolean;
+  } & React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Content>>
+> = React.forwardRef(
+  ({ className, children, hideBar = true, ...props }, ref) => (
+    <DrawerPortal>
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        ref={ref}
+        className={cn(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+          className,
+        )}
+        {...props}
+      >
+        {!hideBar && (
+          <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
+        )}
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  ),
+);
+
+DrawerContent.displayName = "DrawerContent";
+
+const DrawerHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
+    {...props}
+  />
+);
+DrawerHeader.displayName = "DrawerHeader";
+
+const DrawerFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+    {...props}
+  />
+);
+DrawerFooter.displayName = "DrawerFooter";
+
+const DrawerTitle: React.ForwardRefExoticComponent<
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> &
+    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Title>>
+> = React.forwardRef(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className,
+    )}
+    {...props}
+  />
+));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+
+const DrawerDescription: React.ForwardRefExoticComponent<
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description> &
+    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Description>>
+> = React.forwardRef(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+
+export {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+};