@thorprovider/blocks 2.0.0 → 3.0.0

package/src/lib/money.test.ts

@@ -1,64 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { formatMoney, isAvailableMoney, isCompleteFiniteDecimal } from './money'
-
-describe('isCompleteFiniteDecimal', () => {
-  it('accepts complete finite decimals, including zero and negatives', () => {
-    for (const value of ['0', '0.00', '69.99', '-3.5', '1000']) {
-      expect(isCompleteFiniteDecimal(value)).toBe(true)
-    }
-  })
-
-  it('rejects partial, malformed, empty, and non-string input', () => {
-    for (const value of ['', ' ', '1.', '.5', '1e3', 'abc', '1,5', 'Infinity', 'NaN', null, 42, undefined]) {
-      expect(isCompleteFiniteDecimal(value)).toBe(false)
-    }
-  })
-})
-
-describe('isAvailableMoney', () => {
-  it('treats a backend-resolved valid zero as available', () => {
-    expect(isAvailableMoney({ amount: '0', currencyCode: 'USD' })).toBe(true)
-  })
-
-  it('treats a malformed amount as unavailable', () => {
-    expect(isAvailableMoney({ amount: 'n/a', currencyCode: 'USD' })).toBe(false)
-  })
-
-  it('treats a missing currency as unavailable', () => {
-    expect(isAvailableMoney({ amount: '10', currencyCode: ' ' })).toBe(false)
-  })
-
-  it('treats null/undefined as unavailable', () => {
-    expect(isAvailableMoney(null)).toBe(false)
-    expect(isAvailableMoney(undefined)).toBe(false)
-  })
-})
-
-describe('formatMoney', () => {
-  it('uses the money currency rather than a hardcoded one', () => {
-    const text = formatMoney({ amount: '69.99', currencyCode: 'EUR' })
-    expect(text).toContain('69.99')
-    expect(text).not.toContain('USD')
-  })
-
-  it('defers to a supplied formatter', () => {
-    expect(
-      formatMoney({ amount: '5', currencyCode: 'USD' }, money => `<<${money.amount} ${money.currencyCode}>>`),
-    ).toBe('<<5 USD>>')
-  })
-
-  it('returns null for absent or malformed amounts instead of a fake zero', () => {
-    expect(formatMoney({ amount: '', currencyCode: 'USD' })).toBeNull()
-    expect(formatMoney({ amount: '   ', currencyCode: 'USD' })).toBeNull()
-    expect(formatMoney({ amount: 'abc', currencyCode: 'USD' })).toBeNull()
-    expect(formatMoney({ amount: '10', currencyCode: '' })).toBeNull()
-    expect(formatMoney(null)).toBeNull()
-    expect(formatMoney(undefined)).toBeNull()
-  })
-
-  it('preserves a legitimate zero', () => {
-    expect(
-      formatMoney({ amount: '0', currencyCode: 'USD' }, money => `${money.currencyCode} ${money.amount}`),
-    ).toBe('USD 0')
-  })
-})

package/src/lib/money.ts

@@ -1,65 +0,0 @@
-import type { Money } from '@thorprovider/types'
-
-/**
- * Pure monetary helpers shared by the curated commerce blocks.
- *
- * Canonical `Money` (`@thorprovider/types`) carries a decimal string in major
- * units (e.g. `"69.99"`) — never cents. A missing, invalid, or unresolved
- * amount is *unavailable*, which is a different state from a legitimate `"0"`.
- * These helpers keep that distinction in the presentation layer: they validate
- * a complete finite decimal before any display conversion, and they never
- * invent a currency.
- */
-
-const COMPLETE_FINITE_DECIMAL = /^-?(?:\d+)(?:\.\d+)?$/
-
-/**
- * True only for a complete, finite decimal string (`"0"`, `"69.99"`, `"-3.5"`).
- * Rejects `""`, `" "`, `"1."`, `".5"`, `"1e3"`, `"abc"`, and non-strings.
- */
-export function isCompleteFiniteDecimal(value: unknown): value is string {
-  if (typeof value !== 'string') return false
-  const trimmed = value.trim()
-  if (trimmed === '' || !COMPLETE_FINITE_DECIMAL.test(trimmed)) return false
-  return Number.isFinite(Number(trimmed))
-}
-
-/**
- * True when a `Money` value is safe to display and price a purchase with: a
- * complete finite decimal amount and a non-empty currency code. A valid zero
- * (`{ amount: '0', currencyCode: 'USD' }`) is available — zero alone does not
- * make a price unavailable.
- */
-export function isAvailableMoney(money: Money | null | undefined): money is Money {
-  return (
-    !!money &&
-    typeof money.currencyCode === 'string' &&
-    money.currencyCode.trim() !== '' &&
-    isCompleteFiniteDecimal(money.amount)
-  )
-}
-
-/**
- * Formats a `Money` for display, or `null` when the value is unavailable.
- *
- * This is the safety gate the whole curated surface relies on: an absent or
- * malformed amount (`""`, `" "`, `"abc"`, a non-string, a missing currency)
- * MUST NOT reach `Intl.NumberFormat`, because `Number("")` is `0` and would
- * render a fake `$0.00` for missing data. A backend-resolved valid zero
- * (`{ amount: "0", currencyCode: "USD" }`) is available and formats as zero.
- *
- * When no `formatter` is supplied the currency comes from
- * `money.currencyCode`, so no currency is hardcoded. Callers render their own
- * unavailable/pending/recovery state when this returns `null`.
- */
-export function formatMoney(
-  money: Money | null | undefined,
-  formatter?: (money: Money) => string,
-): string | null {
-  if (!isAvailableMoney(money)) return null
-  if (formatter) return formatter(money)
-  return new Intl.NumberFormat(undefined, {
-    style: 'currency',
-    currency: money.currencyCode,
-  }).format(Number(money.amount))
-}

package/src/lib/types/menu.ts

@@ -1,43 +0,0 @@
-import { z } from 'zod'
-
-/**
- * Canonical navigation types: recursive menu item and collection item.
- *
- * Ported from the legacy `@thorprovider/components` navigation library
- * (source: branch `feat/storefronts`) into the blocks catalog so any
- * consumer can feed a multi-level category tree to the navigation blocks.
- */
-
-export const menuItemSchema: z.ZodType<{
-  id: string
-  label: string
-  icon?: string
-  image?: string
-  href?: string
-  badge?: string
-  featured?: boolean
-  children?: MenuItem[]
-}> = z.lazy(() =>
-  z.object({
-    id: z.string(),
-    label: z.string(),
-    icon: z.string().optional(),
-    image: z.string().optional(),
-    href: z.string().optional(),
-    badge: z.string().optional(),
-    featured: z.boolean().optional(),
-    children: z.array(menuItemSchema).optional(),
-  }),
-)
-
-export type MenuItem = z.infer<typeof menuItemSchema>
-
-export const collectionItemSchema = z.object({
-  id: z.string(),
-  label: z.string(),
-  description: z.string().optional(),
-  image: z.string().optional(),
-  href: z.string().optional(),
-})
-
-export type CollectionItem = z.infer<typeof collectionItemSchema>

package/src/lib/types.ts

@@ -1,4 +0,0 @@
-export interface CTA {
-  label: string
-  href?: string
-}

package/src/lib/utils.ts

@@ -1,10 +0,0 @@
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-/**
- * Merge Tailwind CSS class names safely.
- * Deduplicates conflicting utilities (e.g. `p-4` vs `p-2` → keeps last).
- */
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

package/src/ui/accordion.tsx

@@ -1,65 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { cn } from "cn"
-import { ChevronDownIcon } from "lucide-react"
-import { Accordion as AccordionPrimitive } from "radix-ui"
-
-function Accordion({
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
-  return <AccordionPrimitive.Root data-slot="accordion" {...props} />
-}
-
-function AccordionItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
-  return (
-    <AccordionPrimitive.Item
-      data-slot="accordion-item"
-      className={cn("border-b last:border-b-0", className)}
-      {...props}
-    />
-  )
-}
-
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
-  return (
-    <AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger
-        data-slot="accordion-trigger"
-        className={cn(
-          "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <ChevronDownIcon className="pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  )
-}
-
-function AccordionContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
-  return (
-    <AccordionPrimitive.Content
-      data-slot="accordion-content"
-      className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-      {...props}
-    >
-      <div className={cn("pt-0 pb-4", className)}>{children}</div>
-    </AccordionPrimitive.Content>
-  )
-}
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }

package/src/ui/badge.tsx

@@ -1,47 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "cn"
-import { Slot } from "radix-ui"
-
-const badgeVariants = cva(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap 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",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary:
-          "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
-        outline:
-          "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 [a&]:hover:underline",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-function Badge({
-  className,
-  variant = "default",
-  asChild = false,
-  ...props
-}: React.ComponentProps<"span"> &
-  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot.Root : "span"
-
-  return (
-    <Comp
-      data-slot="badge"
-      data-variant={variant}
-      className={cn(badgeVariants({ variant }), className)}
-      {...props}
-    />
-  )
-}
-
-export { Badge, badgeVariants }

package/src/ui/breadcrumb.tsx

@@ -1,108 +0,0 @@
-import * as React from "react"
-import { cn } from "cn"
-import { ChevronRight, MoreHorizontal } from "lucide-react"
-import { Slot } from "radix-ui"
-
-function Breadcrumb({ ...props }: React.ComponentProps<"nav">) {
-  return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />
-}
-
-function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
-  return (
-    <ol
-      data-slot="breadcrumb-list"
-      className={cn(
-        "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
-  return (
-    <li
-      data-slot="breadcrumb-item"
-      className={cn("inline-flex items-center gap-1.5", className)}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: React.ComponentProps<"a"> & {
-  asChild?: boolean
-}) {
-  const Comp = asChild ? Slot.Root : "a"
-
-  return (
-    <Comp
-      data-slot="breadcrumb-link"
-      className={cn("transition-colors hover:text-foreground", className)}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="breadcrumb-page"
-      role="link"
-      aria-disabled="true"
-      aria-current="page"
-      className={cn("font-normal text-foreground", className)}
-      {...props}
-    />
-  )
-}
-
-function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<"li">) {
-  return (
-    <li
-      data-slot="breadcrumb-separator"
-      role="presentation"
-      aria-hidden="true"
-      className={cn("[&>svg]:size-3.5", className)}
-      {...props}
-    >
-      {children ?? <ChevronRight />}
-    </li>
-  )
-}
-
-function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="breadcrumb-ellipsis"
-      role="presentation"
-      aria-hidden="true"
-      className={cn("flex size-9 items-center justify-center", className)}
-      {...props}
-    >
-      <MoreHorizontal className="size-4" />
-      <span className="sr-only">More</span>
-    </span>
-  )
-}
-
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-}

package/src/ui/button-group.tsx

@@ -1,83 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "cn"
-import { Slot } from "radix-ui"
-
-import { Separator } from "./separator"
-
-const buttonGroupVariants = cva(
-  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  {
-    variants: {
-      orientation: {
-        horizontal:
-          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical:
-          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
-      },
-    },
-    defaultVariants: {
-      orientation: "horizontal",
-    },
-  }
-)
-
-function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
-  return (
-    <div
-      role="group"
-      data-slot="button-group"
-      data-orientation={orientation}
-      className={cn(buttonGroupVariants({ orientation }), className)}
-      {...props}
-    />
-  )
-}
-
-function ButtonGroupText({
-  className,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"div"> & {
-  asChild?: boolean
-}) {
-  const Comp = asChild ? Slot.Root : "div"
-
-  return (
-    <Comp
-      className={cn(
-        "flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ButtonGroupSeparator({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<typeof Separator>) {
-  return (
-    <Separator
-      data-slot="button-group-separator"
-      orientation={orientation}
-      className={cn(
-        "relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  ButtonGroup,
-  ButtonGroupSeparator,
-  ButtonGroupText,
-  buttonGroupVariants,
-}

package/src/ui/button.tsx

@@ -1,63 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "cn"
-import { Slot } from "radix-ui"
-
-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",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline:
-          "border bg-background shadow-xs 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",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function 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({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-export { Button, buttonVariants }

package/src/ui/card.tsx

@@ -1,91 +0,0 @@
-import * as React from "react"
-import { cn } from "cn"
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card"
-      className={cn(
-        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-header"
-      className={cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-title"
-      className={cn("leading-none font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-description"
-      className={cn("text-sm text-muted-foreground", className)}
-      {...props}
-    />
-  )
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-action"
-      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn("px-6", className)}
-      {...props}
-    />
-  )
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-footer"
-      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-}