@superbuilders/incept-renderer 0.1.7 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -615,18 +615,18 @@ function ChoiceInteractionRenderer({
615
615
  if (!isImagesOnly) return "space-y-2";
616
616
  switch (choiceCount) {
617
617
  case 4:
618
- return "grid grid-cols-2 gap-4";
618
+ return "qti-image-grid-4";
619
619
  case 3:
620
- return "grid grid-cols-3 gap-4";
620
+ return "qti-image-grid-3";
621
621
  case 2:
622
- return "max-w-3xl mx-auto grid grid-cols-2 gap-6";
622
+ return "qti-image-grid-2";
623
623
  default:
624
- return "grid grid-cols-2 md:grid-cols-3 gap-4";
624
+ return "qti-image-grid-many";
625
625
  }
626
626
  }, [isImagesOnly, choiceCount]);
627
627
  const imageCardClass = React3.useMemo(() => {
628
628
  if (!isImagesOnly) return "";
629
- return choiceCount === 2 ? "justify-center text-center [&_img]:max-h-52 md:[&_img]:max-h-60 ![&_img]:w-auto ![&_img]:h-auto ![&_img]:max-w-full ![&_img]:block [&_img]:mx-auto min-h-[220px] px-8 py-8" : "justify-center text-center [&_img]:max-h-40 md:[&_img]:max-h-48 ![&_img]:w-auto ![&_img]:h-auto ![&_img]:max-w-full ![&_img]:block [&_img]:mx-auto min-h-[180px]";
629
+ return choiceCount === 2 ? "qti-image-card qti-image-card-large" : "qti-image-card";
630
630
  }, [isImagesOnly, choiceCount]);
631
631
  const handleSingleChoice = (value) => {
632
632
  if (!disabled && onAnswerSelect) {