@thorprovider/blocks 0.1.3 → 2.0.0

package/src/lib/contracts.ts

@@ -95,13 +95,31 @@ export const productDetailProductSchema = z.object({
 })
 export type ProductDetailProductSpec = z.infer<typeof productDetailProductSchema>
 
-export const productOverview1PropsSchema = z.object({
+/**
+ * Canonical ProductOverview contract. Uses the canonical product projection and adds the
+ * bounded `presentation` option plus the `rich` presentation's optional data. Callbacks are not
+ * part of the schema (they are runtime props).
+ */
+export const productOverviewReviewSchema = z.object({
+  id: z.number(),
+  author: z.string(),
+  rating: z.number(),
+  comment: z.string(),
+  date: z.string(),
+  helpful: z.number().optional(),
+})
+
+export const productOverviewPropsSchema = z.object({
   product: productDetailProductSchema,
+  presentation: z.enum(['standard', 'gallery', 'rich']).optional(),
   selectedVariantId: z.string().nullable().optional(),
   quantity: z.number().optional(),
   rating: z.object({ value: z.number(), count: z.number() }).optional(),
   deliveryEstimate: z.string().optional(),
   shipping: moneySchema.optional(),
+  specifications: z.record(z.string(), z.string()).optional(),
+  features: z.array(z.string()).optional(),
+  reviews: z.array(productOverviewReviewSchema).optional(),
   sizesLabel: z.string().optional(),
   variantLabel: z.string().optional(),
   reviewsLabel: z.string().optional(),
@@ -112,8 +130,24 @@ export const productOverview1PropsSchema = z.object({
   quantityLabel: z.string().optional(),
   deliveryEstimateLabel: z.string().optional(),
   shippingLabel: z.string().optional(),
+  badgeLabel: z.string().optional(),
+  availabilityLabel: z.string().optional(),
+  skuLabel: z.string().optional(),
+  overviewLabel: z.string().optional(),
+  specsLabel: z.string().optional(),
+  featuresLabel: z.string().optional(),
+  specificationsLabel: z.string().optional(),
+  galleryLabel: z.string().optional(),
+  photosLabel: z.string().optional(),
+  saveLabel: z.string().optional(),
+  savedLabel: z.string().optional(),
+  shareLabel: z.string().optional(),
+  basedOnReviewsLabel: z.string().optional(),
+  foundHelpfulLabel: z.string().optional(),
+  ofCounterLabel: z.string().optional(),
+  freeDeliveryLabel: z.string().optional(),
 })
-export type ProductOverview1SpecProps = z.infer<typeof productOverview1PropsSchema>
+export type ProductOverviewSpecProps = z.infer<typeof productOverviewPropsSchema>
 
 export const cardProductSchema = z.object({
   id: z.union([z.string(), z.number()]),
@@ -275,13 +309,6 @@ export const storeContainer1PropsSchema = z.object({
 })
 export type StoreContainer1SpecProps = z.infer<typeof storeContainer1PropsSchema>
 
-export const productCard1PropsSchema = z.object({
-  products: z.array(cardProductSchema),
-  heading: z.string().optional(),
-  maxItems: z.number().int().positive().optional(),
-})
-export type ProductCard1SpecProps = z.infer<typeof productCard1PropsSchema>
-
 /**
  * Canonical product presentation — the serializable projection a storefront host
  * produces from a canonical `Product` for the merchandising sections. Unlike
@@ -310,6 +337,42 @@ export const productPresentationSchema = z.object({
 })
 export type ProductPresentation = z.infer<typeof productPresentationSchema>
 
+/**
+ * Canonical product card contract (item cell of a product listing). The cell
+ * consumes one canonical `ProductPresentation` projection only — the legacy
+ * numeric-price card shape is not accepted. `presentation` is the bounded
+ * structure switch (`classic`/`minimal`/`rich`) and `wishlisted` is the
+ * host-resolved membership state; callbacks and label strings are runtime
+ * props and are excluded here. Collection concerns (heading, item cap, loading
+ * and empty states) belong to `ProductGrid`.
+ */
+export const productCardPropsSchema = z.object({
+  item: productPresentationSchema,
+  presentation: z.enum(['classic', 'minimal', 'rich']).optional(),
+  wishlisted: z.boolean().optional(),
+})
+export type ProductCardSpecProps = z.infer<typeof productCardPropsSchema>
+
+/**
+ * Canonical product grid contract (listing). Consumes a collection of
+ * canonical `ProductPresentation` items and owns the listing's heading, item
+ * cap, wishlist membership, and loading/empty/ready states. `wishlistedIds` is
+ * resolved per cell before rendering, so the cell receives only its own
+ * boolean. Callbacks and label strings are runtime props and are excluded
+ * here. Error state belongs to the host.
+ */
+export const productGridPropsSchema = z.object({
+  items: z.array(productPresentationSchema),
+  presentation: z.enum(['classic', 'minimal', 'rich']).optional(),
+  heading: z.string().optional(),
+  maxItems: z.number().int().positive().optional(),
+  wishlistedIds: z.array(z.union([z.string(), z.number()])).readonly().optional(),
+  loading: z.boolean().optional(),
+  skeletonCount: z.number().int().positive().optional(),
+  emptyLabel: z.string().optional(),
+})
+export type ProductGridSpecProps = z.infer<typeof productGridPropsSchema>
+
 /**
  * Serializable contract for the combined grid-and-carousel product
  * presentation (`ProductShowcase1`). The grid pages are fixed-size, navigated
@@ -330,10 +393,45 @@ export const productShowcase1PropsSchema = z.object({
 })
 export type ProductShowcase1SpecProps = z.infer<typeof productShowcase1PropsSchema>
 
-export const shoppingCart4PropsSchema = z.object({
-  items: z.array(cartItemSchema),
+/**
+ * Canonical shopping cart contract (consolidated shopping-cart family). Lines
+ * are keyed by the backend cart line-item id and carry canonical `Money`
+ * amounts only — the legacy numeric-price shape is not accepted: a line always
+ * carries the backend-authoritative `lineTotal`, and an optional `unitPrice` is
+ * carried verbatim (never used for a local `price * quantity` computation).
+ * Suggestions fold the numbered carts' recommendations: optional image (omitted
+ * when absent) and optional canonical `Money` price. `presentation` is the
+ * bounded structure switch (`compact`/`page`); callbacks and interaction state
+ * are runtime props and are excluded here.
+ */
+export const shoppingCartItemSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  quantity: z.number().int().min(0),
+  /** Optional; absent images are omitted, never serialized as `""`. */
+  image: z.string().optional(),
+  variant: z.string().optional(),
+  /** Canonical backend line total; a malformed amount renders as unavailable. */
+  lineTotal: moneySchema,
+  /** Canonical backend unit price; carried verbatim, never used locally. */
+  unitPrice: moneySchema.optional(),
+})
+export type ShoppingCartItem = z.infer<typeof shoppingCartItemSchema>
+
+export const shoppingCartSuggestionSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  /** Optional; absent images are omitted, never serialized as `""`. */
+  image: z.string().optional(),
+  unitPrice: moneySchema.optional(),
+})
+export type ShoppingCartSuggestion = z.infer<typeof shoppingCartSuggestionSchema>
+
+export const shoppingCartPropsSchema = z.object({
+  items: z.array(shoppingCartItemSchema),
   promotions: z.array(promotionSchema).default([]),
-  recentlyViewed: z.array(recentlyViewedItemSchema).optional(),
+  recentlyViewed: z.array(shoppingCartSuggestionSchema).optional(),
+  presentation: z.enum(['compact', 'page']).optional(),
   /** Backend-authoritative totals; rendered verbatim, never computed locally. */
   totals: cartTotalsSchema.optional(),
   totalsState: z.enum(['idle', 'pending', 'error']).optional(),
@@ -341,7 +439,6 @@ export const shoppingCart4PropsSchema = z.object({
   totalsUnavailableLabel: z.string().optional(),
   amountUnavailableLabel: z.string().optional(),
   retryLabel: z.string().optional(),
-  taxRate: z.number().optional(),
   titleLabel: z.string().optional(),
   subtotalLabel: z.string().optional(),
   discountLabel: z.string().optional(),
@@ -359,6 +456,9 @@ export const shoppingCart4PropsSchema = z.object({
   estimatedDeliveryLabel: z.string().optional(),
   secureCheckoutLabel: z.string().optional(),
   recentlyViewedLabel: z.string().optional(),
+  promoPromptLabel: z.string().optional(),
+  promoPlaceholderLabel: z.string().optional(),
+  promoApplyLabel: z.string().optional(),
   collapseLabel: z.string().optional(),
   expandLabel: z.string().optional(),
   checkoutLabel: z.string().optional(),
@@ -369,7 +469,7 @@ export const shoppingCart4PropsSchema = z.object({
   decreaseLabel: z.string().optional(),
   increaseLabel: z.string().optional(),
 })
-export type ShoppingCart4SpecProps = z.infer<typeof shoppingCart4PropsSchema>
+export type ShoppingCartSpecProps = z.infer<typeof shoppingCartPropsSchema>
 
 /**
  * Optional brand seams shared by the existing blocks. These mirror the
@@ -395,7 +495,12 @@ export const heroImageSchema = z.object({
 })
 export type HeroImage = z.infer<typeof heroImageSchema>
 
-export const navbar4PropsSchema = z.object({
+/**
+ * Serializable contract for the canonical commerce storefront shell
+ * (`StorefrontNavbar`). Identity, cart, and search state stay host-owned: the
+ * schema carries content and display state only, never cart arithmetic.
+ */
+export const storefrontNavbarPropsSchema = z.object({
   storeCategories: z.array(storeCategorySchema),
   shippingNote: z.string().optional(),
   utilityLinks: z.array(utilityLinkSchema),
@@ -419,7 +524,7 @@ export const navbar4PropsSchema = z.object({
   accountPending: z.boolean().optional(),
   accountUnavailable: z.boolean().optional(),
 })
-export type Navbar4SpecProps = z.infer<typeof navbar4PropsSchema>
+export type StorefrontNavbarSpecProps = z.infer<typeof storefrontNavbarPropsSchema>
 
 /**
  * Serializable contracts for the two bounded editorial sections (`faq`, `cta`).
@@ -433,6 +538,172 @@ export const ctaSchema = z.object({
 })
 export type CtaSpec = z.infer<typeof ctaSchema>
 
+/** Bounded presentations of the page-level navigation header. */
+export const navbarPresentationSchema = z.enum(['bar', 'mega', 'floating'])
+export type NavbarPresentationSpec = z.infer<typeof navbarPresentationSchema>
+
+export const navbarItemSchema = z.object({
+  label: z.string(),
+  href: z.string(),
+  description: z.string().optional(),
+  /** Key resolved through the consumer's host-bound `iconMap`. */
+  icon: z.string().optional(),
+})
+export type NavbarItemSpec = z.infer<typeof navbarItemSchema>
+
+export const navbarGroupSchema = z.object({
+  title: z.string().optional(),
+  items: z.array(navbarItemSchema),
+})
+export type NavbarGroupSpec = z.infer<typeof navbarGroupSchema>
+
+export const navbarLinkSchema = z.object({
+  label: z.string(),
+  href: z.string().optional(),
+  groups: z.array(navbarGroupSchema).optional(),
+  emphasis: z.boolean().optional(),
+})
+export type NavbarLinkSpec = z.infer<typeof navbarLinkSchema>
+
+export const navbarFeaturedSchema = z.object({
+  eyebrow: z.string(),
+  title: z.string(),
+  description: z.string().optional(),
+  href: z.string(),
+  linkLabel: z.string().optional(),
+  image: z.string().optional(),
+  imageAlt: z.string().optional(),
+})
+export type NavbarFeaturedSpec = z.infer<typeof navbarFeaturedSchema>
+
+/**
+ * Serializable contract for the canonical page-level header (`Navbar`). The
+ * serializable subset excludes the React-only bindings: `iconMap`, `onSignIn`,
+ * and `onCtaClick` are bound by the host, exactly like the footer's icon map.
+ */
+export const navbarPropsSchema = z.object({
+  presentation: navbarPresentationSchema.optional(),
+  logoText: z.string(),
+  logoHref: z.string().optional(),
+  currentPath: z.string().optional(),
+  links: z.array(navbarLinkSchema),
+  featured: navbarFeaturedSchema.optional(),
+  signIn: ctaSchema.optional(),
+  cta: ctaSchema.optional(),
+  /** Consumer-supplied classes merged onto the header surface last. */
+  className: z.string().optional(),
+})
+export type NavbarSpecProps = z.infer<typeof navbarPropsSchema>
+
+/**
+ * Serializable subset of the canonical `StorefrontHero`'s props (callbacks
+ * excluded). Every popularity, review, count, or countdown field is optional
+ * host-supplied evidence: omitted fields render nothing (honest omission)
+ * instead of fabricated defaults, and prices are formatted from the supplied
+ * ISO 4217 `currency` via `Intl.NumberFormat` (never hardcoded).
+ */
+export const storefrontHeroProductSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  price: z.number(),
+  originalPrice: z.number().optional(),
+  image: z.string().optional(),
+  imageAlt: z.string().optional(),
+  brand: z.string().optional(),
+  colors: z.array(z.string()).optional(),
+  rating: z.number().optional(),
+  reviewCount: z.number().optional(),
+  inStock: z.boolean().optional(),
+  isNew: z.boolean().optional(),
+  tag: z.string().optional(),
+})
+export type StorefrontHeroProduct = z.infer<typeof storefrontHeroProductSchema>
+
+export const storefrontHeroPropsSchema = z.object({
+  title: z.string(),
+  description: z.string(),
+  presentation: z.enum(['compact', 'showcase', 'editorial', 'promotional']).optional(),
+  currency: z.string().optional(),
+  products: z.array(storefrontHeroProductSchema),
+  badge: z.string().optional(),
+  titleAccent: z.string().optional(),
+  primaryCta: ctaSchema.optional(),
+  secondaryCta: ctaSchema.optional(),
+  heroImage: heroImageSchema.optional(),
+  departments: z
+    .array(
+      z.object({
+        id: z.string(),
+        name: z.string(),
+        image: z.string().optional(),
+        imageAlt: z.string().optional(),
+        count: z.string().optional(),
+        href: z.string().optional(),
+      }),
+    )
+    .optional(),
+  featuredDeals: z
+    .array(
+      z.object({
+        id: z.string(),
+        name: z.string(),
+        description: z.string().optional(),
+        image: z.string().optional(),
+        imageAlt: z.string().optional(),
+        price: z.number(),
+        originalPrice: z.number().optional(),
+        cta: ctaSchema.optional(),
+      }),
+    )
+    .optional(),
+  storeLocator: z
+    .object({
+      title: z.string(),
+      description: z.string(),
+      ctaLabel: z.string(),
+      ctaHref: z.string().optional(),
+    })
+    .optional(),
+  shippingInfo: z.string().optional(),
+  deals: z
+    .array(
+      z.object({
+        id: z.string(),
+        title: z.string(),
+        discount: z.string().optional(),
+        endTime: z.string().optional(),
+      }),
+    )
+    .optional(),
+  categories: z
+    .array(
+      z.object({
+        id: z.string(),
+        name: z.string(),
+        image: z.string().optional(),
+        imageAlt: z.string().optional(),
+        count: z.string().optional(),
+        href: z.string().optional(),
+      }),
+    )
+    .optional(),
+  rotationInterval: z.number().optional(),
+  addToCartLabel: z.string().optional(),
+  buyNowLabel: z.string().optional(),
+  newLabel: z.string().optional(),
+  outOfStockLabel: z.string().optional(),
+  colorsLabel: z.string().optional(),
+  discountSuffixLabel: z.string().optional(),
+  searchPlaceholder: z.string().optional(),
+  searchLabel: z.string().optional(),
+  featuredDescription: z.string().optional(),
+  shopNowLabel: z.string().optional(),
+  endsInLabel: z.string().optional(),
+  productsLabel: z.string().optional(),
+  viewLabel: z.string().optional(),
+})
+export type StorefrontHeroSpecProps = z.infer<typeof storefrontHeroPropsSchema>
+
 export const faqItemSchema = z.object({
   value: z.string(),
   question: z.string(),
@@ -457,6 +728,129 @@ export const ctaSection1PropsSchema = z.object({
 })
 export type CtaSection1SpecProps = z.infer<typeof ctaSection1PropsSchema>
 
+/**
+ * Serializable contract for the canonical `Feature` benefits section. The
+ * item `icon` is a Lucide icon NAME (e.g. `'Zap'`) that the registry resolves
+ * to a component at the seam; the React-only callbacks (`onCtaClick`,
+ * `onLearnMore`) are intentionally excluded — the catalog adapter binds them.
+ */
+export const featureItemSpecSchema = z.object({
+  id: z.string(),
+  title: z.string(),
+  description: z.string(),
+  icon: z.string(),
+})
+
+/**
+ * `cards` branch: the card grid never owns an image. The presentation is
+ * optional so an omitted value resolves to `cards`.
+ */
+export const featureCardsSpecSchema = z.object({
+  items: z.array(featureItemSpecSchema),
+  presentation: z.literal('cards').optional(),
+  badge: z.string().optional(),
+  title: z.string().optional(),
+  description: z.string().optional(),
+  ctaLabel: z.string().optional(),
+  learnMoreLabel: z.string().optional(),
+  className: z.string().optional(),
+})
+export type FeatureCardsSpecProps = z.infer<typeof featureCardsSpecSchema>
+
+/**
+ * `split` branch: the editorial image is mandatory and must carry a non-empty
+ * `src`. `alt` stays required so the caller decides whether the image is
+ * informative or decorative. `cards`-only chrome is intentionally absent.
+ */
+export const featureSplitSpecSchema = z.object({
+  items: z.array(featureItemSpecSchema),
+  presentation: z.literal('split'),
+  title: z.string().optional(),
+  description: z.string().optional(),
+  image: z.object({ src: z.string().trim().min(1), alt: z.string() }),
+  className: z.string().optional(),
+})
+export type FeatureSplitSpecProps = z.infer<typeof featureSplitSpecSchema>
+
+/**
+ * Serialized `Feature` union. The split branch is listed first so
+ * `presentation: 'split'` resolves deterministically; an omitted presentation
+ * falls through to `cards`. A split input without a non-empty image matches
+ * neither branch and fails to parse.
+ */
+export const featurePropsSchema = z.union([featureSplitSpecSchema, featureCardsSpecSchema])
+export type FeatureSpecProps = z.infer<typeof featurePropsSchema>
+
+/**
+ * Canonical category contract for the consolidated `ProductCategory` block.
+ *
+ * `categories` is the canonical category projection (a `@thorprovider/types`
+ * `ProductCategory` subset): ids are canonical strings, optional fields are
+ * omitted rather than serialized as `""`, and there are no demo-only required
+ * fields (no required subtitle, sector icon enum, or Lucide component). `icon`
+ * is a plain, serializable icon-key string resolved by the block against a
+ * bounded map with a neutral fallback. The `presentation` value is a bounded
+ * structure switch, never a per-store fork. Callbacks are runtime props and are
+ * excluded here (see the component).
+ */
+export const productCategoryItemSchema = z.object({
+  id: z.string(),
+  handle: z.string().optional(),
+  name: z.string(),
+  description: z.string().optional(),
+  /** Optional real count; an unknown count is omitted, never fabricated as `0`. */
+  itemCount: z.number().optional(),
+  /** Omitted (never `""`) when the backend has no image. */
+  image: z.string().optional(),
+  trending: z.boolean().optional(),
+  /** Serializable icon key (e.g. `'shirt'`); unknown keys render a neutral fallback. */
+  icon: z.string().optional(),
+  subcategories: z.array(z.string()).optional(),
+  featured: z.boolean().optional(),
+})
+export type ProductCategoryItem = z.infer<typeof productCategoryItemSchema>
+
+export const productCategoryPropsSchema = z.object({
+  categories: z.array(productCategoryItemSchema),
+  presentation: z.enum(['grid', 'icons', 'list']).optional(),
+  title: z.string().optional(),
+  description: z.string().optional(),
+  badge: z.string().optional(),
+  cta: ctaSchema.optional(),
+  /** Controlled search value; filtering is owned by the host. */
+  query: z.string().optional(),
+  searchPlaceholder: z.string().optional(),
+  searchLabel: z.string().optional(),
+  emptyLabel: z.string().optional(),
+  noResultsLabel: z.string().optional(),
+  browseLabel: z.string().optional(),
+  viewAllLabel: z.string().optional(),
+  trendingLabel: z.string().optional(),
+  featuredLabel: z.string().optional(),
+  itemsLabel: z.string().optional(),
+  imageFallback: z.string().optional(),
+  className: z.string().optional(),
+})
+export type ProductCategorySpecProps = z.infer<typeof productCategoryPropsSchema>
+
+export const categoryCardPropsSchema = z.object({
+  category: productCategoryItemSchema,
+  presentation: z.enum(['grid', 'icons', 'list']).optional(),
+  browseLabel: z.string().optional(),
+  itemsLabel: z.string().optional(),
+  trendingLabel: z.string().optional(),
+  featuredLabel: z.string().optional(),
+  imageFallback: z.string().optional(),
+})
+export type CategoryCardSpecProps = z.infer<typeof categoryCardPropsSchema>
+
+export const categoryGridPropsSchema = productCategoryPropsSchema.extend({
+  maxItems: z.number().int().positive().optional(),
+  loading: z.boolean().optional(),
+  skeletonCount: z.number().int().positive().optional(),
+})
+export type CategoryGridSpecProps = z.infer<typeof categoryGridPropsSchema>
+
 // Pure monetary helpers, re-exported from the server-safe contracts entry so a
 // host boundary can validate/format `Money` without importing the React entry.
 export { isCompleteFiniteDecimal, isAvailableMoney, formatMoney } from './money'

package/src/ui/button-group.tsx

@@ -2,7 +2,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 import { Slot } from "radix-ui"
 
-import { Separator } from "@/ui/separator"
+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",

package/src/ui/carousel.tsx

@@ -7,7 +7,7 @@ import useEmblaCarousel, {
 } from "embla-carousel-react"
 import { ArrowLeft, ArrowRight } from "lucide-react"
 
-import { Button } from "@/ui/button"
+import { Button } from "./button"
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>

package/src/ui/dialog.tsx

@@ -5,7 +5,7 @@ import { cn } from "cn"
 import { XIcon } from "lucide-react"
 import { Dialog as DialogPrimitive } from "radix-ui"
 
-import { Button } from "@/ui/button"
+import { Button } from "./button"
 
 function Dialog({
   ...props

package/src/ui/field.tsx

@@ -4,8 +4,8 @@ import { useMemo } from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 
-import { Label } from "@/ui/label"
-import { Separator } from "@/ui/separator"
+import { Label } from "./label"
+import { Separator } from "./separator"
 
 function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
   return (

package/src/ui/input-group.tsx

@@ -4,9 +4,9 @@ import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 
-import { Button } from "@/ui/button"
-import { Input } from "@/ui/input"
-import { Textarea } from "@/ui/textarea"
+import { Button } from "./button"
+import { Input } from "./input"
+import { Textarea } from "./textarea"
 
 function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/ui/pagination.tsx

@@ -6,7 +6,7 @@ import {
   MoreHorizontalIcon,
 } from "lucide-react"
 
-import { buttonVariants, type Button } from "@/ui/button"
+import { buttonVariants, type Button } from "./button"
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
   return (

package/src/ui/sidebar.tsx

@@ -6,24 +6,24 @@ import { cn } from "cn"
 import { PanelLeftIcon } from "lucide-react"
 import { Slot } from "radix-ui"
 
-import { useIsMobile } from "@/hooks/use-mobile"
-import { Button } from "@/ui/button"
-import { Input } from "@/ui/input"
-import { Separator } from "@/ui/separator"
+import { useIsMobile } from "../hooks/use-mobile"
+import { Button } from "./button"
+import { Input } from "./input"
+import { Separator } from "./separator"
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/ui/sheet"
-import { Skeleton } from "@/ui/skeleton"
+} from "./sheet"
+import { Skeleton } from "./skeleton"
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/ui/tooltip"
+} from "./tooltip"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7

package/src/ui/toggle-group.tsx

@@ -5,7 +5,7 @@ import { type VariantProps } from "class-variance-authority"
 import { cn } from "cn"
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui"
 
-import { toggleVariants } from "@/ui/toggle"
+import { toggleVariants } from "./toggle"
 
 const ToggleGroupContext = React.createContext<
   VariantProps<typeof toggleVariants> & {

package/tsconfig.build.json

@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "declarationMap": true,
+    "incremental": false
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "src/**/*.test.ts", "src/**/*.test.tsx"]
+}

package/tsup.config.ts

@@ -1,15 +1,19 @@
 import { defineConfig } from 'tsup'
 
 export default defineConfig({
-  entry: {
-    'index': 'src/index.ts',
-    'contracts': 'src/lib/contracts.ts'
-  },
+  // Emit one module per source file (no bundling) so consumers can import a
+  // single block and bundle only what they import. `outbase: 'src'` preserves
+  // the source layout under dist/ (e.g. dist/blocks/.../navbar.mjs).
+  entry: ['src/**/*.ts', 'src/**/*.tsx', '!src/**/*.test.ts', '!src/**/*.test.tsx'],
   format: ['cjs', 'esm'],
-  dts: true,
+  // Declarations are emitted per-file by `tsc -p tsconfig.build.json` (see the
+  // build script); tsup's bundled dts step OOMs with 170+ entries.
+  dts: false,
   splitting: false,
   sourcemap: true,
   clean: true,
-  external: ['react', 'react-dom', 'clsx', 'tailwind-merge', 'lucide-react'],
-  onSuccess: process.env.SKIP_TYPE_CHECK === 'true' ? undefined : 'tsc --noEmit --skipLibCheck'
+  bundle: false,
+  esbuildOptions(options) {
+    options.outbase = 'src'
+  }
 })