@hobenakicoffee/libraries 3.4.2 → 4.1.0

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");
-    });
-  });
-});

package/src/constants/legal.test.ts

@@ -1,72 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import { companyInfo, productInfo } from "./legal";
-
-describe("productInfo", () => {
-  test("should have all required fields", () => {
-    expect(productInfo).toHaveProperty("name");
-    expect(productInfo).toHaveProperty("domain");
-    expect(productInfo).toHaveProperty("twitterHandle");
-    expect(productInfo).toHaveProperty("title");
-    expect(productInfo).toHaveProperty("description");
-    expect(productInfo).toHaveProperty("keywords");
-  });
-
-  test("should match exact values", () => {
-    expect(productInfo).toEqual({
-      name: "হবে নাকি Coffee?",
-      domain: "https://www.hobenakicoffee.com",
-      twitterHandle: "@hobenakicoffee",
-      title: "চিন্তা ছাড়া আয়, শুরু করো তাই — হবে নাকি Coffee, ঝামেলা সব ছাই!",
-      description:
-        "‘হবে নাকি Coffee?’ দিয়ে যে কেউ ঝামেলা ছাড়াই নিজের অনলাইন ব্যবসা বা আয় শুরু করতে পারে। লিগ্যাল, কোম্পানি ফরমেশন বা কাগজপত্র নিয়ে ভাবতে হবে না—সবকিছু আমরা দেখি। শুধু একটি লিংক শেয়ার করুন, আর যে কেউ Coffee/Tip দিয়ে আপনাকে সাপোর্ট করতে পারবে। চাইলে এক্সক্লুসিভ কনটেন্ট, ডিজিটাল পণ্য বা মার্চ, গিফট, পার্সোনাল শাউটআউট কিংবা সার্ভিসও অফার করা যায়। কনটেন্ট ক্রিয়েটর, ফ্রিল্যান্সার, ছোট ব্যবসা, কমিউনিটি বা ইভেন্ট অর্গানাইজার, চ্যারিটি উদ্যোগ বা ব্যক্তিগত লক্ষ্য—সবার জন্যই HobeNakiCoffee হলো অনলাইনে আয় ও সাপোর্ট নেওয়ার সহজ, ঝামেলামুক্ত প্ল্যাটফর্ম।",
-      keywords:
-        "হবে নাকি Coffee, buy me a coffee, tip jar, support link, support me, donate, online income bangla, extra income, monetization, payment link, audience support, exclusive content, digital product, merch, shoutout, fundraising, charity, small business support, freelancer support, Bangladesh",
-      socials: {
-        facebook: "https://www.facebook.com/hobenakicoffee",
-        youtube: "https://www.youtube.com/@hobenakicoffee",
-        x: "https://x.com/hobenakicoffee",
-        instagram: "https://www.instagram.com/hobenakicoffee",
-        tiktok: "https://www.tiktok.com/@hobenakicoffee",
-      },
-    });
-  });
-});
-
-describe("companyInfo", () => {
-  test("should have all required fields", () => {
-    expect(companyInfo).toHaveProperty("name");
-    expect(companyInfo).toHaveProperty("contactEmail");
-    expect(companyInfo).toHaveProperty("contactPhone");
-    expect(companyInfo).toHaveProperty("contactLocation");
-    expect(companyInfo).toHaveProperty("contactWhatsapp");
-    expect(companyInfo).toHaveProperty("contactX");
-    expect(companyInfo).toHaveProperty("contactFacebook");
-    expect(companyInfo).toHaveProperty("contactYoutube");
-    expect(companyInfo).toHaveProperty("contactLinkedin");
-    expect(companyInfo).toHaveProperty("domain");
-    expect(companyInfo).toHaveProperty("postalAddress");
-  });
-
-  test("should match exact values", () => {
-    expect(companyInfo).toEqual({
-      name: "Shamscorner LLC",
-      contactEmail: "mail@shamscorner.com",
-      contactPhone: "+1(817) 973-7285",
-      contactLocation:
-        "7320, 1021 E Lincolnway, Cheyenne, WY, Laramie, US, 82001",
-      contactWhatsapp: "https://wa.me/13072212615",
-      contactX: "https://www.x.com/shamscorner_llc",
-      contactFacebook: "https://www.facebook.com/shamscorner.llc",
-      contactYoutube: "https://www.youtube.com/@shamscorner",
-      contactLinkedin: "https://www.linkedin.com/company/shamscorner",
-      domain: "https://www.shamscorner.com",
-      postalAddress: {
-        streetAddress: "1021 E Lincolnway Suite 7320",
-        addressLocality: "Cheyenne",
-        addressRegion: "WY",
-        postalCode: "82001",
-        addressCountry: "US",
-      },
-    });
-  });
-});