@harshshahcg/survey-render 1.3.0 → 1.4.0

package/dist/components/{QuestionListCarousel.d.ts → QuestionListCarousel/QuestionListCarousel.d.ts}

@@ -1,12 +1,9 @@
+import "./QuestionListCarousel.css";
 export type QuestionStatus = "completed" | "unanswered" | "required" | "error";
 export interface QuestionListCarouselProps {
-    /** Ordered list of visible question IDs (e.g. Q1, Q2, Q6.1) */
     questions: string[];
-    /** Currently active question ID (controlled by parent) */
     activeQuestionId: string | undefined;
-    /** Called when user selects a question (click card or arrow) */
     onQuestionSelect: (questionId: string) => void;
-    /** Optional map of questionId -> status for styling */
     questionStatusMap?: Record<string, QuestionStatus>;
     className?: string;
 }

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

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

package/dist/components/{QuestionOverviewPanel.d.ts → QuestionOverviewPanel/QuestionOverviewPanel.d.ts}

@@ -1,4 +1,5 @@
-import type { SurveyQuestion } from "../types/survey.types";
+import type { SurveyQuestion } from "../../types/survey.types";
+import "./QuestionOverviewPanel.css";
 export interface QuestionOverviewPanelProps {
     isOpen: boolean;
     onClose: () => void;

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

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

package/dist/components/{SubmissionLoadingOverlay.d.ts → SubmissionLoadingOverlay/SubmissionLoadingOverlay.d.ts}

@@ -1,3 +1,4 @@
+import "./SubmissionLoadingOverlay.css";
 export interface SubmissionLoadingOverlayProps {
     show: boolean;
 }

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

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

package/dist/components/{SurveyContainer.d.ts → SurveyContainer/SurveyContainer.d.ts}

@@ -1,4 +1,5 @@
-import type { SurveyConfig, SurveySubmitPayload } from "../types/survey.types";
+import type { SurveyConfig, SurveySubmitPayload } from "../../types/survey.types";
+import "./SurveyContainer.css";
 export interface SurveyProgressBarConfig {
     /** "position" = progress by step index. "completion" = by answered mandatory (FMB logic). Default: "completion" */
     progressMode?: "position" | "completion";

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

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

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

@@ -0,0 +1,16 @@
+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

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

package/dist/components/custom/{DatePicker.d.ts → DatePicker/DatePicker.d.ts}

@@ -1,3 +1,4 @@
+import "./DatePicker.css";
 export interface DatePickerProps {
     selectedDate?: Date;
     onDateSelect: (date: Date | undefined) => void;

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

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

package/dist/components/custom/{Dropdown.d.ts → Dropdown/Dropdown.d.ts}

@@ -1,3 +1,4 @@
+import "./Dropdown.css";
 export interface DropdownOption {
     value: string;
     label: string;

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

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

package/dist/components/custom/{MCQSelect.d.ts → MCQSelect/MCQSelect.d.ts}

@@ -1,3 +1,4 @@
+import "./MCQSelect.css";
 export interface MCQOption {
     id: string;
     text: string;

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

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

package/dist/components/custom/{TabularInput.d.ts → TabularInput/TabularInput.d.ts}

@@ -1,3 +1,4 @@
+import "./TabularInput.css";
 export interface TabularInputOption {
     id: string;
     text: string;

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

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

package/dist/components/custom/{TextResponse.d.ts → TextResponse/TextResponse.d.ts}

@@ -1,3 +1,4 @@
+import "./TextResponse.css";
 export interface TextResponseProps {
     value?: string;
     onChange: (value: string) => void;

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

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

package/dist/components/icons.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.d.ts → Alert/Alert.d.ts}

@@ -1,9 +1,15 @@
 import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+import "./Alert.css";
+type AlertVariant = "default" | "destructive";
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & {
+    variant?: AlertVariant;
+}): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare namespace AlertTitle {
+    var displayName: string;
+}
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare namespace AlertDescription {
+    var displayName: string;
+}
 export { Alert, AlertTitle, AlertDescription };

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

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

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

@@ -0,0 +1,9 @@
+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

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

package/dist/components/ui/{button.d.ts → Button/Button.d.ts}

@@ -1,7 +1,10 @@
 import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import { buttonVariants } from "./button-variants";
-interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+import "./Button.css";
+type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+type ButtonSize = "default" | "sm" | "lg" | "icon";
+export interface ButtonProps extends React.ComponentProps<"button"> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
     asChild?: boolean;
     bgColor?: string;
     textColor?: string;

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

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

package/dist/components/ui/{card.d.ts → Card/Card.d.ts}

@@ -1,9 +1,12 @@
 import * as React from "react";
+import "./Card.css";
 declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div"> & {
+    "data-border"?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

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

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

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

@@ -0,0 +1,30 @@
+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

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

package/dist/components/ui/{ErrorMessage.d.ts → ErrorMessage/ErrorMessage.d.ts}

@@ -1,6 +1,4 @@
-/**
- * Reusable inline error message for validation feedback.
- */
+import "./ErrorMessage.css";
 interface ErrorMessageProps {
     error?: string;
     className?: string;

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

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

package/dist/components/ui/{input.d.ts → Input/Input.d.ts}

@@ -1,3 +1,4 @@
 import * as React from "react";
+import "./Input.css";
 declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
 export { Input };

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

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

package/dist/components/ui/{label.d.ts → Label/Label.d.ts}

@@ -1,4 +1,5 @@
-import React from "react";
+import * as React from "react";
+import "./Label.css";
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     className?: string;
 }

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

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

package/dist/components/ui/{pagination.d.ts → Pagination/Pagination.d.ts}

@@ -1,12 +1,13 @@
 import * as React from "react";
+import "./Pagination.css";
 declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
 declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem(props: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 type PaginationLinkProps = {
     isActive?: boolean;
     size?: "default" | "sm" | "lg" | "icon";
 } & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
 declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,18 @@
+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

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

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

@@ -0,0 +1,8 @@
+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

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

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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,19 @@
+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

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

package/dist/components/ui/{textarea.d.ts → Textarea/Textarea.d.ts}

@@ -1,3 +1,4 @@
 import * as React from "react";
+import "./Textarea.css";
 declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
 export { Textarea };

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

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

package/dist/lib/utils.d.ts

@@ -1,2 +1,5 @@
-import { type ClassValue } from "clsx";
-export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Simple class name merger. Replaces clsx + tailwind-merge.
+ * Accepts strings and undefined; duplicates are not deduped.
+ */
+export declare function cn(...inputs: (string | undefined | null | false)[]): string;