@hobenakicoffee/libraries 3.4.1 → 4.0.0

package/src/App.tsx

@@ -1,28 +1,201 @@
 import { useState } from "react";
-import { Button } from "./components/ui/button";
-import { Calendar } from "./components/ui/calendar";
-import { getProductLink } from "./utils/get-product-link";
+import { productInfo } from "@/constants/legal";
+
+const EXPORTS = [
+  {
+    path: "/constants",
+    name: "constants",
+    desc: "Payment, Platform, Visibility consts",
+  },
+  {
+    path: "/utils",
+    name: "utils",
+    desc: "Formatters, validators, social helpers",
+  },
+  {
+    path: "/types",
+    name: "types",
+    desc: "Supabase + custom TypeScript types",
+  },
+  {
+    path: "/moderation",
+    name: "moderation",
+    desc: "Profanity detection EN/BN",
+  },
+  {
+    path: "/nuqs",
+    name: "nuqs",
+    desc: "URL state parsers (zod)",
+  },
+  {
+    path: "/scripts",
+    name: "scripts",
+    desc: "Build utilities",
+  },
+  { path: "/hooks", name: "hooks", desc: "React hooks" },
+  { path: "/docs", name: "docs", desc: "Documentation & guides" },
+];
 
 const App = () => {
-  const [date, setDate] = useState<Date | undefined>(new Date());
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText("bun add @hobenakicoffee/libraries");
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  };
 
   return (
-    <div className="flex min-h-dvh flex-col gap-y-6 p-5 md:p-8">
-      <h1 className="font-bold text-lg">Welcome to library playground!</h1>
-      <p>This is the core library package for "হবে নাকি Coffee?" projects.</p>
-
-      <div>
-        <Button>Click me</Button>
-
-        <Calendar
-          captionLayout="dropdown"
-          className="rounded-lg border"
-          mode="single"
-          onSelect={setDate}
-          selected={date}
-        />
-        {getProductLink("leo", "example-product-slug")}
+    <div className="min-dvh relative flex flex-col overflow-hidden bg-[#0a0c10] text-slate-200">
+      <div className="pointer-events-none absolute inset-0 overflow-hidden">
+        <div className="absolute inset-0 bg-[linear-gradient(to_right,#1e293b_0.5px,transparent_0.5px),linear-gradient(to_bottom,#1e293b_0.5px,transparent_0.5px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_50%,#000_70%,transparent_100%)]" />
+        <div className="absolute top-0 left-1/4 h-[500px] w-[500px] -translate-x-1/2 rounded-full bg-indigo-500/[0.03] blur-3xl" />
+        <div className="absolute right-1/4 bottom-0 h-[400px] w-[400px] translate-y-1/2 rounded-full bg-cyan-500/[0.03] blur-3xl" />
       </div>
+
+      <header className="relative z-10 flex items-center justify-between px-6 py-4 md:px-8">
+        <div className="flex items-center gap-3">
+          <div className="flex h-10 w-10 items-center justify-center rounded-lg border border-slate-700 bg-slate-900 shadow-[0_0_20px_rgba(99,102,241,0.2)]">
+            <span className="font-bold font-mono text-cyan-400 text-lg">H</span>
+          </div>
+          <div>
+            <h1 className="font-mono font-semibold text-slate-100 text-sm tracking-tight">
+              @hobenakicoffee/libraries
+            </h1>
+            <p className="font-mono text-slate-500 text-xs">v3.4.2</p>
+          </div>
+        </div>
+        <div className="flex items-center gap-2 rounded-md border border-slate-800 bg-slate-900/50 px-2 py-1 font-mono text-slate-400 text-xs">
+          <span className="h-2 w-2 rounded-full bg-green-500" />
+          TypeScript
+        </div>
+      </header>
+
+      <main className="relative z-10 flex flex-1 flex-col items-center justify-center px-4 py-12 md:px-6">
+        <div className="mx-auto max-w-2xl text-center">
+          <div className="mb-6 inline-flex items-center gap-2 rounded-md border border-slate-800 bg-slate-900/30 px-3 py-1 font-mono text-slate-400 text-xs">
+            <span>framework-agnostic</span>
+            <span className="text-slate-600">{"//"}</span>
+            <span>tree-shakeable</span>
+            <span className="text-slate-600">{"//"}</span>
+            <span>zod-powered</span>
+          </div>
+
+          <h2 className="mb-4 font-bold font-mono text-3xl tracking-tight md:text-5xl">
+            <span className="text-slate-100">Shared </span>
+            <span className="bg-linear-to-r from-cyan-400 to-indigo-400 bg-clip-text text-transparent">
+              constants,
+            </span>
+            <br />
+            <span className="text-slate-100">utilities & </span>
+            <span className="bg-linear-to-r from-cyan-400 to-indigo-400 bg-clip-text text-transparent">
+              types
+            </span>
+          </h2>
+
+          <p className="mx-auto mb-8 max-w-lg font-mono text-slate-400 text-sm leading-relaxed">
+            The core package for{" "}
+            <span className="text-cyan-400">"{productInfo.name}"</span>{" "}
+            projects. Build faster with pre-built constants, utilities, types,
+            and moderation tools.
+          </p>
+
+          <div className="group relative mx-auto inline-flex cursor-pointer flex-col items-center gap-3 md:flex-row">
+            <div className="flex items-center gap-2 rounded-lg border border-slate-700 bg-slate-900 p-1 pr-3 font-mono text-sm shadow-[0_0_40px_rgba(99,102,241,0.15)] transition-all group-hover:border-cyan-500/50 group-hover:shadow-[0_0_60px_rgba(99,102,241,0.25)]">
+              <button
+                className="flex items-center gap-2 rounded-md bg-slate-800 px-3 py-2 text-slate-200 transition-colors hover:bg-slate-700"
+                onClick={handleCopy}
+                type="button"
+              >
+                <span className="text-cyan-400">$</span>
+                <span>
+                  {copied ? " Copied!" : " bun add @hobenakicoffee/libraries"}
+                </span>
+              </button>
+              <span className="text-slate-500">{copied ? "✓" : "›"}</span>
+            </div>
+            <a
+              className="inline-flex items-center gap-2 rounded-lg bg-indigo-600 px-4 py-3 font-mono text-sm text-white transition-all hover:bg-indigo-600/90"
+              href="/libraries/docs/"
+            >
+              <span>Documentation</span>
+              <span className="text-indigo-500">→</span>
+            </a>
+          </div>
+        </div>
+
+        <div className="mt-16 w-full max-w-4xl">
+          <div className="mb-3 font-mono text-slate-500 text-xs">
+            {"// exports"}
+          </div>
+          <div className="grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
+            {EXPORTS.map((exp, i) => (
+              <a
+                className="group relative overflow-hidden rounded-lg border border-slate-800 bg-slate-900/50 p-3 font-mono transition-all hover:border-slate-600"
+                href={
+                  exp.path === "/docs"
+                    ? `/libraries${exp.path}`
+                    : `/libraries${exp.path}/overview`
+                }
+                key={exp.path}
+                style={{ animationDelay: `${i * 50}ms` }}
+              >
+                <div className="absolute inset-0 bg-linear-to-r from-cyan-500/0 to-indigo-500/0 opacity-0 transition-opacity group-hover:from-cyan-500/[0.03] group-hover:to-indigo-500/[0.03] group-hover:opacity-100" />
+                <div className="relative">
+                  <span className="text-cyan-400 text-xs">
+                    @hobenakicoffee/libraries
+                  </span>
+                  <span className="text-slate-500 text-xs">{exp.path}</span>
+                </div>
+                <div className="relative mt-1 text-slate-500 text-xs">
+                  {exp.desc}
+                </div>
+              </a>
+            ))}
+          </div>
+        </div>
+
+        <div className="mt-12 w-full max-w-2xl overflow-x-auto rounded-lg border border-slate-800 bg-slate-950 p-4 font-mono text-xs">
+          <div className="tems-center mb-2 gap-2 text-slate-500">
+            <span className="h-3 w-3 rounded-full bg-emerald-500/20" />
+            main.ts
+          </div>
+          <pre className="text-slate-300">
+            <code>
+              <span className="text-purple-400">import</span> {"{"}{" "}
+              <span className="text-cyan-400">PaymentStatuses</span>, {""}
+              <span className="text-cyan-400">SupporterPlatforms</span>
+              {"}"} <span className="text-purple-400">from</span>{" "}
+              <span className="text-amber-300">
+                "@hobenakicoffee/libraries"
+              </span>
+              {"\n"}
+              <span className="text-purple-400">import</span> {"{"}{" "}
+              <span className="text-cyan-400">formatAmount</span>, {""}
+              <span className="text-cyan-400">getUserPageLink</span>
+              {"}"} <span className="text-purple-400">from</span>{" "}
+              <span className="text-amber-300">
+                "@hobenakicoffee/libraries/utils"
+              </span>
+              {"\n"}
+              <span className="text-purple-400">import</span> type {"{"}{" "}
+              <span className="text-cyan-400">Database</span>
+              {"}"} <span className="text-purple-400">from</span>{" "}
+              <span className="text-amber-300">
+                "@hobenakicoffee/libraries/types"
+              </span>
+            </code>
+          </pre>
+        </div>
+      </main>
+
+      <footer className="relative z-10 px-6 py-4 text-center">
+        <p className="font-mono text-slate-600 text-xs">
+          <span>© {new Date().getFullYear()}</span>
+          <span className="text-slate-700">{" // "}</span>
+          <span className="text-slate-500">{productInfo.name}</span>
+        </p>
+      </footer>
     </div>
   );
 };

package/src/index.css

@@ -1,6 +1,5 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "shadcn/tailwind.css";
 @import "@fontsource-variable/noto-sans-bengali";
 
 @custom-variant dark (&:is(.dark *));

package/src/utils/get-product-link.ts

@@ -6,5 +6,5 @@ export function getProductLink(
   baseUrl = "https://hobenakicoffee.com"
 ) {
   const sanitizedSlug = slug.trim().replace(/\s+/g, "-");
-  return `${getUserPageLink(username, baseUrl)}/shops/products/${sanitizedSlug}`;
+  return `${getUserPageLink(username, baseUrl)}/shop/products/${sanitizedSlug}`;
 }

package/src/components/turnstile-captcha.tsx

@@ -1,47 +0,0 @@
-import { Turnstile, type TurnstileInstance } from "@marsidev/react-turnstile";
-import { useRef } from "react";
-import { useTheme } from "@/providers/theme-provider";
-
-interface TurnstileCaptchaProps {
-  onError?: (error: string) => void;
-  onTokenChange: (token: string) => void;
-}
-
-export function TurnstileCaptcha({
-  onTokenChange,
-  onError,
-}: TurnstileCaptchaProps) {
-  const { theme } = useTheme();
-  const turnstileRef = useRef<TurnstileInstance | null>(null);
-
-  function handleSuccess(token: string) {
-    onTokenChange(token);
-  }
-
-  function handleExpire() {
-    onTokenChange("");
-    onError?.("CAPTCHA has expired. Please verify again.");
-  }
-
-  function handleError() {
-    onTokenChange("");
-    onError?.("CAPTCHA verification failed. Please try again.");
-  }
-
-  return (
-    <div className="rounded-xl border border-input bg-input">
-      <Turnstile
-        className="overflow-hidden rounded-[calc(var(--radius)+5px)]"
-        onError={handleError}
-        onExpire={handleExpire}
-        onSuccess={handleSuccess}
-        options={{
-          theme: theme === "system" ? "auto" : theme,
-          size: "flexible",
-        }}
-        ref={turnstileRef}
-        siteKey={import.meta.env.VITE_TURNSTILE_SITE_KEY || ""}
-      />
-    </div>
-  );
-}

package/src/components/ui/button.tsx

@@ -1,77 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import type * as React from "react";
-
-import { cn } from "@/lib/utils";
-import { Spinner } from "./spinner";
-
-const buttonVariants = cva(
-  "group/button inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-xl border border-transparent bg-clip-padding font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:scale-[0.98] disabled:pointer-events-none disabled:opacity-70 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline:
-          "border-border bg-input/30 hover:border-primary/50 hover:bg-input/20 hover:bg-primary/10 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-primary/5 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost:
-          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive:
-          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 dark:hover:bg-destructive/30",
-        link: "underline-offset-4 hover:underline",
-        inverted:
-          "border-border bg-background text-foreground hover:border-primary/50 hover:bg-primary/5",
-        dottedUnderline:
-          "rounded-none border-0 border-muted-foreground/50 border-b border-dotted bg-transparent text-muted-foreground hover:bg-transparent hover:text-foreground",
-      },
-      size: {
-        default:
-          "h-12 gap-1.5 px-4 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
-        xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        lg: "h-16 gap-1.5 px-5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-        icon: "size-9",
-        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-12",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-);
-
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  loading,
-  disabled,
-  children,
-  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-    loading?: boolean;
-  }) {
-  const Comp = asChild ? Slot.Root : "button";
-
-  return (
-    <Comp
-      className={cn(buttonVariants({ variant, size, className }))}
-      data-size={size}
-      data-slot="button"
-      data-variant={variant}
-      disabled={loading || disabled}
-      {...props}
-    >
-      {loading ? <Spinner /> : children}
-    </Comp>
-  );
-}
-
-export { Button, buttonVariants };

package/src/components/ui/calendar.tsx

@@ -1,235 +0,0 @@
-import {
-  ArrowDownIcon,
-  ArrowLeftIcon,
-  ArrowRightIcon,
-} from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/react";
-import { type ComponentProps, useEffect, useRef } from "react";
-import {
-  type DayButton,
-  DayPicker,
-  getDefaultClassNames,
-} from "react-day-picker";
-import { Button, buttonVariants } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  ...props
-}: ComponentProps<typeof DayPicker> & {
-  buttonVariant?: ComponentProps<typeof Button>["variant"];
-}) {
-  const defaultClassNames = getDefaultClassNames();
-
-  return (
-    <DayPicker
-      captionLayout={captionLayout}
-      className={cn(
-        "group/calendar bg-background in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)]",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        className
-      )}
-      classNames={{
-        root: cn("w-fit", defaultClassNames.root),
-        months: cn(
-          "relative flex flex-col gap-4 md:flex-row",
-          defaultClassNames.months
-        ),
-        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
-        nav: cn(
-          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-          defaultClassNames.nav
-        ),
-        button_previous: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) select-none p-0 aria-disabled:opacity-50",
-          defaultClassNames.button_previous
-        ),
-        button_next: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) select-none p-0 aria-disabled:opacity-50",
-          defaultClassNames.button_next
-        ),
-        month_caption: cn(
-          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: cn(
-          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 font-medium text-sm",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: cn(
-          "cn-calendar-dropdown-root relative rounded-(--cell-radius)",
-          defaultClassNames.dropdown_root
-        ),
-        dropdown: cn(
-          "absolute inset-0 bg-popover opacity-0",
-          defaultClassNames.dropdown
-        ),
-        caption_label: cn(
-          "select-none font-medium",
-          captionLayout === "label"
-            ? "text-sm"
-            : "cn-calendar-caption-label flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
-          defaultClassNames.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: cn("flex", defaultClassNames.weekdays),
-        weekday: cn(
-          "flex-1 select-none rounded-(--cell-radius) font-normal text-[0.8rem] text-muted-foreground",
-          defaultClassNames.weekday
-        ),
-        week: cn("mt-2 flex w-full", defaultClassNames.week),
-        week_number_header: cn(
-          "w-(--cell-size) select-none",
-          defaultClassNames.week_number_header
-        ),
-        week_number: cn(
-          "select-none text-[0.8rem] text-muted-foreground",
-          defaultClassNames.week_number
-        ),
-        day: cn(
-          "group/day relative aspect-square h-full w-full select-none rounded-(--cell-radius) p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
-          props.showWeekNumber
-            ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)"
-            : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
-          defaultClassNames.day
-        ),
-        range_start: cn(
-          "relative isolate -z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
-          defaultClassNames.range_start
-        ),
-        range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn(
-          "relative isolate -z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted-200",
-          defaultClassNames.range_end
-        ),
-        today: cn(
-          "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
-          defaultClassNames.today
-        ),
-        outside: cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          defaultClassNames.outside
-        ),
-        disabled: cn(
-          "text-muted-foreground opacity-50",
-          defaultClassNames.disabled
-        ),
-        hidden: cn("invisible", defaultClassNames.hidden),
-        ...classNames,
-      }}
-      components={{
-        Root: ({ className, rootRef, ...props }) => {
-          return (
-            <div
-              className={cn(className)}
-              data-slot="calendar"
-              ref={rootRef}
-              {...props}
-            />
-          );
-        },
-        Chevron: ({ className, orientation, ...props }) => {
-          if (orientation === "left") {
-            return (
-              <HugeiconsIcon
-                className={cn("size-4", className)}
-                icon={ArrowLeftIcon}
-                strokeWidth={2}
-                {...props}
-              />
-            );
-          }
-
-          if (orientation === "right") {
-            return (
-              <HugeiconsIcon
-                className={cn("size-4", className)}
-                icon={ArrowRightIcon}
-                strokeWidth={2}
-                {...props}
-              />
-            );
-          }
-
-          return (
-            <HugeiconsIcon
-              className={cn("size-4", className)}
-              icon={ArrowDownIcon}
-              strokeWidth={2}
-              {...props}
-            />
-          );
-        },
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children, ...props }) => {
-          return (
-            <td {...props}>
-              <div className="flex size-(--cell-size) items-center justify-center text-center">
-                {children}
-              </div>
-            </td>
-          );
-        },
-        ...components,
-      }}
-      formatters={{
-        formatMonthDropdown: (date) =>
-          date.toLocaleString("default", { month: "short" }),
-        ...formatters,
-      }}
-      showOutsideDays={showOutsideDays}
-      {...props}
-    />
-  );
-}
-
-function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}: ComponentProps<typeof DayButton>) {
-  const defaultClassNames = getDefaultClassNames();
-
-  const ref = useRef<HTMLButtonElement>(null);
-  useEffect(() => {
-    if (modifiers.focused) {
-      ref.current?.focus();
-    }
-  }, [modifiers.focused]);
-
-  return (
-    <Button
-      className={cn(
-        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 font-normal leading-none data-[range-end=true]:rounded-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-end=true]:bg-primary data-[range-middle=true]:bg-muted data-[range-start=true]:bg-primary data-[selected-single=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:text-foreground data-[range-start=true]:text-primary-foreground data-[selected-single=true]:text-primary-foreground group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
-        className
-      )}
-      data-day={day.date.toLocaleDateString()}
-      data-range-end={modifiers.range_end}
-      data-range-middle={modifiers.range_middle}
-      data-range-start={modifiers.range_start}
-      data-selected-single={
-        modifiers.selected &&
-        !modifiers.range_start &&
-        !modifiers.range_end &&
-        !modifiers.range_middle
-      }
-      ref={ref}
-      size="icon"
-      variant="ghost"
-      {...props}
-    />
-  );
-}
-
-export { Calendar, CalendarDayButton };

package/src/components/ui/spinner.tsx

@@ -1,18 +0,0 @@
-import { Loading03Icon } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/react";
-import { cn } from "@/lib/utils";
-
-function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
-  return (
-    <HugeiconsIcon
-      aria-label="Loading"
-      className={cn("size-4 animate-spin", className)}
-      icon={Loading03Icon}
-      role="status"
-      {...props}
-      strokeWidth={2}
-    />
-  );
-}
-
-export { Spinner };

package/src/constants/common.test.ts

@@ -1,33 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import type { Visibility as VisibilityType } from "./common";
-import { Visibility } from "./common";
-
-describe("Visibility", () => {
-  test("should contain all expected keys", () => {
-    const expectedKeys = ["PUBLIC", "PRIVATE"];
-    expect(Object.keys(Visibility)).toEqual(expectedKeys);
-  });
-
-  test("should have correct values for each visibility", () => {
-    expect(Visibility.PUBLIC).toBe("public");
-    expect(Visibility.PRIVATE).toBe("private");
-  });
-
-  test("should be usable as Visibility type", () => {
-    const pub: VisibilityType = "public";
-    const priv: VisibilityType = "private";
-    expect(pub).toBe("public");
-    expect(priv).toBe("private");
-  });
-
-  test("should have 2 visibilities", () => {
-    expect(Object.keys(Visibility).length).toBe(2);
-  });
-
-  test("all values should be lowercase strings", () => {
-    Object.values(Visibility).forEach((v) => {
-      expect(v).toBe(v.toLowerCase() as VisibilityType);
-      expect(typeof v).toBe("string");
-    });
-  });
-});