choice-poll

1"use client"
2 
3import {
4  createContext,
5  useCallback,
6  useContext,
7  useEffect,
8  useMemo,
9  useRef,
10  useState,
11  type ComponentProps,
12  type KeyboardEvent,
13  type MouseEvent,
14} from "react"
15import { useControllableState } from "@radix-ui/react-use-controllable-state"
16import { cva } from "class-variance-authority"
17import { Check } from "lucide-react"
18 
19import { cn } from "@/lib/utils"
20 
21/* -----------------------------------------------------------------------------
22 * Types
23 * -------------------------------------------------------------------------- */
24 
25export interface ChoicePollRootProps
26  extends Omit<ComponentProps<"div">, "defaultValue"> {
27  /** Currently selected option(s) - controlled */
28  value?: string | string[]
29  /** Default selected option(s) - uncontrolled */
30  defaultValue?: string | string[]
31  /** Callback when selection changes */
32  onValueChange?: (value: string | string[]) => void
33  /** Whether multiple selections are allowed */
34  multiple?: boolean
35  /** Whether the poll is disabled */
36  disabled?: boolean
37  /** Whether poll results should be visible after voting */
38  showResults?: boolean
39  /** Vote counts per option (for showing results) */
40  votes?: Record<string, number>
41  /** Whether user has submitted their vote */
42  hasVoted?: boolean
43}
44 
45export interface ChoicePollOptionProps extends ComponentProps<"button"> {
46  /** Unique identifier for this option */
47  value: string
48  /** Whether this specific option is disabled */
49  disabled?: boolean
50}
51 
52export type ChoicePollHeaderProps = ComponentProps<"div">
53 
54export type ChoicePollTitleProps = ComponentProps<"h3">
55 
56export type ChoicePollDescriptionProps = ComponentProps<"p">
57 
58export type ChoicePollOptionsProps = ComponentProps<"div">
59 
60export type ChoicePollLabelProps = ComponentProps<"span">
61 
62export type ChoicePollIndicatorProps = ComponentProps<"span">
63 
64export type ChoicePollProgressProps = ComponentProps<"div">
65 
66export type ChoicePollPercentageProps = ComponentProps<"span">
67 
68export interface ChoicePollFooterProps extends ComponentProps<"div"> {
69  /** Total number of votes */
70  totalVotes?: number
71}
72 
73/* -----------------------------------------------------------------------------
74 * Context
75 * -------------------------------------------------------------------------- */
76 
77interface ChoicePollContextValue {
78  selected: string[]
79  multiple: boolean
80  disabled: boolean
81  showResults: boolean
82  votes: Record<string, number>
83  totalVotes: number
84  hasVoted: boolean
85// … truncated