@povio/ui 0.0.1

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@povio/ui",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "index.js",
+  "exports": {
+    ".": "./index.ts",
+    "./styles": "./index.css"
+  },
+  "types": "./index.d.ts",
+  "homepage": "https://povio.com",
+  "license": "UNLICENSED",
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  }
+}

package/src/assets/icons/AlignCenter.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const AlignCenterIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/AlignLeft.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const AlignLeftIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/AlignLeftRight.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const AlignLeftRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/AlignRight.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const AlignRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ArrowDropDown.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ArrowDropDownIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ArrowDropUp.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ArrowDropUpIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ArrowLeft.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ArrowLeftIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ArrowRight.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ArrowRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Bold.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const BoldIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/BulletedList.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const BulletedListIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Calendar.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const CalendarIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Check.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/CheckCircle.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const CheckCircleIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/CheckboxCheckmark.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const CheckboxCheckmarkIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/CheckboxIndeterminate.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const CheckboxIndeterminateIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ChevronDown.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ChevronDownIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ChevronLeft.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ChevronLeftIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ChevronRight.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ChevronRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ChevronUp.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ChevronUpIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ChevronsLeft.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ChevronsLeftIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ChevronsRight.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ChevronsRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Clock.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Close.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const CloseIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/DateTime.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const DateTimeIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Drag.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const DragIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/File.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const FileIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Highlight.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const HighlightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/HighlightOn.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    highlightColor?: string;
+}
+export declare const HighlightOnIcon: ({ highlightColor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/assets/icons/Info.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const InfoIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Italic.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ItalicIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Link.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const LinkIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Menu.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const MenuIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/NumberedList.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const NumberedListIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/PointerHorizontal.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const PointerHorizontalIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/PointerVertical.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const PointerVerticalIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Send.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const SendIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Strikethrough.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StrikethroughIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/TextColor.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    textColor?: string;
+}
+export declare const TextColorIcon: ({ textColor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/assets/icons/Today.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const TodayIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Underlined.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const UnderlinedIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Upload.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const UploadIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/View.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ViewIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/ViewOff.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ViewOffIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/assets/icons/Warningfilled.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const WarningFilledIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/components/Menu/Menu.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { MenuItemProps } from 'react-aria-components';
+export interface MenuItem extends Omit<MenuItemProps, "aria-label" | "textValue" | "children"> {
+    label: string;
+    content?: string | ReactElement;
+    children?: MenuItem[];
+}
+export interface MenuProps {
+    trigger: ReactElement;
+    items: MenuItem[];
+    triggerOnHover?: boolean;
+    closeDelay?: number;
+}
+export declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Menu/MenuDesktop.d.ts

@@ -0,0 +1,2 @@
+import { MenuProps } from '#ui/components/Menu/Menu';
+export declare const MenuDesktop: ({ trigger, items, closeDelay, triggerOnHover }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Menu/MenuItem.d.ts

@@ -0,0 +1,5 @@
+import { MenuItem as MenuItemType } from '#ui/components/Menu/Menu';
+type MenuListItemProps = MenuItemType;
+export declare const MenuItem: ({ label, content, children, ...item }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const menuItemClass: string;
+export {};

package/src/components/Menu/MenuMobile.d.ts

@@ -0,0 +1,2 @@
+import { MenuProps } from '#ui/components/Menu/Menu';
+export declare const MenuMobile: ({ trigger, items }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Menu/MenuPopover.d.ts

@@ -0,0 +1,5 @@
+import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
+import { MenuProps } from '#ui/components/Menu/Menu';
+export interface MenuPopoverProps extends Pick<MenuProps, "items">, AriaPopoverProps {
+}
+export declare const MenuPopover: ({ items, ...props }: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/Button/Button.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactElement, SVGProps } from 'react';
+import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+import { ButtonContentVariantProps } from '#ui/components/buttons/shared/buttonContent.cva';
+import { ButtonVariantProps } from './button.cva';
+export type ButtonIconProps<IconOnly extends boolean = false> = {
+    iconOnly?: IconOnly;
+} & (IconOnly extends true ? {
+    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+} : {
+    icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+});
+type ToggleButtonProps = {
+    toggle?: false;
+} | ({
+    toggle: true;
+    isSelected?: boolean;
+} & AriaToggleButtonProps);
+export type ButtonProps<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps & {
+    children: string;
+    isLoading?: boolean;
+    link?: AriaLinkProps;
+    noDisableWhenLoading?: boolean;
+    iconClassName?: string;
+    disableTooltip?: boolean;
+};
+export declare const Button: <IconOnly extends boolean = false>({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, disableTooltip, ...props }: ButtonProps<IconOnly>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/buttons/Button/button.cva.d.ts

@@ -0,0 +1,30 @@
+import { VariantProps } from 'class-variance-authority';
+import { TypographyVariantProps } from '#ui/components/text/Typography/typography.cva';
+export declare const button: (props?: ({
+    width?: "fill" | "hug" | null | undefined;
+    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "warning" | "error" | "dual" | null | undefined;
+    variant?: "contained" | "outlined" | "subtle" | "text" | "ghost" | null | undefined;
+    inverted?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonVariantProps extends VariantProps<typeof button> {
+}
+export declare const buttonSize: (props?: ({
+    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonContent: (props?: ({
+    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    iconPosition?: "none" | "left" | "right" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonIconSize: (props?: ({
+    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonTypography: (props: {
+    color?: "primary" | "secondary" | "success" | "warning" | "error" | "dual" | null | undefined;
+    width?: "fill" | "hug" | null | undefined;
+    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    variant?: "contained" | "outlined" | "subtle" | "text" | "ghost" | null | undefined;
+    inverted?: boolean | null | undefined;
+}) => TypographyVariantProps | undefined;

package/src/components/buttons/IconButton/IconButton.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactElement, SVGProps } from 'react';
+import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
+export interface IconButtonProps extends ButtonVariantProps, Omit<AriaButtonProps, "children"> {
+    label: string;
+    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+    link?: AriaLinkProps;
+    disableTooltip?: boolean;
+}
+export declare const IconButton: ({ label, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/InlineIconButton/InlineIconButton.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactElement, RefObject, SVGProps } from 'react';
+import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
+export interface InlineIconButtonProps extends Omit<AriaButtonProps, "children">, ButtonVariantProps {
+    label: string;
+    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+    link?: AriaLinkProps;
+    ref?: RefObject<HTMLButtonElement | HTMLAnchorElement | null>;
+    disableTooltip?: boolean;
+}
+export declare const InlineIconButton: ({ label, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/PillButton/PillButton.d.ts

@@ -0,0 +1,11 @@
+import { FC, SVGProps } from 'react';
+import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+import { PillButtonVariants } from '#ui/components/buttons/PillButton/pillButton.cva';
+import { ButtonContentVariantProps } from '#ui/components/buttons/shared/buttonContent.cva';
+export interface PillButtonProps extends AriaButtonProps, Omit<AriaToggleButtonProps, keyof AriaButtonProps>, ButtonContentVariantProps, PillButtonVariants {
+    children: string;
+    dismissable?: boolean;
+    toggle?: boolean;
+    icon?: FC<SVGProps<SVGSVGElement>>;
+}
+export declare const PillButton: ({ children, dismissable, toggle, icon, iconPosition, ...props }: PillButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/PillButton/pillButton.cva.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { TypographyVariantProps } from '#ui/components/text/Typography/typography.cva';
+export declare const pillButton: (props?: ({
+    color?: "primary" | "secondary" | "success" | "warning" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface PillButtonVariants extends VariantProps<typeof pillButton> {
+}
+export declare const pillButtonContent: (props?: ({
+    iconPosition?: "none" | "left" | "right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const pillButtonIconSize: string;
+export declare const pillButtonTypography: (props: {
+    color?: "primary" | "secondary" | "success" | "warning" | "error" | null | undefined;
+}) => TypographyVariantProps | undefined;

package/src/components/buttons/SplitButton/SplitButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
+import { MenuItem } from '#ui/components/Menu/Menu';
+export interface SplitButtonProps extends ButtonVariantProps, Omit<AriaButtonProps, "children"> {
+    label: string;
+    labelRight: string;
+    link?: AriaLinkProps;
+    items: MenuItem[];
+}
+export declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/TextButton/TextButton.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonIconProps } from '#ui/components/buttons/Button/Button';
+import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
+import { ButtonContentVariantProps } from '#ui/components/buttons/shared/buttonContent.cva';
+export type TextButtonProps = Omit<ButtonVariantProps, "variant"> & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<true | false> & {
+    children: string;
+    isLoading?: boolean;
+    link?: AriaLinkProps;
+    disableTooltip?: boolean;
+};
+export declare const TextButton: ({ children, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,9 @@
+import { ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+import { ButtonIconProps } from '#ui/components/buttons/Button/Button';
+import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
+import { ButtonContentVariantProps } from '#ui/components/buttons/shared/buttonContent.cva';
+export type ToggleButtonProps = ButtonVariantProps & ButtonContentVariantProps & AriaToggleButtonProps & ButtonIconProps<true | false> & {
+    children: string;
+    disableTooltip?: boolean;
+};
+export declare const ToggleButton: ({ children, ...props }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/shared/ButtonContent.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactElement, Ref, SVGProps } from 'react';
+import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
+import { ButtonContentVariantProps } from '#ui/components/buttons/shared/buttonContent.cva';
+import { TypographyVariantProps } from '#ui/components/text/Typography/typography.cva';
+interface ButtonContentProps extends ButtonContentVariantProps, Pick<ButtonVariantProps, "size"> {
+    ref?: Ref<HTMLHeadingElement>;
+    text: string;
+    isLoading?: boolean;
+    className?: string;
+    icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+    iconClassName?: string;
+    hideText?: boolean;
+    typography?: TypographyVariantProps;
+}
+export declare const ButtonContent: ({ ref, text, isLoading, className, icon: Icon, iconClassName, hideText, iconPosition, typography, }: ButtonContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/buttons/shared/buttonContent.cva.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const buttonContent: (props?: ({
+    iconPosition?: "none" | "left" | "right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonContentVariantProps extends VariantProps<typeof buttonContent> {
+}

package/src/components/inputs/Checkbox/Checkbox.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, ReactElement, Ref, SVGProps } from 'react';
+import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+import { FieldValues } from 'react-hook-form';
+import { CheckboxVariantProps } from '#ui/components/inputs/Checkbox/checkbox.cva';
+import { FormFieldErrorProps } from '#ui/components/inputs/FormField/FormFieldError';
+import { ControlProps } from '#ui/components/inputs/shared/form.types';
+interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, Omit<AriaCheckboxProps, "className"> {
+    ref?: Ref<HTMLLabelElement>;
+    children: string | ReactElement;
+    hideLabel?: boolean;
+    selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+    indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+}
+export type CheckboxProps = CheckboxBaseProps;
+export type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps, TFieldValues, "isSelected">;
+export declare const Checkbox: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/inputs/Checkbox/CheckboxCheckmark.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType, SVGProps } from 'react';
+import { CheckboxVariantProps } from '#ui/components/inputs/Checkbox/checkbox.cva';
+interface CheckboxCheckmarkProps extends CheckboxVariantProps {
+    className?: string;
+    selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+    indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+}
+export declare const CheckboxCheckmark: ({ variant, className, selectedIcon: SelectedIcon, indeterminateIcon: IndeterminateIcon, ...props }: CheckboxCheckmarkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/inputs/Checkbox/checkbox.cva.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { TypographyVariantProps } from '#ui/components/text/Typography/typography.cva';
+export declare const checkbox: (props?: ({
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface CheckboxVariantProps extends VariantProps<typeof checkbox> {
+}
+export declare const checkboxIndicatorClass = "group flex items-center gap-2";
+export declare const checkboxTypography: (props: {
+    variant?: "default" | null | undefined;
+}) => TypographyVariantProps | undefined;

package/src/components/inputs/DateTime/DatePicker/DatePicker.d.ts

@@ -0,0 +1,24 @@
+import { CalendarDate, DateValue } from '@internationalized/date';
+import { Ref } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { DatePickerStateOptions } from 'react-stately';
+import { FormFieldProps } from '#ui/components/inputs/FormField/FormField';
+import { ControlProps } from '#ui/components/inputs/shared/form.types';
+import { InputVariantProps } from '#ui/components/inputs/shared/input.cva';
+interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label"> {
+    ref?: Ref<HTMLDivElement>;
+    disableDropdown?: boolean;
+    isClearable?: boolean;
+    className?: string;
+    todayIcon?: boolean;
+}
+export interface DatePickerProps extends Omit<DatePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    fullIso?: boolean;
+    minValue?: DateValue | string;
+    maxValue?: DateValue | string;
+}
+export type ControlledDatePickerProps<TFieldValues extends FieldValues> = ControlProps<DatePickerProps, TFieldValues>;
+export declare const DatePicker: <TFieldValues extends FieldValues>({ fullIso, minValue, maxValue, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,32 @@
+import { CalendarDate } from '@internationalized/date';
+import { Ref } from 'react';
+import { DateValue } from 'react-aria';
+import { FieldValues } from 'react-hook-form';
+import { DateRangePickerStateOptions } from 'react-stately';
+import { FormFieldProps } from '#ui/components/inputs/FormField/FormField';
+import { ControlProps } from '#ui/components/inputs/shared/form.types';
+import { InputVariantProps } from '#ui/components/inputs/shared/input.cva';
+interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DateRangePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label"> {
+    ref?: Ref<HTMLDivElement>;
+    disableDropdown?: boolean;
+    isClearable?: boolean;
+    hideSidebar?: boolean;
+    className?: string;
+    todayIcon?: boolean;
+}
+export interface DateRangePickerProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
+    value?: {
+        start: string | null;
+        end: string | null;
+    } | null;
+    onChange?: (value: {
+        start: string | null;
+        end: string | null;
+    } | null) => void;
+    fullIso?: boolean;
+    minValue?: DateValue | string;
+    maxValue?: DateValue | string;
+}
+export type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = ControlProps<DateRangePickerProps, TFieldValues>;
+export declare const DateRangePicker: <TFieldValues extends FieldValues>({ fullIso, minValue, maxValue, ...props }: ControlledDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'react';
+import { DateValue } from 'react-aria';
+import { FieldValues } from 'react-hook-form';
+import { DatePickerStateOptions } from 'react-stately';
+import { FormFieldProps } from '#ui/components/inputs/FormField/FormField';
+import { ControlProps } from '#ui/components/inputs/shared/form.types';
+import { InputVariantProps } from '#ui/components/inputs/shared/input.cva';
+interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label"> {
+    ref?: Ref<HTMLDivElement>;
+    disableDropdown?: boolean;
+    isTimeOptional?: boolean;
+    isClearable?: boolean;
+    todayIcon?: boolean;
+}
+export interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "value" | "onChange"> {
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    fullIso?: boolean;
+}
+export type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = ControlProps<DateTimePickerProps, TFieldValues>;
+export declare const DateTimePicker: <TFieldValues extends FieldValues>({ fullIso, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/inputs/DateTime/TimePicker/TimePicker.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'react';
+import { AriaTimeFieldProps, TimeValue } from 'react-aria';
+import { FieldValues } from 'react-hook-form';
+import { FormFieldProps } from '#ui/components/inputs/FormField/FormField';
+import { ControlProps } from '#ui/components/inputs/shared/form.types';
+import { InputVariantProps } from '#ui/components/inputs/shared/input.cva';
+interface TimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<AriaTimeFieldProps<TimeValue>, "label"> {
+    ref?: Ref<HTMLDivElement>;
+    disableDropdown?: boolean;
+    date?: string | null;
+    isClearable?: boolean;
+}
+export interface TimePickerProps extends Omit<TimePickerBaseProps, "value" | "onChange"> {
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    fullIso?: boolean;
+}
+export type ControlledTimePickerProps<TFieldValues extends FieldValues> = ControlProps<TimePickerProps, TFieldValues>;
+export declare const TimePicker: <TFieldValues extends FieldValues>(props: ControlledTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/inputs/DateTime/shared/Calendar.d.ts

@@ -0,0 +1,20 @@
+import { CalendarState, CalendarStateOptions } from '@react-stately/calendar';
+import { DatePickerState } from 'react-stately';
+type DateTimeCalendarProps = {
+    includesTime?: false;
+    datePickerState?: never;
+    hourCycle?: never;
+} | {
+    includesTime: true;
+    datePickerState: DatePickerState;
+    hourCycle?: 12 | 24;
+};
+type CalendarProps = DateTimeCalendarProps & {
+    className?: string;
+    state: CalendarState;
+    calendarProps: Omit<CalendarStateOptions, "locale" | "createCalendar">;
+    onApply: () => void;
+};
+export type ToggleState = "month" | "year" | "time";
+export declare const Calendar: ({ className, includesTime, datePickerState, hourCycle, onApply, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export {};