{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cart-summary",
  "title": "Cart Summary",
  "description": "Subtotal, optional total, taxes-and-shipping note, and a checkout button.",
  "registryDependencies": [
    "https://lumo-www.vercel.app/r/lib.json"
  ],
  "files": [
    {
      "path": "packages/core/src/components/lumo/cart-summary.tsx",
      "content": "import * as React from \"react\"\r\nimport type { Money } from \"@/lib/lumo/types\"\r\nimport { formatMoney } from \"@/lib/lumo/money\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport interface CartSummaryProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  subtotal: Money\r\n  /** Grand total, when your backend has computed taxes and shipping. */\r\n  total?: Money\r\n  locale?: string\r\n  onCheckout?: () => void\r\n  checkoutLabel?: string\r\n  disabled?: boolean\r\n  /** Note under the rows. Defaults to a taxes-and-shipping disclaimer. */\r\n  note?: React.ReactNode\r\n}\r\n\r\nconst CartSummary = React.forwardRef<HTMLDivElement, CartSummaryProps>(\r\n  (\r\n    {\r\n      className,\r\n      subtotal,\r\n      total,\r\n      locale,\r\n      onCheckout,\r\n      checkoutLabel = \"Checkout\",\r\n      disabled = false,\r\n      note,\r\n      children,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    return (\r\n      <div ref={ref} className={cn(\"flex flex-col gap-3\", className)} {...props}>\r\n        <div className=\"flex items-center justify-between text-sm\">\r\n          <span className=\"text-muted-foreground\">Subtotal</span>\r\n          <span className=\"font-medium tabular-nums\">{formatMoney(subtotal, { locale })}</span>\r\n        </div>\r\n\r\n        {children}\r\n\r\n        {total && (\r\n          <div className=\"flex items-center justify-between border-t pt-3 text-base font-semibold\">\r\n            <span>Total</span>\r\n            <span className=\"tabular-nums\">{formatMoney(total, { locale })}</span>\r\n          </div>\r\n        )}\r\n\r\n        <p className=\"text-xs text-muted-foreground\">\r\n          {note ?? \"Taxes and shipping calculated at checkout.\"}\r\n        </p>\r\n\r\n        {onCheckout && (\r\n          <button\r\n            type=\"button\"\r\n            onClick={onCheckout}\r\n            disabled={disabled}\r\n            className=\"w-full rounded-md bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground transition-[color,background-color,transform] hover:bg-primary/90 active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\r\n          >\r\n            {checkoutLabel}\r\n          </button>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n)\r\nCartSummary.displayName = \"CartSummary\"\r\n\r\nexport { CartSummary }\r\n",
      "type": "registry:ui",
      "target": "components/lumo/cart-summary.tsx"
    }
  ],
  "type": "registry:ui"
}