@harshshahcg/survey-render 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,195 @@
+# survey-render
+
+A reusable **React + TypeScript** survey rendering library. Renders surveys from a JSON config with conditional logic, validation, and file uploads. Returns responses in a structured array format. No offline sync or built-in storage—you own submission and persistence.
+
+## Features
+
+- **JSON-driven** — Define surveys via `SurveyConfig`; no hard-coded forms
+- **Multiple question types** — Single/multi select, dropdown, text, date, tabular inputs, image/video/voice uploads
+- **Conditional logic** — Show/hide questions based on parent answers (`childrenQuestions` / `sourceQuestion`)
+- **Validation** — Mandatory checks, character limits, numeric input, file type/size, tabular completeness
+- **Media uploads** — Image, video, and voice responses with configurable allowed types and max size (base64 in payload)
+- **Step-based UI** — Carousel navigation, overview panel, previous/next/submit, optional exit with save
+
+## Installation
+
+```bash
+npm install survey-render
+```
+
+**Peer dependencies:** React and React DOM (≥18).
+
+```bash
+npm install react react-dom
+```
+
+## Quick start
+
+```tsx
+import { SurveyRenderer } from "survey-render";
+import type { SurveyConfig, SurveySubmitPayload } from "survey-render";
+
+const surveyConfig: SurveyConfig = {
+  surveyId: "my-survey",
+  medium: "EN",
+  questionList: [
+    {
+      surveyId: "my-survey",
+      questionId: "Q1",
+      description: "Your name?",
+      descriptionEN: "Your name?",
+      type: "text-response",
+      isMandatory: true,
+      outcomeDescription: "",
+      questionDescriptionOptional: "",
+      sourceQuestion: "",
+    },
+    // ... more questions
+  ],
+};
+
+function App() {
+  const handleSubmit = (payload: SurveySubmitPayload) => {
+    console.log("Submit:", payload);
+    // payload.responses is SurveyResponseArray
+  };
+
+  return (
+    <SurveyRenderer
+      data={surveyConfig}
+      onSubmit={handleSubmit}
+      onSave={(payload) => console.log("Save draft:", payload)}
+      onExit={() => console.log("Exit")}
+      isSubmitting={false}
+      showHeader={true}
+      className=""
+    />
+  );
+}
+```
+
+## Survey config shape
+
+- **`SurveyConfig`**  
+  - `surveyId`, `medium`, `questionList` (required)  
+  - Optional: `surveyCode`, `surveyName`, `type`, `config` (media validation)
+
+- **`SurveyQuestion`**  
+  - `surveyId`, `questionId`, `description`, `descriptionEN`, `type`, `isMandatory`, `outcomeDescription`, `questionDescriptionOptional`, `sourceQuestion`  
+  - Optional: `options` / `optionsEN`, `textInputType`, `textLimitCharacter`, `minValue` / `maxValue`, `childrenQuestions`, `tableHeaderValue`, `tableQuestionValue`, `userAnswer` (prefill), etc.
+
+- **Media config** (`data.config`)  
+  - Keys: e.g. `"image-response"`, `"video-response"`, `"voice-response"`  
+  - Values: `supportedType` (or legacy `suppotedType`) and `supportedSize` (MB). Used for allowed MIME types and max file size.
+
+## Supported question types
+
+| Type                  | Description                    |
+|-----------------------|--------------------------------|
+| `single-select`       | One option from a list         |
+| `multi-select`        | Multiple options               |
+| `drop-down` / `dropdown` | Dropdown single select     |
+| `text-response`      | Free text (optional limit)     |
+| `calendar`            | Date picker                    |
+| `image-response`      | Image upload (base64)          |
+| `video-response`      | Video upload (base64)          |
+| `voice-response`      | Audio upload (base64)          |
+| `tabular-text-input`  | Rows with text fields          |
+| `tabular-drop-down`   | Rows with dropdowns            |
+| `tabular-check-box`   | Rows with checkboxes           |
+
+Use `SUPPORTED_QUESTION_TYPES` and `isSupportedQuestionType()` from the package when validating config.
+
+## Conditional logic
+
+- **Root questions** — No `sourceQuestion` or not listed in any `childrenQuestions`; always visible.
+- **Child questions** — Listed in another question’s `childrenQuestions`. Shown when the parent’s answer matches the key (e.g. `"Other": ["Q5.1"]` → show Q5.1 when parent answer is `"Other"`).
+- Visibility is recalculated as responses change; hidden questions’ answers are cleared when they become hidden.
+
+Helpers (exported): `calculateVisibility`, `clearHiddenResponses`, and type `VisibilityResult`.
+
+## Validation
+
+- Mandatory, text character limit, numeric-only text, file required, and tabular row completeness.
+- On submit, invalid or missing answers produce a list of `{ questionId, message }` and the built-in validation dialog opens; `onSubmit` is only called when valid.
+- Helpers: `validateResponses`, `canSubmit`, and type `ValidationErrorItem`.
+
+## Response format
+
+- **`SurveySubmitPayload`** — Passed to `onSubmit` and `onSave`: `surveyId`, optional `surveyCode` / `surveyName` / `type`, and `responses: SurveyResponseArray`.
+- **`SurveyResponseArray`** — Array of `{ questionId, userAnswer }`. `userAnswer` is string, number, boolean, string[], `RowAnswer[]` (tabular), or `FileObject` (fileName, fileType, binary base64).
+- Dates are formatted as `YYYY-MM-DD` in the payload.
+
+Use `formatResponses` if you need to convert internal state to this format yourself.
+
+## API summary
+
+### Main component
+
+- **`SurveyRenderer`** — Full survey UI: header, question carousel, current question, nav, validation/exit dialogs, loading overlay. Props: `data`, `onSubmit`, optional `onSave`, `onExit`, `isSubmitting`, `className`, `showHeader`.
+
+### Other components (for custom layouts)
+
+- `SurveyContainer` — Same behavior as `SurveyRenderer`, use when you need a different wrapper.
+- `QuestionRenderer` — Renders one question given `question`, `value`, `onChange`, and optional validation/media config.
+- `QuestionListCarousel`, `QuestionOverviewPanel`, `ValidationDialog`, `ExitConfirmationDialog`, `SubmissionLoadingOverlay`.
+
+### Types
+
+Exported from the package: `SurveyConfig`, `SurveyQuestion`, `SurveyResponseArray`, `SurveyResponseItem`, `SurveySubmitPayload`, `RowAnswer`, `FileObject`, `SupportedQuestionType`, and the various component prop types.
+
+### Utils
+
+- **Conditional logic:** `calculateVisibility`, `clearHiddenResponses`
+- **Validation:** `validateResponses`, `canSubmit`
+- **Formatting:** `formatResponses`
+- **Question status:** `getQuestionStatusMap`
+- **Files:** `validateFile`, `validateFileType`, `validateFileSize`, `fileToFileObject`, `getEffectiveMediaConfig`, `MEDIA_ALLOWED_TYPES`, `MEDIA_MAX_SIZE_MB`
+- **Defaults:** `DEFAULT_MEDIA_ALLOWED_TYPES`, `DEFAULT_MEDIA_MAX_SIZE_MB`
+- **Types:** `getDefaultValue`, `SUPPORTED_QUESTION_TYPES`, `isSupportedQuestionType` (and related types)
+
+## Styling
+
+The library uses **Tailwind CSS** and ships a `theme.css` (import it in your app so class names resolve). Ensure your app’s Tailwind (or build) includes the library’s styles/classes if you rely on the default look.
+
+## Build and dev
+
+- **Build library:** `npm run build` or `npm run build:lib` — produces ESM and UMD in `dist/` plus TypeScript declarations.
+- **Dev app:** `npm run dev` — runs the Vite dev server (e.g. `dev/main.tsx` with sample config).
+
+## Publishing to npm
+
+1. **Create an npm account** at [npmjs.com](https://www.npmjs.com/signup) if you don’t have one.
+
+2. **Log in** from the project directory:
+   ```bash
+   npm login
+   ```
+
+3. **Check package name availability:** The name `survey-render` may already be taken. Search on [npmjs.com](https://www.npmjs.com/search?q=survey-render). If taken, use a scoped name in `package.json`:
+   ```json
+   "name": "@your-username/survey-render"
+   ```
+   Then consumers install with `npm install @your-username/survey-render`.
+
+4. **Build and publish:**
+   ```bash
+   npm run build
+   npm publish
+   ```
+   The `prepublishOnly` script runs `npm run build` automatically before `npm publish`, so `dist/` is built even if you didn’t run `build` yourself.
+
+5. **Scoped package (e.g. `@username/survey-render`):** Publish with public access so it’s installable without a paid plan:
+   ```bash
+   npm publish --access public
+   ```
+
+6. **Later versions:** Bump version, then publish again:
+   ```bash
+   npm version patch   # 1.0.0 → 1.0.1
+   npm publish
+   ```
+
+## License
+
+MIT — see [LICENSE](LICENSE).

package/dist/components/ExitConfirmationDialog.d.ts

@@ -0,0 +1,8 @@
+export interface ExitConfirmationDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+    readOnly?: boolean;
+}
+export declare function ExitConfirmationDialog({ open, onOpenChange, onConfirm, onCancel, readOnly, }: ExitConfirmationDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/QuestionListCarousel.d.ts

@@ -0,0 +1,13 @@
+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;
+}
+export declare function QuestionListCarousel({ questions, activeQuestionId, onQuestionSelect, questionStatusMap, className, }: QuestionListCarouselProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/QuestionMapper.d.ts

@@ -0,0 +1,13 @@
+import type { SurveyQuestion } from "../types/survey.types";
+import type { EffectiveMediaConfig } from "../utils/fileUtils";
+export interface QuestionMapperProps {
+    question: SurveyQuestion;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    error?: string;
+    touched?: boolean;
+    disabled?: boolean;
+    mediaConfig?: EffectiveMediaConfig | null;
+    className?: string;
+}
+export default function QuestionMapper({ question, value, onChange, error, touched, disabled, mediaConfig, className, }: QuestionMapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/QuestionOverviewPanel.d.ts

@@ -0,0 +1,12 @@
+import type { SurveyQuestion } from "../types/survey.types";
+export interface QuestionOverviewPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    questions: SurveyQuestion[];
+    visibleQuestionIds: string[];
+    responses: Record<string, unknown>;
+    currentQuestionIndex: number;
+    onGoToQuestion: (index: number) => void;
+    readOnly?: boolean;
+}
+export declare function QuestionOverviewPanel({ isOpen, onClose, questions, visibleQuestionIds, responses, currentQuestionIndex, onGoToQuestion, readOnly, }: QuestionOverviewPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/QuestionRenderer.d.ts

@@ -0,0 +1,16 @@
+import type { SurveyQuestion } from "../types/survey.types";
+import type { EffectiveMediaConfig } from "../utils/fileUtils";
+export interface QuestionRendererProps {
+    question: SurveyQuestion;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    disabled?: boolean;
+    error?: string;
+    validationErrors?: Array<{
+        questionId: string;
+        message: string;
+    }>;
+    mediaConfig?: EffectiveMediaConfig | null;
+    className?: string;
+}
+export declare function QuestionRenderer({ question, value, onChange, disabled, error, validationErrors, mediaConfig, className, }: QuestionRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SubmissionLoadingOverlay.d.ts

@@ -0,0 +1,4 @@
+export interface SubmissionLoadingOverlayProps {
+    show: boolean;
+}
+export declare function SubmissionLoadingOverlay({ show }: SubmissionLoadingOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SurveyContainer.d.ts

@@ -0,0 +1,11 @@
+import type { SurveyConfig, SurveySubmitPayload } from "../types/survey.types";
+export interface SurveyContainerProps {
+    data: SurveyConfig;
+    onSubmit: (payload: SurveySubmitPayload) => void;
+    onSave?: (payload: SurveySubmitPayload) => void;
+    onExit?: () => void;
+    isSubmitting?: boolean;
+    className?: string;
+    showHeader?: boolean;
+}
+export declare function SurveyContainer({ data, onSubmit, onSave, onExit, isSubmitting, className, showHeader, }: SurveyContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SurveyRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { SurveyConfig, SurveySubmitPayload } from "../types/survey.types";
+export interface SurveyRendererProps {
+    data: SurveyConfig;
+    onSubmit: (payload: SurveySubmitPayload) => void;
+    onSave?: (payload: SurveySubmitPayload) => void;
+    onExit?: () => void;
+    isSubmitting?: boolean;
+    className?: string;
+    showHeader?: boolean;
+}
+/**
+ * Main entry: renders a survey from JSON config.
+ * Handles conditional questions, validation, and returns responses in required format.
+ */
+export declare function SurveyRenderer({ data, onSubmit, onSave, onExit, isSubmitting, className, showHeader, }: SurveyRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ValidationDialog.d.ts

@@ -0,0 +1,9 @@
+import type { ValidationErrorItem } from "../utils/validation";
+export interface ValidationDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    missingQuestionIds: string[];
+    errors?: ValidationErrorItem[];
+    onOk: () => void;
+}
+export declare function ValidationDialog({ open, onOpenChange, missingQuestionIds, errors, onOk, }: ValidationDialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface DatePickerProps {
+    selectedDate?: Date;
+    onDateSelect: (date: Date | undefined) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+}
+export default function DatePicker({ selectedDate, onDateSelect, placeholder, className, disabled, minDate, maxDate, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+export interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    required?: boolean;
+    className?: string;
+    dropdownClassName?: string;
+}
+export default function Dropdown({ options, value, onChange, placeholder, disabled, error, required, className, }: DropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/ImageResponse.d.ts

@@ -0,0 +1,12 @@
+import type { SurveyQuestion, FileObject } from "../../types/survey.types";
+import type { EffectiveMediaConfig } from "../../utils/fileUtils";
+export interface ImageResponseProps {
+    question: SurveyQuestion;
+    value: FileObject | null;
+    onChange: (value: FileObject | null) => void;
+    error?: string;
+    disabled?: boolean;
+    mediaConfig?: EffectiveMediaConfig | null;
+    className?: string;
+}
+export declare function ImageResponse({ question: _question, value, onChange, error, disabled, mediaConfig, className, }: ImageResponseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+export interface MCQOption {
+    id: string;
+    text: string;
+}
+export interface MCQSelectProps {
+    options: MCQOption[];
+    selectionMode: "single" | "multiple";
+    selectedOptions?: string | string[];
+    onOptionSelect: (optionId: string | string[]) => void;
+    className?: string;
+    disabled?: boolean;
+}
+export default function MCQSelect({ options, selectionMode, selectedOptions, onOptionSelect, className, disabled, }: MCQSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/MediaUpload.d.ts

@@ -0,0 +1,12 @@
+import type { FileObject } from "../../types/survey.types";
+import type { EffectiveMediaConfig } from "../../utils/fileUtils";
+export type MediaType = "image" | "video" | "audio";
+export interface MediaUploadProps {
+    mediaType: MediaType;
+    value: FileObject | null;
+    onChange: (value: FileObject | null) => void;
+    className?: string;
+    disabled?: boolean;
+    mediaConfig?: EffectiveMediaConfig | null;
+}
+export default function MediaUpload({ mediaType, value, onChange, className, disabled, mediaConfig, }: MediaUploadProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+export interface TabularInputOption {
+    id: string;
+    text: string;
+}
+export interface TabularInputRow {
+    id: string;
+    label: string;
+}
+export interface TabularInputColumn {
+    id: string;
+    title: string;
+    width?: string;
+}
+export interface TabularInputValue {
+    rowId: string;
+    value: string | boolean;
+}
+export interface TabularInputConfig {
+    type: "dropdown" | "text" | "number" | "checkbox";
+    options?: TabularInputOption[];
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    required?: boolean;
+    maxLength?: number;
+    inputType?: string;
+    checkboxLabel?: string;
+}
+export interface TabularInputProps {
+    columns: TabularInputColumn[];
+    rows: TabularInputRow[];
+    inputConfig: TabularInputConfig;
+    values: TabularInputValue[];
+    onValueChange: (rowId: string, value: string | boolean) => void;
+    className?: string;
+}
+export default function TabularInput({ columns, rows, inputConfig, values, onValueChange, className, }: TabularInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export interface TextResponseProps {
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    characterLimit?: number;
+}
+export default function TextResponse({ value, onChange, placeholder, className, disabled, minRows, maxRows, characterLimit, }: TextResponseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/VideoResponse.d.ts

@@ -0,0 +1,12 @@
+import type { SurveyQuestion, FileObject } from "../../types/survey.types";
+import type { EffectiveMediaConfig } from "../../utils/fileUtils";
+export interface VideoResponseProps {
+    question: SurveyQuestion;
+    value: FileObject | null;
+    onChange: (value: FileObject | null) => void;
+    error?: string;
+    disabled?: boolean;
+    mediaConfig?: EffectiveMediaConfig | null;
+    className?: string;
+}
+export declare function VideoResponse({ question: _question, value, onChange, error, disabled, mediaConfig, className, }: VideoResponseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/VoiceResponse.d.ts

@@ -0,0 +1,12 @@
+import type { SurveyQuestion, FileObject } from "../../types/survey.types";
+import type { EffectiveMediaConfig } from "../../utils/fileUtils";
+export interface VoiceResponseProps {
+    question: SurveyQuestion;
+    value: FileObject | null;
+    onChange: (value: FileObject | null) => void;
+    error?: string;
+    disabled?: boolean;
+    mediaConfig?: EffectiveMediaConfig | null;
+    className?: string;
+}
+export declare function VoiceResponse({ question: _question, value, onChange, error, disabled, mediaConfig, className, }: VoiceResponseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+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;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription };

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/ui/button-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -0,0 +1,13 @@
+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> {
+    asChild?: boolean;
+    bgColor?: string;
+    textColor?: string;
+    text?: string;
+    prefixIcon?: React.ReactNode;
+    suffixIcon?: React.ReactNode;
+}
+declare function Button({ className, variant, size, asChild, bgColor, textColor, text, prefixIcon, suffixIcon, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button };

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+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;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+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<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

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

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    className?: string;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+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;
+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 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;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Progress };

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

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

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