@harshshahcg/survey-render 1.4.0 → 1.5.0

package/dist/utils/themeStatusStyles.d.ts

@@ -1,6 +1,6 @@
 /**
  * Theme-based status styles for question indicators.
- * Returns CSS class names from status.css (no Tailwind).
+ * Uses CSS variables (--primary-600, --error-200, etc.) so themes control colors.
  * Apply theme via data-theme on a parent element (e.g. data-theme="emerald").
  */
 export type QuestionStatus = "completed" | "unanswered" | "required" | "error";

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@harshshahcg/survey-render",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "repository": {
     "type": "git",
     "url": "https://gitlab.battleofminds.net/harsh.shah/survey-render-lib.git"
   },
-  "description": "Reusable Vite React + TypeScript survey rendering library (framework-independent UI)",
+  "description": "Reusable Vite React + TypeScript survey rendering library",
   "type": "module",
   "main": "./dist/surveyRender.umd.cjs",
   "module": "./dist/surveyRender.js",
@@ -48,14 +48,29 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "^4.1.11",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "tailwindcss": "^4.1.11",
+    "tw-animate-css": "^1.4.0",
     "typescript": "~5.8.0",
     "vite": "^6.0.0",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitest": "^4.0.18"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.536.0",
+    "tailwind-merge": "^3.3.1"
   }
 }

package/dist/components/QuestionListCarousel/QuestionListCarousel.d.ts

@@ -1,10 +0,0 @@
-import "./QuestionListCarousel.css";
-export type QuestionStatus = "completed" | "unanswered" | "required" | "error";
-export interface QuestionListCarouselProps {
-    questions: string[];
-    activeQuestionId: string | undefined;
-    onQuestionSelect: (questionId: string) => void;
-    questionStatusMap?: Record<string, QuestionStatus>;
-    className?: string;
-}
-export declare function QuestionListCarousel({ questions, activeQuestionId, onQuestionSelect, questionStatusMap, className, }: QuestionListCarouselProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/QuestionListCarousel/index.d.ts

@@ -1,2 +0,0 @@
-export { QuestionListCarousel } from "./QuestionListCarousel";
-export type { QuestionListCarouselProps, QuestionStatus } from "./QuestionListCarousel";

package/dist/components/QuestionOverviewPanel/index.d.ts

@@ -1,2 +0,0 @@
-export { QuestionOverviewPanel } from "./QuestionOverviewPanel";
-export type { QuestionOverviewPanelProps } from "./QuestionOverviewPanel";

package/dist/components/SubmissionLoadingOverlay/index.d.ts

@@ -1,2 +0,0 @@
-export { SubmissionLoadingOverlay } from "./SubmissionLoadingOverlay";
-export type { SubmissionLoadingOverlayProps } from "./SubmissionLoadingOverlay";

package/dist/components/SurveyContainer/index.d.ts

@@ -1,2 +0,0 @@
-export { SurveyContainer } from "./SurveyContainer";
-export type { SurveyContainerProps, SurveyProgressBarConfig } from "./SurveyContainer";

package/dist/components/SurveyProgressBar/SurveyProgressBar.d.ts

@@ -1,16 +0,0 @@
-import "./SurveyProgressBar.css";
-export type ProgressMode = "position" | "completion";
-export type ProgressBarVariant = "default" | "gradient";
-export interface SurveyProgressBarProps {
-    currentIndex: number;
-    totalSteps: number;
-    progressMode?: ProgressMode;
-    progressValue?: number;
-    showLabel?: boolean;
-    showPercentage?: boolean;
-    labelFormat?: string;
-    progressMaxWidth?: string;
-    variant?: ProgressBarVariant;
-    className?: string;
-}
-export declare function SurveyProgressBar({ currentIndex, totalSteps, progressMode, progressValue, showLabel, showPercentage, labelFormat, progressMaxWidth, variant, className, }: SurveyProgressBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SurveyProgressBar/index.d.ts

@@ -1,2 +0,0 @@
-export { SurveyProgressBar } from "./SurveyProgressBar";
-export type { SurveyProgressBarProps, ProgressMode, ProgressBarVariant } from "./SurveyProgressBar";

package/dist/components/custom/DatePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./DatePicker";
-export type { DatePickerProps } from "./DatePicker";

package/dist/components/custom/Dropdown/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Dropdown";
-export type { DropdownProps, DropdownOption } from "./Dropdown";

package/dist/components/custom/MCQSelect/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./MCQSelect";
-export type { MCQSelectProps, MCQOption } from "./MCQSelect";

package/dist/components/custom/TabularInput/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TabularInput";
-export type { TabularInputOption, TabularInputRow, TabularInputColumn, TabularInputValue, TabularInputConfig, TabularInputProps, } from "./TabularInput";

package/dist/components/custom/TextResponse/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TextResponse";
-export type { TextResponseProps } from "./TextResponse";

package/dist/components/icons.d.ts

@@ -1,10 +0,0 @@
-/**
- * Inline SVG icons (replaces lucide-react).
- */
-export declare function IconX(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function IconChevronDown(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function IconChevronUp(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function IconCheck(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function IconChevronLeft(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function IconChevronRight(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function IconMoreHorizontal(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Alert/index.d.ts

@@ -1 +0,0 @@
-export { Alert, AlertTitle, AlertDescription } from "./Alert";

package/dist/components/ui/Badge/Badge.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import "./Badge.css";
-type BadgeVariant = "default" | "secondary" | "destructive" | "outline";
-declare const variantClass: Record<BadgeVariant, string>;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & {
-    variant?: BadgeVariant;
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Badge, variantClass as badgeVariants };

package/dist/components/ui/Badge/index.d.ts

@@ -1 +0,0 @@
-export { Badge, badgeVariants } from "./Badge";

package/dist/components/ui/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Button";
-export type { ButtonProps } from "./Button";

package/dist/components/ui/Card/index.d.ts

@@ -1 +0,0 @@
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from "./Card";

package/dist/components/ui/Dialog/Dialog.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-import "./Dialog.css";
-export interface DialogProps {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    defaultOpen?: boolean;
-    children: React.ReactNode;
-}
-declare function Dialog({ open: controlledOpen, onOpenChange, defaultOpen, children, }: DialogProps): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ children, asChild, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ children, container, }: {
-    children: React.ReactNode;
-    container?: HTMLElement | null;
-}): React.ReactPortal | null;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element | null;
-declare function DialogClose({ className, children, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
-export interface DialogContentProps extends React.ComponentProps<"div"> {
-    showCloseButton?: boolean;
-    container?: HTMLElement | null;
-}
-declare function DialogContent({ className, children, showCloseButton, container, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<"div"> & {
-    id?: string;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/Dialog/index.d.ts

@@ -1,2 +0,0 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./Dialog";
-export type { DialogProps, DialogContentProps } from "./Dialog";

package/dist/components/ui/ErrorMessage/index.d.ts

@@ -1 +0,0 @@
-export { ErrorMessage } from "./ErrorMessage";

package/dist/components/ui/Input/index.d.ts

@@ -1 +0,0 @@
-export { Input } from "./Input";

package/dist/components/ui/Label/index.d.ts

@@ -1,2 +0,0 @@
-export { Label } from "./Label";
-export type { LabelProps } from "./Label";

package/dist/components/ui/Pagination/index.d.ts

@@ -1 +0,0 @@
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./Pagination";

package/dist/components/ui/Popover/Popover.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import "./Popover.css";
-export interface PopoverProps {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    children: React.ReactNode;
-}
-declare function Popover({ open: openProp, onOpenChange, children, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ asChild, children, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export interface PopoverContentProps extends React.ComponentProps<"div"> {
-    align?: "start" | "center" | "end";
-    sideOffset?: number;
-}
-declare function PopoverContent({ className, align, sideOffset, ...props }: PopoverContentProps): React.ReactPortal | null;
-declare function PopoverAnchor(props: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/ui/Popover/index.d.ts

@@ -1,2 +0,0 @@
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./Popover";
-export type { PopoverProps, PopoverContentProps } from "./Popover";

package/dist/components/ui/Progress/Progress.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import "./Progress.css";
-export interface ProgressProps extends React.ComponentProps<"div"> {
-    value?: number | null;
-    max?: number;
-}
-declare function Progress({ className, value, max, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
-export { Progress };

package/dist/components/ui/Progress/index.d.ts

@@ -1,2 +0,0 @@
-export { Progress } from "./Progress";
-export type { ProgressProps } from "./Progress";

package/dist/components/ui/Select/Select.d.ts

@@ -1,38 +0,0 @@
-import * as React from "react";
-import "./Select.css";
-export interface SelectProps {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    defaultValue?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    disabled?: boolean;
-    required?: boolean;
-    name?: string;
-    dir?: "ltr" | "rtl";
-    children: React.ReactNode;
-}
-declare function Select({ value: valueProp, onValueChange, defaultValue, open: openProp, onOpenChange, disabled, children, }: SelectProps): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup({ children, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ placeholder, children, }: {
-    placeholder?: string;
-    children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export interface SelectTriggerProps extends React.ComponentProps<"button"> {
-    size?: "sm" | "default";
-}
-declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, position, children, ...props }: React.ComponentProps<"div"> & {
-    position?: "popper" | "item-aligned";
-}): import("react/jsx-runtime").JSX.Element | null;
-declare function SelectViewport({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export interface SelectItemProps extends React.ComponentProps<"div"> {
-    value: string;
-    disabled?: boolean;
-}
-declare function SelectItem({ className, children, value, disabled, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectViewport, };

package/dist/components/ui/Select/index.d.ts

@@ -1,2 +0,0 @@
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectViewport, } from "./Select";
-export type { SelectProps, SelectTriggerProps, SelectItemProps } from "./Select";

package/dist/components/ui/Tabs/Tabs.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import "./Tabs.css";
-export interface TabsProps extends React.ComponentProps<"div"> {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    defaultValue?: string;
-    children: React.ReactNode;
-}
-declare function Tabs({ className, value: valueProp, onValueChange, defaultValue, children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
-declare function TabsList({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export interface TabsTriggerProps extends React.ComponentProps<"button"> {
-    value: string;
-}
-declare function TabsTrigger({ className, value, children, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
-export interface TabsContentProps extends React.ComponentProps<"div"> {
-    value: string;
-}
-declare function TabsContent({ className, value, children, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
-export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/Tabs/index.d.ts

@@ -1,2 +0,0 @@
-export { Tabs, TabsList, TabsTrigger, TabsContent } from "./Tabs";
-export type { TabsProps, TabsTriggerProps, TabsContentProps } from "./Tabs";

package/dist/components/ui/Textarea/index.d.ts

@@ -1 +0,0 @@
-export { Textarea } from "./Textarea";