@campminder/ds 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,771 @@
+import * as React$1 from 'react';
+import { ReactNode } from 'react';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { z } from 'zod';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { Command as Command$1 } from 'cmdk';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { Menu } from '@base-ui/react/menu';
+import RPNInput, { Country } from 'react-phone-number-input';
+export { getCountries, isValidPhoneNumber } from 'react-phone-number-input';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import { ToasterProps } from 'sonner';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
+import { ClassValue } from 'clsx';
+
+declare function Accordion({ className, ...props }: Accordion$1.Root.Props): React$1.JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): React$1.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): React$1.JSX.Element;
+declare function AccordionPanel({ className, children, ...props }: Accordion$1.Panel.Props): React$1.JSX.Element;
+
+interface AddonItem {
+    id: string;
+    name: string;
+    description?: string;
+    price: number;
+    /** Groups add-ons under a shared subheader. If unset, all add-ons render as a flat list. */
+    group?: string;
+}
+declare function AddonCard({ addon, selected, onToggle, }: {
+    addon: AddonItem;
+    selected: boolean;
+    onToggle: () => void;
+}): React$1.JSX.Element;
+interface InlineAddonPickerProps {
+    addons: AddonItem[];
+    selectedAddonIds: string[];
+    onToggleAddon: (addon: AddonItem) => void;
+    className?: string;
+}
+declare function InlineAddonPicker({ addons, selectedAddonIds, onToggleAddon, className, }: InlineAddonPickerProps): React$1.JSX.Element;
+
+declare function Avatar({ className, size, ...props }: Avatar$1.Root.Props & {
+    size?: "default" | "sm" | "lg";
+}): React$1.JSX.Element;
+declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): React$1.JSX.Element;
+declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): React$1.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "success" | "verified" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, render, children, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+
+declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<"nav">): React$1.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): React$1.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonProps = Button$1.Props & VariantProps<typeof buttonVariants> & {
+    /** When true, renders a spinner and disables the button. */
+    loading?: boolean;
+};
+declare function Button({ className, variant, size, loading, disabled, children, ...props }: ButtonProps): React$1.JSX.Element;
+
+interface CamperProfile$1 {
+    id: string;
+    firstName: string;
+    lastName: string;
+    photoUrl?: string;
+    dateOfBirth?: string;
+    grade?: string;
+    gender?: string;
+    pronouns?: string;
+    tshirtSize?: string;
+}
+declare const TSHIRT_SIZES: string[];
+declare function makeCamperFormSchema(isAgeBased: boolean, slim?: boolean, requireGender?: boolean): z.ZodObject<{
+    firstName: z.ZodString;
+    lastName: z.ZodString;
+    dateOfBirth: z.ZodString | z.ZodOptional<z.ZodString>;
+    grade: z.ZodString | z.ZodOptional<z.ZodString>;
+    gender: z.ZodString | z.ZodOptional<z.ZodString>;
+    pronouns: z.ZodOptional<z.ZodString>;
+    tshirtSize: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+type CamperFormData = {
+    firstName: string;
+    lastName: string;
+    dateOfBirth?: string;
+    grade?: string;
+    gender?: string;
+    pronouns?: string;
+    tshirtSize?: string;
+};
+interface CamperFormConfig {
+    /** 'age' shows DOB only; 'grade' shows DOB + grade dropdown. Defaults to 'grade'. */
+    ageGradeType?: "grade" | "age";
+    /** Show the gender field. Defaults to true. */
+    showGender?: boolean;
+    /** Show the t-shirt size field. Defaults to true. */
+    showTshirt?: boolean;
+    /** Show the pronouns field. Defaults to false. */
+    showPronouns?: boolean;
+    /** Label for the grade field. Defaults to "Grade". Pass e.g. "Grade entering in 2027" for camp-specific framing. */
+    gradeFieldLabel?: string;
+}
+interface CamperFormProps {
+    config?: CamperFormConfig;
+    editing: CamperProfile$1 | null;
+    onSave: (data: CamperFormData) => void;
+    onCancel: () => void;
+    showCancel: boolean;
+    slim?: boolean;
+    dottedSubmit?: boolean;
+    bare?: boolean;
+    formId?: string;
+    hideSubmit?: boolean;
+    hideTitle?: boolean;
+    onValidChange?: (valid: boolean) => void;
+    /** Title shown above the form when adding a new camper. Defaults to "Add camper". */
+    addTitle?: string;
+    /** Title shown above the form when editing an existing camper. Receives the camper's first name. Defaults to `Edit {firstName}`. */
+    editTitle?: (firstName: string) => string;
+}
+declare function CamperForm({ config, editing, onSave, onCancel, showCancel, slim, dottedSubmit, bare, formId, hideSubmit, hideTitle, onValidChange, addTitle, editTitle, }: CamperFormProps): React$1.JSX.Element;
+
+declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): React$1.JSX.Element;
+declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React$1.JSX.Element;
+
+declare function Dialog({ ...props }: Dialog$1.Root.Props): React$1.JSX.Element;
+declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React$1.JSX.Element;
+declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React$1.JSX.Element;
+declare function DialogClose({ ...props }: Dialog$1.Close.Props): React$1.JSX.Element;
+declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React$1.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
+    showCloseButton?: boolean;
+}): React$1.JSX.Element;
+declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React$1.JSX.Element;
+declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React$1.JSX.Element;
+declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React$1.JSX.Element;
+
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React$1.ComponentProps<typeof Dialog>, "children"> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): React$1.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
+declare function CommandItem({ className, children, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+
+declare function DropdownMenu(props: Menu.Root.Props): React$1.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React$1.JSX.Element;
+declare function DropdownMenuGroup(props: Menu.Group.Props): React$1.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, align, ...props }: Menu.Popup.Props & {
+    sideOffset?: Menu.Positioner.Props["sideOffset"];
+    align?: Menu.Positioner.Props["align"];
+}): React$1.JSX.Element;
+declare function DropdownMenuItem({ className, ...props }: Menu.Item.Props): React$1.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, ...props }: Menu.CheckboxItem.Props): React$1.JSX.Element;
+declare function DropdownMenuRadioGroup(props: Menu.RadioGroup.Props): React$1.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: Menu.RadioItem.Props): React$1.JSX.Element;
+declare function DropdownMenuGroupLabel({ className, ...props }: Menu.GroupLabel.Props): React$1.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React$1.JSX.Element;
+declare function DropdownMenuSubmenu(props: Menu.SubmenuRoot.Props): React$1.JSX.Element;
+declare function DropdownMenuSubmenuTrigger({ className, children, ...props }: Menu.SubmenuTrigger.Props): React$1.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
+
+declare function Label({ className, ...props }: React$1.ComponentProps<"label">): React$1.JSX.Element;
+
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React$1.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): React$1.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React$1.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React$1.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): React$1.JSX.Element | null;
+
+declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
+
+declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+}): React$1.JSX.Element;
+declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
+
+interface PackageTier {
+    id: string;
+    name: string;
+    weeks: number;
+    price: number;
+    dates: string;
+    startDate: string;
+    endDate: string;
+    popular?: boolean;
+}
+interface CampWeek {
+    id: string;
+    name: string;
+    dates: string;
+    startDate: string;
+    endDate: string;
+}
+interface SessionAddon {
+    id: string;
+    name: string;
+    description?: string;
+    price: number;
+}
+interface PackageSessionSelection {
+    id: string;
+    name: string;
+    dates: string;
+    startDate: string;
+    endDate: string;
+    price: number;
+    selectedWeekIds?: string[];
+}
+interface PackagePickerProps {
+    packages: PackageTier[];
+    campWeeks?: CampWeek[];
+    deposit?: number;
+    selectedSession: {
+        id: string;
+        selectedWeekIds?: string[];
+    } | null;
+    onSelectSession: (session: PackageSessionSelection) => void;
+    onClearSession: () => void;
+    sessionAddons?: SessionAddon[];
+    selectedAddonIds: string[];
+    onToggleAddon: (addon: SessionAddon) => void;
+}
+declare function PackagePicker({ packages, campWeeks, deposit, selectedSession, onSelectSession, onClearSession, sessionAddons, selectedAddonIds, onToggleAddon, }: PackagePickerProps): React$1.JSX.Element;
+
+type Person$1 = CamperProfile$1;
+
+declare function parseDOB(dob: string): Date | null;
+declare function formatDOB(dob: string): string;
+declare function calcAge(dob: string): number | null;
+type RenderCamperFormFn = (props: {
+    editing: CamperProfile$1 | null;
+    onSave: (data: CamperFormData) => void;
+    onCancel: () => void;
+    formMode: "add" | "edit";
+}) => ReactNode;
+interface PersonListProps {
+    people: CamperProfile$1[];
+    /** Consumer generates the person id (e.g. crypto.randomUUID() or a server id). */
+    onAddPerson: (person: CamperProfile$1) => void;
+    onUpdatePerson: (person: CamperProfile$1) => void;
+    onRemovePerson: (id: string) => void;
+    config?: CamperFormConfig;
+    onNext: () => void;
+    nextLabel?: string;
+    /** Title shown above the inline add form. Defaults to "Add person". */
+    addTitle?: string;
+    /** Title shown above the inline edit form. Defaults to (n) => `Edit ${n}`. */
+    editTitle?: (firstName: string) => string;
+    /** Optional override for the form. When provided, replaces the default CamperForm composition. */
+    renderCamperForm?: RenderCamperFormFn;
+}
+declare function PersonList({ people, onAddPerson, onUpdatePerson, onRemovePerson, config, onNext, nextLabel, addTitle, editTitle, renderCamperForm, }: PersonListProps): React$1.JSX.Element;
+interface PersonSelectProps {
+    people: CamperProfile$1[];
+    initialSelectedIds?: string[];
+    onUpdatePerson: (person: CamperProfile$1) => void;
+    /** Called with the final selectedIds when the user clicks Next. */
+    onConfirm: (selectedIds: string[]) => void;
+    config?: CamperFormConfig;
+    nextLabel?: string;
+    addTitle?: string;
+    editTitle?: (firstName: string) => string;
+    renderCamperForm?: RenderCamperFormFn;
+}
+declare function PersonSelect({ people: allPeople, initialSelectedIds, onUpdatePerson, onConfirm, config, nextLabel, addTitle, editTitle, renderCamperForm, }: PersonSelectProps): React$1.JSX.Element;
+
+interface Person {
+    id: string;
+    firstName: string;
+    lastName: string;
+    photoUrl?: string;
+    dateOfBirth?: string;
+    grade?: string | number;
+}
+interface PersonTabsProps {
+    people: Person[];
+    activeIdx: number;
+    onChange: (idx: number) => void;
+    /** Optional badge rendered to the right of the person name (e.g. session count, "skip"). */
+    renderBadge?: (person: Person, idx: number) => React.ReactNode;
+}
+declare function PersonTabs({ people, activeIdx, onChange, renderBadge, }: PersonTabsProps): React$1.JSX.Element | null;
+
+type PhoneInputProps = Omit<React$1.ComponentProps<typeof RPNInput>, "onChange" | "value" | "defaultCountry"> & {
+    value: string;
+    onChange: (value: string) => void;
+    defaultCountry?: Country;
+    /**
+     * Country picker variant. "popover" (default) shows a searchable list in a
+     * popover — good for desktop. "native" uses a native <select> — required on
+     * iOS where the popover + autofocused search field cause keyboard chaos.
+     * If you don't know which to use, pick "native" for mobile-first consumers.
+     */
+    variant?: "popover" | "native";
+    className?: string;
+    "aria-invalid"?: boolean;
+};
+declare function PhoneInput({ className, onChange, value, defaultCountry, variant, ...props }: PhoneInputProps): React$1.JSX.Element;
+
+interface PhotoUploadProps {
+    value?: string;
+    onChange: (dataUrl: string | undefined) => void;
+    className?: string;
+    variant?: "rect" | "avatar";
+    label?: string;
+}
+declare function PhotoUpload({ value, onChange, className, variant, label, }: PhotoUploadProps): React$1.JSX.Element;
+
+declare function Popover({ ...props }: Popover$1.Root.Props): React$1.JSX.Element;
+declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React$1.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React$1.JSX.Element;
+declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React$1.JSX.Element;
+
+declare function Progress({ className, value, ...props }: Progress$1.Root.Props): React$1.JSX.Element;
+
+declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): React$1.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): React$1.JSX.Element;
+
+declare const Select: typeof Select$1.Root;
+declare function SelectGroup({ className, ...props }: Select$1.Group.Props): React$1.JSX.Element;
+declare function SelectValue({ className, ...props }: Select$1.Value.Props): React$1.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
+    size?: "sm" | "default";
+}): React$1.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React$1.JSX.Element;
+declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React$1.JSX.Element;
+declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): React$1.JSX.Element;
+declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React$1.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): React$1.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): React$1.JSX.Element;
+
+declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
+
+interface MockSession$1 {
+    id: string;
+    name: string;
+    description?: string;
+    dates: string;
+    startDate: string;
+    endDate: string;
+    gradeMin?: number;
+    gradeMax?: number;
+    gender?: "male" | "female" | "coed";
+    duration: string;
+    price: number;
+    capacity: "available" | "waitlist" | "full";
+    spotsLeft?: number;
+    group?: string;
+    mandatoryFees?: {
+        id: string;
+        name: string;
+        amount: number;
+    }[];
+    earlyBirdAmount?: number;
+    deposit?: number;
+    sessionPrograms?: SessionProgram$1[];
+    programSelectionMode?: "single" | "multi";
+    programsLabel?: string;
+    freeEvent?: boolean;
+}
+interface SessionProgram$1 {
+    id: string;
+    name: string;
+    dates?: string;
+    price?: number;
+    deposit?: number;
+    gradeMin?: number | null;
+    gradeMax?: number | null;
+}
+interface SessionCardProfile {
+    earlyBirdDiscount?: {
+        amount: number;
+        expiresDate: string;
+    };
+    registrationFee?: number;
+    requiresApproval?: boolean;
+    saveASpotMode?: boolean;
+}
+interface SessionPickerProfile extends SessionCardProfile {
+    brand?: {
+        secondaryColor?: string;
+    };
+}
+declare function mandatoryTotal(session: {
+    mandatoryFees?: {
+        name: string;
+        amount: number;
+    }[];
+}): number;
+declare function effectivePrice(session: {
+    price: number;
+    earlyBirdAmount?: number;
+    mandatoryFees?: {
+        name: string;
+        amount: number;
+    }[];
+}, profile: {
+    earlyBirdDiscount?: {
+        amount: number;
+        expiresDate: string;
+    };
+} | null | undefined): number;
+declare function fakeSpotsLeft(session: MockSession$1): number | null;
+declare function ExpandDesc({ text, selected, }: {
+    text: string;
+    selected: boolean;
+}): React$1.JSX.Element;
+declare function SessionCard({ session, isSelected, onToggle, profile, ineligibleReason, addonsSlot, }: {
+    session: MockSession$1;
+    isSelected: boolean;
+    onToggle: () => void;
+    profile?: SessionCardProfile | null;
+    ineligibleReason?: string | null;
+    addonsSlot?: ReactNode;
+}): React$1.JSX.Element;
+declare function InlineSessionPicker({ sessions, selectedIds, onToggle, profile, getIneligibilityReason, renderSessionAddons, }: {
+    sessions: MockSession$1[];
+    selectedIds: string[];
+    onToggle: (s: MockSession$1) => void;
+    profile?: SessionPickerProfile | null;
+    getIneligibilityReason?: (s: MockSession$1) => string | null;
+    renderSessionAddons?: (session: MockSession$1) => ReactNode;
+}): React$1.JSX.Element;
+
+interface MockSession {
+    id: string;
+    name: string;
+    startDate: string;
+    endDate: string;
+    dates: string;
+    gender?: "male" | "female" | "coed";
+    gradeMin?: number;
+    gradeMax?: number;
+    price: number;
+    capacity: "available" | "waitlist" | "full";
+    spotsLeft?: number;
+    mandatoryFees?: {
+        id: string;
+        name: string;
+        amount: number;
+    }[];
+    earlyBirdAmount?: number;
+    deposit?: number;
+    sessionPrograms?: SessionProgram[];
+    programSelectionMode?: "single" | "multi";
+}
+interface SessionProgram {
+    id: string;
+    name: string;
+    dates?: string;
+    price?: number;
+    deposit?: number;
+    gradeMin?: number | null;
+    gradeMax?: number | null;
+}
+interface CamperProfile {
+    id: string;
+    firstName: string;
+    lastName: string;
+    dateOfBirth?: string;
+    grade?: string;
+    gender?: string;
+}
+interface EligibilityOptions {
+    /** "grade" (default) or "age". Controls whether the eligibility check uses grade or age-from-DOB. */
+    ageGradeType?: "grade" | "age";
+}
+interface PricingOptions {
+    /** Camp's early-bird discount. Applied to base price + mandatory fees when active. */
+    earlyBirdDiscount?: {
+        amount: number;
+        expiresDate: string;
+    };
+    /** Save-a-spot mode forces effective price to 0. */
+    saveASpotMode?: boolean;
+}
+interface DepositOptions {
+    /** Fallback when neither the session nor any selected program defines a deposit. */
+    defaultDeposit?: number;
+}
+/**
+ * Reason this camper can't take this session, or null if eligible.
+ * Returns user-facing short strings: "Boys only", "Grades 3–7", "Ages 8–12".
+ */
+declare function eligibilityReason(camper: CamperProfile, session: MockSession, options?: EligibilityOptions): string | null;
+/**
+ * Effective price for this session given selected programs and pricing options.
+ * Save-a-spot mode forces 0. Programs with their own prices override the base
+ * session price when at least one priced program is selected.
+ */
+declare function computeSessionPrice(session: MockSession, selectedProgramIds: string[], options?: PricingOptions): number;
+/**
+ * Deposit amount due for this session and selected programs.
+ *
+ * Priority: session.deposit → sum of selected program deposits → options.defaultDeposit → undefined.
+ */
+declare function computeSessionDeposit(session: MockSession, selectedProgramIds: string[], options?: DepositOptions): number | undefined;
+
+declare function Sheet({ ...props }: Dialog$1.Root.Props): React$1.JSX.Element;
+declare function SheetTrigger({ ...props }: Dialog$1.Trigger.Props): React$1.JSX.Element;
+declare function SheetClose({ ...props }: Dialog$1.Close.Props): React$1.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog$1.Popup.Props & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): React$1.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SheetTitle({ className, ...props }: Dialog$1.Title.Props): React$1.JSX.Element;
+declare function SheetDescription({ className, ...props }: Dialog$1.Description.Props): React$1.JSX.Element;
+
+declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React$1.JSX.Element;
+declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React$1.JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React$1.JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React$1.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React$1.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React$1.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
+declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): React$1.JSX.Element;
+declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
+declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): React$1.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
+declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React$1.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
+declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
+    showOnHover?: boolean;
+}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): React$1.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React$1.ComponentProps<"a"> & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+/**
+ * Toast notifications, built on sonner and themed to the Campminder semantic
+ * tokens.
+ *
+ * Mount a single <Toaster /> near the app root, then fire toasts imperatively
+ * with `toast(...)` from `sonner`:
+ *
+ *   toast.success("Pipeline archived.", {
+ *     action: { label: "Undo", onClick: () => restore() },
+ *   })
+ *
+ * The success / error / info / warning / loading icons are pinned to the
+ * lucide set. Colors are driven by `--color-popover`,
+ * `--color-popover-foreground`, and `--color-border`, so the toast follows the
+ * active persona and dark-mode overlays automatically — there is no per-surface
+ * theming, and no next-themes dependency; the token vars do the work.
+ */
+declare function Toaster({ ...props }: ToasterProps): React$1.JSX.Element;
+
+/**
+ * StatusPill — lifecycle indicator for activities (pipelines, rosters, sessions,
+ * …). One defined status set everywhere: Active · Draft · Paused · Archived.
+ *
+ * Colors are driven by the Campminder semantic status tokens — `active` reads as
+ * success, `paused` as warning, `draft`/`archived` as neutral — so it follows
+ * persona + dark-mode overlays automatically. Presentational and self-contained:
+ * the consumer maps its own domain state onto an ActivityStatus.
+ */
+type ActivityStatus = "active" | "draft" | "paused" | "archived";
+declare const statusPillVariants: (props?: ({
+    status?: "active" | "paused" | "draft" | "archived" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const STATUS_LABEL: Record<ActivityStatus, string>;
+declare function StatusPill({ className, status, showDot, children, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof statusPillVariants> & {
+    /** Leading status dot. On by default; off for dense rows if needed. */
+    showDot?: boolean;
+}): React$1.JSX.Element;
+
+declare function StepBadge({ num, done, active, locked, }: {
+    num: number;
+    done: boolean;
+    active: boolean;
+    locked?: boolean;
+}): React$1.JSX.Element;
+declare function StepCard({ num, title, subtitle, summary, done, active, locked, onEdit, children, }: {
+    num: number;
+    title: string;
+    subtitle?: string;
+    /** Short summary shown when the step is collapsed/locked. */
+    summary?: string;
+    done: boolean;
+    active: boolean;
+    locked: boolean;
+    /** Called when the user clicks "Change" on a completed step. */
+    onEdit?: () => void;
+    children?: ReactNode;
+}): React$1.JSX.Element;
+interface UpcomingStep {
+    num: number;
+    title: string;
+}
+declare function NextStepPeek({ upcomingSteps, }: {
+    upcomingSteps: UpcomingStep[];
+}): React$1.JSX.Element | null;
+
+type NoticeStep = "campers" | "sessions" | "addons" | "household" | "questions" | "health" | "checkout" | "confirmation" | "all";
+interface CampNotice {
+    id: string;
+    message: string;
+    type?: "info" | "warning";
+    step?: NoticeStep;
+}
+interface StepNoticesProps {
+    step: NoticeStep;
+    notices: CampNotice[];
+    className?: string;
+}
+declare function StepNotices({ step, notices, className }: StepNoticesProps): React$1.JSX.Element | null;
+
+declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
+    size?: "sm" | "default";
+}): React$1.JSX.Element;
+
+declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): React$1.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): React$1.JSX.Element;
+
+declare function Tabs({ className, orientation, ...props }: Tabs$1.Root.Props): React$1.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): React$1.JSX.Element;
+declare function TabsTrigger({ className, ...props }: Tabs$1.Tab.Props): React$1.JSX.Element;
+declare function TabsContent({ className, ...props }: Tabs$1.Panel.Props): React$1.JSX.Element;
+
+declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
+
+type Locale = {
+    country: string;
+    dateFormat: string;
+    dateSeparator: string;
+    dateOrder: [
+        "month" | "day" | "year",
+        "month" | "day" | "year",
+        "month" | "day" | "year"
+    ];
+};
+declare function parseCountry(tag: string): string;
+declare function detectDateFormat(tag: string): Pick<Locale, "dateFormat" | "dateSeparator" | "dateOrder">;
+declare function useLocale(): Locale;
+declare const __internal: {
+    parseCountry: typeof parseCountry;
+    detectDateFormat: typeof detectDateFormat;
+};
+
+declare function useIsMobile(): boolean;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, type ActivityStatus, AddonCard, type AddonItem, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, type CampNotice, type CampWeek, CamperForm, type CamperFormConfig, type CamperFormData, type CamperProfile$1 as CamperProfile, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type DepositOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, type EligibilityOptions, ExpandDesc, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, InlineAddonPicker, InlineSessionPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type Locale, type MockSession$1 as MockSession, NextStepPeek, type NoticeStep, PackagePicker, type PackageSessionSelection, type PackageTier, type Person$1 as Person, PersonList, PersonSelect, PersonTabs, PhoneInput, PhotoUpload, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type PricingOptions, Progress, type RenderCamperFormFn, STATUS_LABEL, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SessionAddon, SessionCard, type SessionCardProfile, type SessionPickerProfile, type SessionProgram$1 as SessionProgram, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StatusPill, StepBadge, StepCard, StepNotices, Switch, TSHIRT_SIZES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UpcomingStep, __internal, badgeVariants, buttonVariants, calcAge, cn, computeSessionDeposit, computeSessionPrice, effectivePrice, eligibilityReason, fakeSpotsLeft, formatDOB, makeCamperFormSchema, mandatoryTotal, parseDOB, statusPillVariants, tabsListVariants, useIsMobile, useLocale, useSidebar };