qstd 0.1.0 → 0.1.2

package/dist/react/index.d.ts

@@ -9,505 +9,9 @@ import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 import { TargetAndTransition } from 'motion-dom';
 import { Placement as Placement$1 } from '@floating-ui/react';
 import { IconType } from 'react-icons/lib';
-import * as panda_jsx from 'panda/jsx';
-import { HTMLStyledProps } from 'panda/jsx';
-import * as react_loader_spinner from 'react-loader-spinner';
-import { BeatLoader } from 'react-spinners';
-import * as Panda from '@pandacss/dev';
-
-declare const base: panda_jsx.StyledComponent<"div", {}>;
-declare const tags: {
-    readonly div: panda_jsx.StyledComponent<"div", {}>;
-    readonly a: panda_jsx.StyledComponent<"a", {}>;
-    readonly br: panda_jsx.StyledComponent<"br", {}>;
-    readonly button: panda_jsx.StyledComponent<"button", {}>;
-    readonly canvas: panda_jsx.StyledComponent<"canvas", {}>;
-    readonly form: panda_jsx.StyledComponent<"form", {}>;
-    readonly h1: panda_jsx.StyledComponent<"h1", {}>;
-    readonly h2: panda_jsx.StyledComponent<"h2", {}>;
-    readonly h3: panda_jsx.StyledComponent<"h3", {}>;
-    readonly hr: panda_jsx.StyledComponent<"hr", {}>;
-    readonly nav: panda_jsx.StyledComponent<"nav", {}>;
-    readonly main: panda_jsx.StyledComponent<"main", {}>;
-    readonly aside: panda_jsx.StyledComponent<"aside", {}>;
-    readonly article: panda_jsx.StyledComponent<"article", {}>;
-    readonly section: panda_jsx.StyledComponent<"section", {}>;
-    readonly details: panda_jsx.StyledComponent<"details", {}>;
-    readonly header: panda_jsx.StyledComponent<"header", {}>;
-    readonly footer: panda_jsx.StyledComponent<"footer", {}>;
-    readonly strong: panda_jsx.StyledComponent<"strong", {}>;
-    readonly em: panda_jsx.StyledComponent<"em", {}>;
-    readonly img: panda_jsx.StyledComponent<"img", {}>;
-    readonly del: panda_jsx.StyledComponent<"del", {}>;
-    readonly ins: panda_jsx.StyledComponent<"ins", {}>;
-    readonly kbd: panda_jsx.StyledComponent<"kbd", {}>;
-    readonly code: panda_jsx.StyledComponent<"code", {}>;
-    readonly mark: panda_jsx.StyledComponent<"mark", {}>;
-    readonly samp: panda_jsx.StyledComponent<"samp", {}>;
-    readonly small: panda_jsx.StyledComponent<"small", {}>;
-    readonly sub: panda_jsx.StyledComponent<"sub", {}>;
-    readonly sup: panda_jsx.StyledComponent<"sup", {}>;
-    readonly u: panda_jsx.StyledComponent<"u", {}>;
-    readonly var: panda_jsx.StyledComponent<"var", {}>;
-    readonly input: panda_jsx.StyledComponent<"input", {}>;
-    readonly label: panda_jsx.StyledComponent<"label", {}>;
-    readonly legend: panda_jsx.StyledComponent<"legend", {}>;
-    readonly p: panda_jsx.StyledComponent<"p", {}>;
-    readonly select: panda_jsx.StyledComponent<"select", {}>;
-    readonly span: panda_jsx.StyledComponent<"span", {}>;
-    readonly svg: panda_jsx.StyledComponent<"svg", {}>;
-    readonly textarea: panda_jsx.StyledComponent<"textarea", {}>;
-    readonly table: panda_jsx.StyledComponent<"table", {}>;
-    readonly tr: panda_jsx.StyledComponent<"tr", {}>;
-    readonly th: panda_jsx.StyledComponent<"th", {}>;
-    readonly td: panda_jsx.StyledComponent<"td", {}>;
-    readonly tbody: panda_jsx.StyledComponent<"tbody", {}>;
-    readonly thead: panda_jsx.StyledComponent<"thead", {}>;
-    readonly tfoot: panda_jsx.StyledComponent<"tfoot", {}>;
-    readonly progress: panda_jsx.StyledComponent<"progress", {}>;
-    readonly ol: panda_jsx.StyledComponent<"ol", {}>;
-    readonly ul: panda_jsx.StyledComponent<"ul", {}>;
-    readonly li: panda_jsx.StyledComponent<"li", {}>;
-    readonly blockquote: panda_jsx.StyledComponent<"blockquote", {}>;
-    readonly pre: panda_jsx.StyledComponent<"pre", {}>;
-};
-declare const motionTags: {
-    readonly div: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLDivElement, framer_motion.HTMLMotionProps<"div">>, {}>;
-    readonly a: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLAnchorElement, framer_motion.HTMLMotionProps<"a">>, {}>;
-    readonly br: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLBRElement, framer_motion.HTMLMotionProps<"br">>, {}>;
-    readonly button: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLButtonElement, framer_motion.HTMLMotionProps<"button">>, {}>;
-    readonly canvas: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLCanvasElement, framer_motion.HTMLMotionProps<"canvas">>, {}>;
-    readonly form: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLFormElement, framer_motion.HTMLMotionProps<"form">>, {}>;
-    readonly h1: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<"h1">>, {}>;
-    readonly h2: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<"h2">>, {}>;
-    readonly h3: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<"h3">>, {}>;
-    readonly hr: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLHRElement, framer_motion.HTMLMotionProps<"hr">>, {}>;
-    readonly nav: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"nav">>, {}>;
-    readonly main: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"main">>, {}>;
-    readonly aside: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"aside">>, {}>;
-    readonly article: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"article">>, {}>;
-    readonly section: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"section">>, {}>;
-    readonly details: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLDetailsElement, framer_motion.HTMLMotionProps<"details">>, {}>;
-    readonly header: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"header">>, {}>;
-    readonly footer: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"footer">>, {}>;
-    readonly strong: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"strong">>, {}>;
-    readonly em: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"em">>, {}>;
-    readonly img: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLImageElement, framer_motion.HTMLMotionProps<"img">>, {}>;
-    readonly del: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLModElement, framer_motion.HTMLMotionProps<"del">>, {}>;
-    readonly ins: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLModElement, framer_motion.HTMLMotionProps<"ins">>, {}>;
-    readonly kbd: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"kbd">>, {}>;
-    readonly code: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"code">>, {}>;
-    readonly mark: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"mark">>, {}>;
-    readonly samp: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"samp">>, {}>;
-    readonly small: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"small">>, {}>;
-    readonly sub: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"sub">>, {}>;
-    readonly sup: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"sup">>, {}>;
-    readonly u: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"u">>, {}>;
-    readonly var: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"var">>, {}>;
-    readonly input: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLInputElement, framer_motion.HTMLMotionProps<"input">>, {}>;
-    readonly label: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLLabelElement, framer_motion.HTMLMotionProps<"label">>, {}>;
-    readonly legend: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLLegendElement, framer_motion.HTMLMotionProps<"legend">>, {}>;
-    readonly p: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLParagraphElement, framer_motion.HTMLMotionProps<"p">>, {}>;
-    readonly select: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLSelectElement, framer_motion.HTMLMotionProps<"select">>, {}>;
-    readonly span: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLSpanElement, framer_motion.HTMLMotionProps<"span">>, {}>;
-    readonly svg: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<SVGSVGElement, framer_motion.SVGMotionProps<SVGSVGElement>>, {}>;
-    readonly textarea: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTextAreaElement, framer_motion.HTMLMotionProps<"textarea">>, {}>;
-    readonly table: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTableElement, framer_motion.HTMLMotionProps<"table">>, {}>;
-    readonly tr: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTableRowElement, framer_motion.HTMLMotionProps<"tr">>, {}>;
-    readonly th: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTableHeaderCellElement, framer_motion.HTMLMotionProps<"th">>, {}>;
-    readonly td: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTableDataCellElement, framer_motion.HTMLMotionProps<"td">>, {}>;
-    readonly tbody: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTableSectionElement, framer_motion.HTMLMotionProps<"tbody">>, {}>;
-    readonly thead: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTableSectionElement, framer_motion.HTMLMotionProps<"thead">>, {}>;
-    readonly tfoot: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLTableSectionElement, framer_motion.HTMLMotionProps<"tfoot">>, {}>;
-    readonly progress: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLProgressElement, framer_motion.HTMLMotionProps<"progress">>, {}>;
-    readonly ol: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLOListElement, framer_motion.HTMLMotionProps<"ol">>, {}>;
-    readonly ul: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLUListElement, framer_motion.HTMLMotionProps<"ul">>, {}>;
-    readonly li: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLLIElement, framer_motion.HTMLMotionProps<"li">>, {}>;
-    readonly blockquote: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLQuoteElement, framer_motion.HTMLMotionProps<"blockquote">>, {}>;
-    readonly pre: panda_jsx.StyledComponent<framer_motion.ForwardRefComponent<HTMLPreElement, framer_motion.HTMLMotionProps<"pre">>, {}>;
-};
-declare const loadingIconsMap: {
-    readonly rotatingLines: React$1.FunctionComponent<react_loader_spinner._Props3>;
-    readonly spinner: React$1.FunctionComponent<react_loader_spinner.TailSpinProps>;
-    readonly beat: typeof BeatLoader;
-    readonly dots: React$1.FunctionComponent<react_loader_spinner.ThreeDotsProps>;
-    readonly oval: React$1.FunctionComponent<react_loader_spinner.OvalProps>;
-};
-
-/**
- * Export file types for consumers
- * Import these in your project if you need ImageFile, AudioFile, VideoFile types
- */
-
-declare global {
-    interface File {
-        preview?: string;
-        id?: string;
-    }
-    interface ImageFile extends File {
-        id: string;
-        preview: string;
-        orientation: "landscape" | "portrait" | "square";
-        height: number;
-        width: number;
-    }
-    interface VideoFile extends File {
-        id: string;
-        orientation: "landscape" | "portrait" | "square";
-        duration: number;
-        height: number;
-        width: number;
-    }
-    interface AudioFile extends File {
-        id: string;
-        preview: string;
-        source: IAudioMetadata["common"] & IAudioMetadata["format"];
-    }
-    type MediaFile = File | ImageFile | AudioFile;
-}
-type PropsFor<K extends keyof typeof tags> = React.ComponentProps<(typeof tags)[K]>;
-type Icon = null | IconName | IconType | IconDefinition | React.ReactElement | (() => React.ReactElement);
-type IconProps = {
-    iconPrefix?: "solid" | "regular" | "brands";
-    className?: string;
-    startIcon?: Icon;
-    endIcon?: Icon;
-    icon?: Icon;
-    iconSize?: SizeProp;
-    pulse?: boolean;
-    spin?: boolean;
-};
-type LoadingIcon = keyof typeof loadingIconsMap;
-type Icons = Icon | LoadingIcon;
-type LoadingProps = {
-    loadingPosition?: "start" | "end";
-    loadingIconSize?: number | string;
-    loadingIcon?: Icons;
-    isLoading?: boolean;
-};
-type BlockMotionProps = {
-    initial?: boolean | TargetAndTransition | VariantLabels;
-    animate?: TargetAndTransition | VariantLabels;
-    exit?: TargetAndTransition | VariantLabels;
-    variants?: {
-        [key: string]: TargetAndTransition;
-    };
-    whileHover?: TargetAndTransition | VariantLabels;
-    whileTap?: TargetAndTransition | VariantLabels;
-    whileFocus?: TargetAndTransition | VariantLabels;
-    layout?: boolean | "position" | "size" | "preserve-aspect";
-    _motion?: Transition;
-};
-type BaseBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & IconProps & {
-    is?: undefined;
-    as?: keyof typeof tags;
-    tooltip?: boolean | React.ReactNode | string;
-    portalContainer?: Element | DocumentFragment;
-    filepicker?: boolean;
-    portal?: boolean;
-};
-type TxtBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "txt";
-    as?: "p" | "span" | "h1" | "h2" | "h3" | "em" | "strong";
-};
-type HrBlockProps = HTMLStyledProps<typeof motionTags.hr> & BlockMotionProps & {
-    is: "hr";
-} & PropsFor<"hr">;
-type SkeletonBlockProps = Pick<HTMLStyledProps<typeof tags.div>, "height" | "h" | "width" | "w" | "size" | "borderRadius" | "br"> & {
-    is: "skeleton";
-    as: "block";
-};
-type SkeletonCircleProps = Pick<HTMLStyledProps<typeof tags.div>, "height" | "h" | "width" | "w" | "size" | "borderRadius" | "br"> & {
-    is: "skeleton";
-    as: "circle";
-};
-type BtnBlockPropsBase = Omit<HTMLStyledProps<typeof motionTags.button>, "onChange"> & BlockMotionProps & IconProps & LoadingProps & {
-    is: "btn";
-    disabled?: boolean;
-    type?: "button" | "submit" | "reset";
-    onClick?: React.MouseEventHandler;
-    tooltip?: boolean | React.ReactNode | string;
-};
-type BtnFilepickerProps = BtnBlockPropsBase & {
-    filepicker: true;
-    onChange?: (files: File[]) => void;
-    multiple?: boolean;
-    accept?: string;
-};
-type BtnStandardProps = BtnBlockPropsBase & {
-    filepicker?: false | undefined;
-    onChange?: React.FormEventHandler<HTMLButtonElement>;
-};
-type BtnBlockProps = BtnBlockPropsBase & {
-    filepicker?: boolean;
-    multiple?: boolean;
-    accept?: string;
-    onChange?: any;
-};
-type InputBlockProps = HTMLStyledProps<typeof tags.input> & BlockMotionProps & {
-    is: "input";
-    error?: string;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "children">;
-type TextareaBlockProps = HTMLStyledProps<typeof tags.textarea> & BlockMotionProps & {
-    is: "textarea";
-    error?: string;
-    /** Maximum number of rows the textarea can expand to */
-    maxRows?: number;
-    /** Minimum number of rows the textarea will display */
-    minRows?: number;
-    /** Callback fired when the textarea height changes */
-    onHeightChange?: (height: number, meta: {
-        rowHeight: number;
-    }) => void;
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "children">;
-type CheckboxBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "checkbox";
-    onChecked?: (value: boolean) => void;
-    indeterminate?: boolean;
-    checked?: boolean;
-};
-type ProgressBlockProps = HTMLStyledProps<typeof motionTags.div> & BlockMotionProps & {
-    is: "progress";
-    value: number;
-    max?: number;
-    steps?: number;
-} & PropsFor<"progress">;
-type SwitchBlockProps = Omit<HTMLStyledProps<typeof tags.input>, "onChange"> & BlockMotionProps & {
-    is: "switch";
-    thumbSize?: number;
-    onChange?: (checked: boolean) => void;
-} & Omit<PropsFor<"button">, "onChange">;
-type AccordionBlockProps = {
-    is: "accordion";
-    allowToggle?: boolean;
-    allowMultiple?: boolean;
-    defaultOpenIdx?: number[];
-    children: React.ReactElement | React.ReactElement[];
-};
-type DrawerBlockProps = HTMLStyledProps<typeof motionTags.div> & BlockMotionProps & {
-    is: "drawer";
-    open: boolean;
-    hideHandle?: boolean;
-    /** @default true */
-    drag?: boolean;
-    /** @default true */
-    outsideClickClose?: boolean;
-    closeOnEsc?: boolean;
-    onClose?: () => void;
-};
-type RadioOption = {
-    label: React.ReactNode;
-    value: string;
-    disabled?: boolean;
-};
-type RadioBlockProps = Omit<HTMLStyledProps<typeof base>, "onChange" | "children"> & BlockMotionProps & {
-    is: "radio";
-    /** Controlled value for single-select radio group */
-    value?: string | null;
-    /** Uncontrolled initial value */
-    defaultValue?: string | null;
-    /** Change handler. Returns the selected value */
-    onChange?: (value: string) => void;
-    /** Disable the entire group */
-    disabled?: boolean;
-    /** Optional form field name. If provided, a hidden input will be emitted. */
-    name?: string;
-    /** Options to render (children are not accepted for radio) */
-    options?: RadioOption[];
-    /** Optional renderer for custom per-option content */
-    renderOption?: (option: RadioOption) => React.ReactNode;
-    /** Disallow children for the radio container */
-    children?: never;
-};
-type MenuBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "menu";
-    trigger?: React.ReactNode;
-    variant: "click" | "hover";
-    placement?: Placement$1;
-    hoverDelay?: number;
-    zIndex?: number;
-    onOpenOrClose?: (isOpen: boolean) => void;
-    offset?: {
-        x: number;
-        y: number;
-    };
-    isOpen?: boolean;
-    width?: string | number;
-};
-type LinkBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "link";
-    href?: string;
-    to?: string;
-    target?: "_self" | "_blank";
-    rel?: string;
-};
-type ImgBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "img";
-    src: string;
-    alt: string;
-};
-type SelectBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "select";
-} & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "children">;
-type BlockquoteBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "blockquote";
-} & PropsFor<"blockquote">;
-type PreBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
-    is: "pre";
-} & PropsFor<"pre">;
-type FormBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
-    is: "form";
-    as?: undefined;
-} & PropsFor<"form">) | ({
-    is: "form";
-    as: "label";
-} & PropsFor<"label">) | ({
-    is: "form";
-    as: "legend";
-} & PropsFor<"legend">));
-type TableBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
-    is: "table";
-    as?: undefined;
-} & PropsFor<"table">) | ({
-    is: "table";
-    as: "tr";
-} & PropsFor<"tr">) | ({
-    is: "table";
-    as: "td";
-} & PropsFor<"td">) | ({
-    is: "table";
-    as: "th";
-} & PropsFor<"th">) | ({
-    is: "table";
-    as: "tbody";
-} & PropsFor<"tbody">) | ({
-    is: "table";
-    as: "thead";
-} & PropsFor<"thead">) | ({
-    is: "table";
-    as: "tfoot";
-} & PropsFor<"tfoot">));
-type ListBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
-    is: "list";
-    as: "ul";
-} & PropsFor<"ul">) | ({
-    is: "list";
-    as: "ol";
-} & PropsFor<"ol">) | ({
-    is: "list";
-    as: "li";
-} & PropsFor<"li">));
-type SeoBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
-    is: "seo";
-    as: "nav";
-} & PropsFor<"nav">) | ({
-    is: "seo";
-    as: "main";
-} & PropsFor<"main">) | ({
-    is: "seo";
-    as: "aside";
-} & PropsFor<"aside">) | ({
-    is: "seo";
-    as: "article";
-} & PropsFor<"article">) | ({
-    is: "seo";
-    as: "section";
-} & PropsFor<"section">) | ({
-    is: "seo";
-    as: "details";
-} & PropsFor<"details">) | ({
-    is: "seo";
-    as: "header";
-} & PropsFor<"header">) | ({
-    is: "seo";
-    as: "footer";
-} & PropsFor<"footer">));
-type AllBlockProps = BaseBlockProps | TxtBlockProps | HrBlockProps | BtnBlockProps | InputBlockProps | TextareaBlockProps | CheckboxBlockProps | ProgressBlockProps | AccordionBlockProps | SwitchBlockProps | DrawerBlockProps | RadioBlockProps | MenuBlockProps | LinkBlockProps | ImgBlockProps | SelectBlockProps | SkeletonCircleProps | SkeletonBlockProps | BlockquoteBlockProps | PreBlockProps | FormBlockProps | TableBlockProps | ListBlockProps | SeoBlockProps;
-type BlockProps = AllBlockProps;
-
-declare function MenuContainer(props: BaseBlockProps): react_jsx_runtime.JSX.Element;
-
-type SharedProps = {
-    _motion?: Transition;
-};
-type HtmlAnimationHandlers = Pick<React__default.HTMLAttributes<HTMLDivElement>, "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration" | "onTransitionEnd" | "onDrag" | "onDragStart" | "onDragEnd">;
-type StripConflictingHandlers<T> = Omit<T, keyof HtmlAnimationHandlers>;
-type TrackProps = StripConflictingHandlers<BaseBlockProps> & SharedProps;
-type ThumbProps = StripConflictingHandlers<BaseBlockProps> & SharedProps;
-declare function Track(props: TrackProps): react_jsx_runtime.JSX.Element;
-declare namespace Track {
-    var displayName: string;
-}
-declare function Thumb(props: ThumbProps): react_jsx_runtime.JSX.Element;
-declare namespace Thumb {
-    var displayName: string;
-}
-
-type RadioItemProps = Omit<BaseBlockProps, "is"> & {
-    value: string;
-    disabled?: boolean;
-    children?: React__default.ReactNode;
-};
-declare function Item$1(props: RadioItemProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Textarea (PandaCSS + autosize)
- *
- * Story:
- * - Renders a PandaCSS-styled `<textarea>` that grows/shrinks to fit content.
- * - To compute the required height we copy the textarea's text-related styles
- *   to a single hidden textarea, write the same content, read its scrollHeight,
- *   and apply the resulting height via inline style with `!important` so theme
- *   overrides can't break sizing.
- * - We recalc height when value/placeholder/minRows/maxRows change, and also
- *   on window resize and when fonts finish loading (font metrics change line
- *   heights). Uncontrolled form resets are handled by waiting a frame so the
- *   browser can update the value first, then we measure.
- * - minRows/maxRows are respected in both content-box and border-box models.
- */
-type LabelProps$1 = {
-    value?: TextareaBlockProps["value"];
-    required?: boolean;
-    error?: string;
-};
-declare function Label$1(props: BaseBlockProps & LabelProps$1): react_jsx_runtime.JSX.Element;
-declare namespace Label$1 {
-    var displayName: string;
-}
-
-type LabelProps = {
-    value?: InputBlockProps["value"];
-    hasLeftIcon?: boolean;
-};
-declare function LeftIcon(props: BaseBlockProps): react_jsx_runtime.JSX.Element;
-declare namespace LeftIcon {
-    var displayName: string;
-}
-declare function RightSide(props: BaseBlockProps & {
-    value?: string;
-    clearable?: boolean;
-}): react_jsx_runtime.JSX.Element | null;
-declare namespace RightSide {
-    var displayName: string;
-}
-declare function Label(props: InputBlockProps & LabelProps): react_jsx_runtime.JSX.Element;
-declare namespace Label {
-    var displayName: string;
-}
-
-type AccordionItemProps = Omit<BtnBlockProps, "is" | "title"> & {
-    title: React__default.ReactNode;
-    children: React__default.ReactNode;
-    /** icon to indicate if open or closed */
-    rightIndicator?: (open: boolean) => React__default.ReactNode;
-    rightStatusIcon?: React__default.ReactNode;
-    onClick?: (e: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    className?: string;
-};
-declare function Item(props: AccordionItemProps): react_jsx_runtime.JSX.Element;
-declare namespace Item {
-    var displayName: string;
-}
+import * as Panda from '@pandacss/dev';
+import * as react_loader_spinner from 'react-loader-spinner';
+import { BeatLoader } from 'react-spinners';
 
 /* eslint-disable */
 interface ConditionOptions {
@@ -20617,6 +20121,38 @@ type SlotRecipeConfig<
   T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,
 > = SlotRecipeDefinition<S, T> & RecipeConfigMeta
 
+/* eslint-disable */
+
+
+interface Dict {
+  [k: string]: unknown
+}
+
+interface UnstyledProps {
+  /**
+   * Whether to remove recipe styles
+   */
+  unstyled?: boolean | undefined
+}
+
+interface AsProps {
+  /**
+   * The element to render as
+   */
+  as?: ElementType | undefined
+}
+
+type ComponentProps<T extends ElementType> = T extends ComponentType<infer P> | Component<infer P>
+  ? JSX.LibraryManagedAttributes<T, P>
+  : ComponentPropsWithRef<T>
+
+interface StyledComponent<T extends ElementType, P extends Dict = {}> {
+  (props: JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, Assign<JsxStyleProps, P>>): JSX.Element
+  displayName?: string | undefined
+}
+
+type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>
+
 /* eslint-disable */
 interface Part {
   selector: string
@@ -20921,58 +20457,522 @@ type AnimationStyleProperty =
 
 type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
 
-type AnimationStyles = Recursive<Token<AnimationStyle>>
+type AnimationStyles = Recursive<Token<AnimationStyle>>
+
+interface CompositionStyles {
+  textStyles: TextStyles
+  layerStyles: LayerStyles
+  animationStyles: AnimationStyles
+}
+
+/* eslint-disable */
+// @ts-nocheck
+
+
+declare module '@pandacss/dev' {
+  export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): Panda.RecipeConfig
+  export function defineSlotRecipe<S extends string, V extends SlotRecipeVariantRecord<S>>(config: SlotRecipeConfig<S, V>): Panda.SlotRecipeConfig
+  export function defineStyles(definition: SystemStyleObject): SystemStyleObject
+  export function defineGlobalStyles(definition: GlobalStyleObject): Panda.GlobalStyleObject
+  export function defineTextStyles(definition: CompositionStyles['textStyles']): Panda.TextStyles
+  export function defineAnimationStyles(definition: CompositionStyles['animationStyles']): Panda.AnimationStyles
+  export function defineLayerStyles(definition: CompositionStyles['layerStyles']): Panda.LayerStyles
+  export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): Panda.PatternConfig
+  export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>
+}
+
+declare const base: StyledComponent<"div", {}>;
+declare const tags: {
+    readonly div: StyledComponent<"div", {}>;
+    readonly a: StyledComponent<"a", {}>;
+    readonly br: StyledComponent<"br", {}>;
+    readonly button: StyledComponent<"button", {}>;
+    readonly canvas: StyledComponent<"canvas", {}>;
+    readonly form: StyledComponent<"form", {}>;
+    readonly h1: StyledComponent<"h1", {}>;
+    readonly h2: StyledComponent<"h2", {}>;
+    readonly h3: StyledComponent<"h3", {}>;
+    readonly hr: StyledComponent<"hr", {}>;
+    readonly nav: StyledComponent<"nav", {}>;
+    readonly main: StyledComponent<"main", {}>;
+    readonly aside: StyledComponent<"aside", {}>;
+    readonly article: StyledComponent<"article", {}>;
+    readonly section: StyledComponent<"section", {}>;
+    readonly details: StyledComponent<"details", {}>;
+    readonly header: StyledComponent<"header", {}>;
+    readonly footer: StyledComponent<"footer", {}>;
+    readonly strong: StyledComponent<"strong", {}>;
+    readonly em: StyledComponent<"em", {}>;
+    readonly img: StyledComponent<"img", {}>;
+    readonly del: StyledComponent<"del", {}>;
+    readonly ins: StyledComponent<"ins", {}>;
+    readonly kbd: StyledComponent<"kbd", {}>;
+    readonly code: StyledComponent<"code", {}>;
+    readonly mark: StyledComponent<"mark", {}>;
+    readonly samp: StyledComponent<"samp", {}>;
+    readonly small: StyledComponent<"small", {}>;
+    readonly sub: StyledComponent<"sub", {}>;
+    readonly sup: StyledComponent<"sup", {}>;
+    readonly u: StyledComponent<"u", {}>;
+    readonly var: StyledComponent<"var", {}>;
+    readonly input: StyledComponent<"input", {}>;
+    readonly label: StyledComponent<"label", {}>;
+    readonly legend: StyledComponent<"legend", {}>;
+    readonly p: StyledComponent<"p", {}>;
+    readonly select: StyledComponent<"select", {}>;
+    readonly span: StyledComponent<"span", {}>;
+    readonly svg: StyledComponent<"svg", {}>;
+    readonly textarea: StyledComponent<"textarea", {}>;
+    readonly table: StyledComponent<"table", {}>;
+    readonly tr: StyledComponent<"tr", {}>;
+    readonly th: StyledComponent<"th", {}>;
+    readonly td: StyledComponent<"td", {}>;
+    readonly tbody: StyledComponent<"tbody", {}>;
+    readonly thead: StyledComponent<"thead", {}>;
+    readonly tfoot: StyledComponent<"tfoot", {}>;
+    readonly progress: StyledComponent<"progress", {}>;
+    readonly ol: StyledComponent<"ol", {}>;
+    readonly ul: StyledComponent<"ul", {}>;
+    readonly li: StyledComponent<"li", {}>;
+    readonly blockquote: StyledComponent<"blockquote", {}>;
+    readonly pre: StyledComponent<"pre", {}>;
+};
+declare const motionTags: {
+    readonly div: StyledComponent<framer_motion.ForwardRefComponent<HTMLDivElement, framer_motion.HTMLMotionProps<"div">>, {}>;
+    readonly a: StyledComponent<framer_motion.ForwardRefComponent<HTMLAnchorElement, framer_motion.HTMLMotionProps<"a">>, {}>;
+    readonly br: StyledComponent<framer_motion.ForwardRefComponent<HTMLBRElement, framer_motion.HTMLMotionProps<"br">>, {}>;
+    readonly button: StyledComponent<framer_motion.ForwardRefComponent<HTMLButtonElement, framer_motion.HTMLMotionProps<"button">>, {}>;
+    readonly canvas: StyledComponent<framer_motion.ForwardRefComponent<HTMLCanvasElement, framer_motion.HTMLMotionProps<"canvas">>, {}>;
+    readonly form: StyledComponent<framer_motion.ForwardRefComponent<HTMLFormElement, framer_motion.HTMLMotionProps<"form">>, {}>;
+    readonly h1: StyledComponent<framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<"h1">>, {}>;
+    readonly h2: StyledComponent<framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<"h2">>, {}>;
+    readonly h3: StyledComponent<framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<"h3">>, {}>;
+    readonly hr: StyledComponent<framer_motion.ForwardRefComponent<HTMLHRElement, framer_motion.HTMLMotionProps<"hr">>, {}>;
+    readonly nav: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"nav">>, {}>;
+    readonly main: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"main">>, {}>;
+    readonly aside: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"aside">>, {}>;
+    readonly article: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"article">>, {}>;
+    readonly section: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"section">>, {}>;
+    readonly details: StyledComponent<framer_motion.ForwardRefComponent<HTMLDetailsElement, framer_motion.HTMLMotionProps<"details">>, {}>;
+    readonly header: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"header">>, {}>;
+    readonly footer: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"footer">>, {}>;
+    readonly strong: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"strong">>, {}>;
+    readonly em: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"em">>, {}>;
+    readonly img: StyledComponent<framer_motion.ForwardRefComponent<HTMLImageElement, framer_motion.HTMLMotionProps<"img">>, {}>;
+    readonly del: StyledComponent<framer_motion.ForwardRefComponent<HTMLModElement, framer_motion.HTMLMotionProps<"del">>, {}>;
+    readonly ins: StyledComponent<framer_motion.ForwardRefComponent<HTMLModElement, framer_motion.HTMLMotionProps<"ins">>, {}>;
+    readonly kbd: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"kbd">>, {}>;
+    readonly code: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"code">>, {}>;
+    readonly mark: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"mark">>, {}>;
+    readonly samp: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"samp">>, {}>;
+    readonly small: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"small">>, {}>;
+    readonly sub: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"sub">>, {}>;
+    readonly sup: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"sup">>, {}>;
+    readonly u: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"u">>, {}>;
+    readonly var: StyledComponent<framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<"var">>, {}>;
+    readonly input: StyledComponent<framer_motion.ForwardRefComponent<HTMLInputElement, framer_motion.HTMLMotionProps<"input">>, {}>;
+    readonly label: StyledComponent<framer_motion.ForwardRefComponent<HTMLLabelElement, framer_motion.HTMLMotionProps<"label">>, {}>;
+    readonly legend: StyledComponent<framer_motion.ForwardRefComponent<HTMLLegendElement, framer_motion.HTMLMotionProps<"legend">>, {}>;
+    readonly p: StyledComponent<framer_motion.ForwardRefComponent<HTMLParagraphElement, framer_motion.HTMLMotionProps<"p">>, {}>;
+    readonly select: StyledComponent<framer_motion.ForwardRefComponent<HTMLSelectElement, framer_motion.HTMLMotionProps<"select">>, {}>;
+    readonly span: StyledComponent<framer_motion.ForwardRefComponent<HTMLSpanElement, framer_motion.HTMLMotionProps<"span">>, {}>;
+    readonly svg: StyledComponent<framer_motion.ForwardRefComponent<SVGSVGElement, framer_motion.SVGMotionProps<SVGSVGElement>>, {}>;
+    readonly textarea: StyledComponent<framer_motion.ForwardRefComponent<HTMLTextAreaElement, framer_motion.HTMLMotionProps<"textarea">>, {}>;
+    readonly table: StyledComponent<framer_motion.ForwardRefComponent<HTMLTableElement, framer_motion.HTMLMotionProps<"table">>, {}>;
+    readonly tr: StyledComponent<framer_motion.ForwardRefComponent<HTMLTableRowElement, framer_motion.HTMLMotionProps<"tr">>, {}>;
+    readonly th: StyledComponent<framer_motion.ForwardRefComponent<HTMLTableHeaderCellElement, framer_motion.HTMLMotionProps<"th">>, {}>;
+    readonly td: StyledComponent<framer_motion.ForwardRefComponent<HTMLTableDataCellElement, framer_motion.HTMLMotionProps<"td">>, {}>;
+    readonly tbody: StyledComponent<framer_motion.ForwardRefComponent<HTMLTableSectionElement, framer_motion.HTMLMotionProps<"tbody">>, {}>;
+    readonly thead: StyledComponent<framer_motion.ForwardRefComponent<HTMLTableSectionElement, framer_motion.HTMLMotionProps<"thead">>, {}>;
+    readonly tfoot: StyledComponent<framer_motion.ForwardRefComponent<HTMLTableSectionElement, framer_motion.HTMLMotionProps<"tfoot">>, {}>;
+    readonly progress: StyledComponent<framer_motion.ForwardRefComponent<HTMLProgressElement, framer_motion.HTMLMotionProps<"progress">>, {}>;
+    readonly ol: StyledComponent<framer_motion.ForwardRefComponent<HTMLOListElement, framer_motion.HTMLMotionProps<"ol">>, {}>;
+    readonly ul: StyledComponent<framer_motion.ForwardRefComponent<HTMLUListElement, framer_motion.HTMLMotionProps<"ul">>, {}>;
+    readonly li: StyledComponent<framer_motion.ForwardRefComponent<HTMLLIElement, framer_motion.HTMLMotionProps<"li">>, {}>;
+    readonly blockquote: StyledComponent<framer_motion.ForwardRefComponent<HTMLQuoteElement, framer_motion.HTMLMotionProps<"blockquote">>, {}>;
+    readonly pre: StyledComponent<framer_motion.ForwardRefComponent<HTMLPreElement, framer_motion.HTMLMotionProps<"pre">>, {}>;
+};
+declare const loadingIconsMap: {
+    readonly rotatingLines: React$1.FunctionComponent<react_loader_spinner._Props3>;
+    readonly spinner: React$1.FunctionComponent<react_loader_spinner.TailSpinProps>;
+    readonly beat: typeof BeatLoader;
+    readonly dots: React$1.FunctionComponent<react_loader_spinner.ThreeDotsProps>;
+    readonly oval: React$1.FunctionComponent<react_loader_spinner.OvalProps>;
+};
+
+/**
+ * Export file types for consumers
+ * Import these in your project if you need ImageFile, AudioFile, VideoFile types
+ */
+
+declare global {
+    interface File {
+        preview?: string;
+        id?: string;
+    }
+    interface ImageFile extends File {
+        id: string;
+        preview: string;
+        orientation: "landscape" | "portrait" | "square";
+        height: number;
+        width: number;
+    }
+    interface VideoFile extends File {
+        id: string;
+        orientation: "landscape" | "portrait" | "square";
+        duration: number;
+        height: number;
+        width: number;
+    }
+    interface AudioFile extends File {
+        id: string;
+        preview: string;
+        source: IAudioMetadata["common"] & IAudioMetadata["format"];
+    }
+    type MediaFile = File | ImageFile | AudioFile;
+}
+type PropsFor<K extends keyof typeof tags> = React.ComponentProps<(typeof tags)[K]>;
+type Icon = null | IconName | IconType | IconDefinition | React.ReactElement | (() => React.ReactElement);
+type IconProps = {
+    iconPrefix?: "solid" | "regular" | "brands";
+    className?: string;
+    startIcon?: Icon;
+    endIcon?: Icon;
+    icon?: Icon;
+    iconSize?: SizeProp;
+    pulse?: boolean;
+    spin?: boolean;
+};
+type LoadingIcon = keyof typeof loadingIconsMap;
+type Icons = Icon | LoadingIcon;
+type LoadingProps = {
+    loadingPosition?: "start" | "end";
+    loadingIconSize?: number | string;
+    loadingIcon?: Icons;
+    isLoading?: boolean;
+};
+type BlockMotionProps = {
+    initial?: boolean | TargetAndTransition | VariantLabels;
+    animate?: TargetAndTransition | VariantLabels;
+    exit?: TargetAndTransition | VariantLabels;
+    variants?: {
+        [key: string]: TargetAndTransition;
+    };
+    whileHover?: TargetAndTransition | VariantLabels;
+    whileTap?: TargetAndTransition | VariantLabels;
+    whileFocus?: TargetAndTransition | VariantLabels;
+    layout?: boolean | "position" | "size" | "preserve-aspect";
+    _motion?: Transition;
+};
+type BaseBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & IconProps & {
+    is?: undefined;
+    as?: keyof typeof tags;
+    tooltip?: boolean | React.ReactNode | string;
+    portalContainer?: Element | DocumentFragment;
+    filepicker?: boolean;
+    portal?: boolean;
+};
+type TxtBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "txt";
+    as?: "p" | "span" | "h1" | "h2" | "h3" | "em" | "strong";
+};
+type HrBlockProps = HTMLStyledProps<typeof motionTags.hr> & BlockMotionProps & {
+    is: "hr";
+} & PropsFor<"hr">;
+type SkeletonBlockProps = Pick<HTMLStyledProps<typeof tags.div>, "height" | "h" | "width" | "w" | "size" | "borderRadius" | "br"> & {
+    is: "skeleton";
+    as: "block";
+};
+type SkeletonCircleProps = Pick<HTMLStyledProps<typeof tags.div>, "height" | "h" | "width" | "w" | "size" | "borderRadius" | "br"> & {
+    is: "skeleton";
+    as: "circle";
+};
+type BtnBlockPropsBase = Omit<HTMLStyledProps<typeof motionTags.button>, "onChange"> & BlockMotionProps & IconProps & LoadingProps & {
+    is: "btn";
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    onClick?: React.MouseEventHandler;
+    tooltip?: boolean | React.ReactNode | string;
+};
+type BtnFilepickerProps = BtnBlockPropsBase & {
+    filepicker: true;
+    onChange?: (files: File[]) => void;
+    multiple?: boolean;
+    accept?: string;
+};
+type BtnStandardProps = BtnBlockPropsBase & {
+    filepicker?: false | undefined;
+    onChange?: React.FormEventHandler<HTMLButtonElement>;
+};
+type BtnBlockProps = BtnBlockPropsBase & {
+    filepicker?: boolean;
+    multiple?: boolean;
+    accept?: string;
+    onChange?: any;
+};
+type InputBlockProps = HTMLStyledProps<typeof tags.input> & BlockMotionProps & {
+    is: "input";
+    error?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "children">;
+type TextareaBlockProps = HTMLStyledProps<typeof tags.textarea> & BlockMotionProps & {
+    is: "textarea";
+    error?: string;
+    /** Maximum number of rows the textarea can expand to */
+    maxRows?: number;
+    /** Minimum number of rows the textarea will display */
+    minRows?: number;
+    /** Callback fired when the textarea height changes */
+    onHeightChange?: (height: number, meta: {
+        rowHeight: number;
+    }) => void;
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "children">;
+type CheckboxBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "checkbox";
+    onChecked?: (value: boolean) => void;
+    indeterminate?: boolean;
+    checked?: boolean;
+};
+type ProgressBlockProps = HTMLStyledProps<typeof motionTags.div> & BlockMotionProps & {
+    is: "progress";
+    value: number;
+    max?: number;
+    steps?: number;
+} & PropsFor<"progress">;
+type SwitchBlockProps = Omit<HTMLStyledProps<typeof tags.input>, "onChange"> & BlockMotionProps & {
+    is: "switch";
+    thumbSize?: number;
+    onChange?: (checked: boolean) => void;
+} & Omit<PropsFor<"button">, "onChange">;
+type AccordionBlockProps = {
+    is: "accordion";
+    allowToggle?: boolean;
+    allowMultiple?: boolean;
+    defaultOpenIdx?: number[];
+    children: React.ReactElement | React.ReactElement[];
+};
+type DrawerBlockProps = HTMLStyledProps<typeof motionTags.div> & BlockMotionProps & {
+    is: "drawer";
+    open: boolean;
+    hideHandle?: boolean;
+    /** @default true */
+    drag?: boolean;
+    /** @default true */
+    outsideClickClose?: boolean;
+    closeOnEsc?: boolean;
+    onClose?: () => void;
+};
+type RadioOption = {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+type RadioBlockProps = Omit<HTMLStyledProps<typeof base>, "onChange" | "children"> & BlockMotionProps & {
+    is: "radio";
+    /** Controlled value for single-select radio group */
+    value?: string | null;
+    /** Uncontrolled initial value */
+    defaultValue?: string | null;
+    /** Change handler. Returns the selected value */
+    onChange?: (value: string) => void;
+    /** Disable the entire group */
+    disabled?: boolean;
+    /** Optional form field name. If provided, a hidden input will be emitted. */
+    name?: string;
+    /** Options to render (children are not accepted for radio) */
+    options?: RadioOption[];
+    /** Optional renderer for custom per-option content */
+    renderOption?: (option: RadioOption) => React.ReactNode;
+    /** Disallow children for the radio container */
+    children?: never;
+};
+type MenuBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "menu";
+    trigger?: React.ReactNode;
+    variant: "click" | "hover";
+    placement?: Placement$1;
+    hoverDelay?: number;
+    zIndex?: number;
+    onOpenOrClose?: (isOpen: boolean) => void;
+    offset?: {
+        x: number;
+        y: number;
+    };
+    isOpen?: boolean;
+    width?: string | number;
+};
+type LinkBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "link";
+    href?: string;
+    to?: string;
+    target?: "_self" | "_blank";
+    rel?: string;
+};
+type ImgBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "img";
+    src: string;
+    alt: string;
+};
+type SelectBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "select";
+} & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "children">;
+type BlockquoteBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "blockquote";
+} & PropsFor<"blockquote">;
+type PreBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & {
+    is: "pre";
+} & PropsFor<"pre">;
+type FormBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
+    is: "form";
+    as?: undefined;
+} & PropsFor<"form">) | ({
+    is: "form";
+    as: "label";
+} & PropsFor<"label">) | ({
+    is: "form";
+    as: "legend";
+} & PropsFor<"legend">));
+type TableBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
+    is: "table";
+    as?: undefined;
+} & PropsFor<"table">) | ({
+    is: "table";
+    as: "tr";
+} & PropsFor<"tr">) | ({
+    is: "table";
+    as: "td";
+} & PropsFor<"td">) | ({
+    is: "table";
+    as: "th";
+} & PropsFor<"th">) | ({
+    is: "table";
+    as: "tbody";
+} & PropsFor<"tbody">) | ({
+    is: "table";
+    as: "thead";
+} & PropsFor<"thead">) | ({
+    is: "table";
+    as: "tfoot";
+} & PropsFor<"tfoot">));
+type ListBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
+    is: "list";
+    as: "ul";
+} & PropsFor<"ul">) | ({
+    is: "list";
+    as: "ol";
+} & PropsFor<"ol">) | ({
+    is: "list";
+    as: "li";
+} & PropsFor<"li">));
+type SeoBlockProps = HTMLStyledProps<typeof base> & BlockMotionProps & (({
+    is: "seo";
+    as: "nav";
+} & PropsFor<"nav">) | ({
+    is: "seo";
+    as: "main";
+} & PropsFor<"main">) | ({
+    is: "seo";
+    as: "aside";
+} & PropsFor<"aside">) | ({
+    is: "seo";
+    as: "article";
+} & PropsFor<"article">) | ({
+    is: "seo";
+    as: "section";
+} & PropsFor<"section">) | ({
+    is: "seo";
+    as: "details";
+} & PropsFor<"details">) | ({
+    is: "seo";
+    as: "header";
+} & PropsFor<"header">) | ({
+    is: "seo";
+    as: "footer";
+} & PropsFor<"footer">));
+type AllBlockProps = BaseBlockProps | TxtBlockProps | HrBlockProps | BtnBlockProps | InputBlockProps | TextareaBlockProps | CheckboxBlockProps | ProgressBlockProps | AccordionBlockProps | SwitchBlockProps | DrawerBlockProps | RadioBlockProps | MenuBlockProps | LinkBlockProps | ImgBlockProps | SelectBlockProps | SkeletonCircleProps | SkeletonBlockProps | BlockquoteBlockProps | PreBlockProps | FormBlockProps | TableBlockProps | ListBlockProps | SeoBlockProps;
+type BlockProps = AllBlockProps;
+
+declare function MenuContainer(props: BaseBlockProps): react_jsx_runtime.JSX.Element;
 
-interface CompositionStyles {
-  textStyles: TextStyles
-  layerStyles: LayerStyles
-  animationStyles: AnimationStyles
+type SharedProps = {
+    _motion?: Transition;
+};
+type HtmlAnimationHandlers = Pick<React__default.HTMLAttributes<HTMLDivElement>, "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration" | "onTransitionEnd" | "onDrag" | "onDragStart" | "onDragEnd">;
+type StripConflictingHandlers<T> = Omit<T, keyof HtmlAnimationHandlers>;
+type TrackProps = StripConflictingHandlers<BaseBlockProps> & SharedProps;
+type ThumbProps = StripConflictingHandlers<BaseBlockProps> & SharedProps;
+declare function Track(props: TrackProps): react_jsx_runtime.JSX.Element;
+declare namespace Track {
+    var displayName: string;
 }
-
-/* eslint-disable */
-// @ts-nocheck
-
-
-declare module '@pandacss/dev' {
-  export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): Panda.RecipeConfig
-  export function defineSlotRecipe<S extends string, V extends SlotRecipeVariantRecord<S>>(config: SlotRecipeConfig<S, V>): Panda.SlotRecipeConfig
-  export function defineStyles(definition: SystemStyleObject): SystemStyleObject
-  export function defineGlobalStyles(definition: GlobalStyleObject): Panda.GlobalStyleObject
-  export function defineTextStyles(definition: CompositionStyles['textStyles']): Panda.TextStyles
-  export function defineAnimationStyles(definition: CompositionStyles['animationStyles']): Panda.AnimationStyles
-  export function defineLayerStyles(definition: CompositionStyles['layerStyles']): Panda.LayerStyles
-  export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): Panda.PatternConfig
-  export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>
+declare function Thumb(props: ThumbProps): react_jsx_runtime.JSX.Element;
+declare namespace Thumb {
+    var displayName: string;
 }
 
-/* eslint-disable */
-
+type RadioItemProps = Omit<BaseBlockProps, "is"> & {
+    value: string;
+    disabled?: boolean;
+    children?: React__default.ReactNode;
+};
+declare function Item$1(props: RadioItemProps): react_jsx_runtime.JSX.Element;
 
-interface Dict {
-  [k: string]: unknown
+/**
+ * Textarea (PandaCSS + autosize)
+ *
+ * Story:
+ * - Renders a PandaCSS-styled `<textarea>` that grows/shrinks to fit content.
+ * - To compute the required height we copy the textarea's text-related styles
+ *   to a single hidden textarea, write the same content, read its scrollHeight,
+ *   and apply the resulting height via inline style with `!important` so theme
+ *   overrides can't break sizing.
+ * - We recalc height when value/placeholder/minRows/maxRows change, and also
+ *   on window resize and when fonts finish loading (font metrics change line
+ *   heights). Uncontrolled form resets are handled by waiting a frame so the
+ *   browser can update the value first, then we measure.
+ * - minRows/maxRows are respected in both content-box and border-box models.
+ */
+type LabelProps$1 = {
+    value?: TextareaBlockProps["value"];
+    required?: boolean;
+    error?: string;
+};
+declare function Label$1(props: BaseBlockProps & LabelProps$1): react_jsx_runtime.JSX.Element;
+declare namespace Label$1 {
+    var displayName: string;
 }
 
-interface UnstyledProps {
-  /**
-   * Whether to remove recipe styles
-   */
-  unstyled?: boolean | undefined
+type LabelProps = {
+    value?: InputBlockProps["value"];
+    hasLeftIcon?: boolean;
+};
+declare function LeftIcon(props: BaseBlockProps): react_jsx_runtime.JSX.Element;
+declare namespace LeftIcon {
+    var displayName: string;
 }
-
-interface AsProps {
-  /**
-   * The element to render as
-   */
-  as?: ElementType | undefined
+declare function RightSide(props: BaseBlockProps & {
+    value?: string;
+    clearable?: boolean;
+}): react_jsx_runtime.JSX.Element | null;
+declare namespace RightSide {
+    var displayName: string;
+}
+declare function Label(props: InputBlockProps & LabelProps): react_jsx_runtime.JSX.Element;
+declare namespace Label {
+    var displayName: string;
 }
 
-type ComponentProps<T extends ElementType> = T extends ComponentType<infer P> | Component<infer P>
-  ? JSX.LibraryManagedAttributes<T, P>
-  : ComponentPropsWithRef<T>
-
-interface StyledComponent<T extends ElementType, P extends Dict = {}> {
-  (props: JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, Assign<JsxStyleProps, P>>): JSX.Element
-  displayName?: string | undefined
+type AccordionItemProps = Omit<BtnBlockProps, "is" | "title"> & {
+    title: React__default.ReactNode;
+    children: React__default.ReactNode;
+    /** icon to indicate if open or closed */
+    rightIndicator?: (open: boolean) => React__default.ReactNode;
+    rightStatusIcon?: React__default.ReactNode;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    className?: string;
+};
+declare function Item(props: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare namespace Item {
+    var displayName: string;
 }
 
 declare const MotionDiv: StyledComponent<framer_motion.ForwardRefComponent<HTMLDivElement, framer_motion.HTMLMotionProps<"div">>, {}>;