@pos-360/horizon 0.2.1 → 0.4.0

package/dist/primitives.d.mts

@@ -5,10 +5,10 @@ import { VariantProps } from 'class-variance-authority';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as LabelPrimitive from '@radix-ui/react-label';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "purple" | "purpleOutline" | null | undefined;
@@ -87,6 +87,58 @@ declare const DropdownMenuShortcut: {
     displayName: string;
 };
 
+declare const labelVariants: (props?: ({
+    variant?: "default" | "eyebrow" | null | undefined;
+    size?: "sm" | "lg" | "base" | "xs" | "xl" | null | undefined;
+    weight?: "bold" | "medium" | "semibold" | null | undefined;
+    required?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+
+interface FormContextValue {
+    errors: Record<string, string | undefined>;
+    setError: (name: string, message: string | undefined) => void;
+    clearError: (name: string) => void;
+    clearAllErrors: () => void;
+    isSubmitting: boolean;
+    isValid: boolean;
+}
+declare function useFormContext(): FormContextValue;
+interface FormFieldContextValue {
+    name: string;
+    error?: string;
+    id: string;
+}
+declare function useFormFieldContext(): FormFieldContextValue;
+interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> {
+    onFormSubmit?: (e: React.FormEvent<HTMLFormElement>, helpers: {
+        setError: (name: string, message: string) => void;
+        clearErrors: () => void;
+        setSubmitting: (value: boolean) => void;
+    }) => void | Promise<void>;
+}
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+}
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {
+}
+declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactElement;
+}
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    error?: string;
+}
+declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
+
 declare const Popover: React.FC<React.ComponentProps<typeof PopoverPrimitive.Root>>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
@@ -168,7 +220,7 @@ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.Re
 
 declare const headingVariants: (props?: ({
     level?: 1 | 3 | 4 | 2 | 5 | 6 | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "bold" | "medium" | "semibold" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -180,7 +232,7 @@ declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefA
 
 declare const textVariants: (props?: ({
     size?: "sm" | "lg" | "base" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
-    weight?: "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "semibold" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | "justify" | null | undefined;
     color?: "default" | "success" | "warning" | "muted" | "error" | "accent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -190,16 +242,6 @@ interface TextProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, "co
 }
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
 
-declare const labelVariants: (props?: ({
-    variant?: "default" | "eyebrow" | null | undefined;
-    size?: "sm" | "lg" | "base" | "xs" | "xl" | null | undefined;
-    weight?: "bold" | "medium" | "semibold" | null | undefined;
-    required?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
-}
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-
 declare const captionVariants: (props?: ({
     weight?: "medium" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | null | undefined;
@@ -217,4 +259,4 @@ interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, Va
 }
 declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, type TextareaProps, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, textVariants };
+export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, type TextareaProps, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, textVariants, useFormContext, useFormFieldContext };

package/dist/primitives.d.ts

@@ -5,10 +5,10 @@ import { VariantProps } from 'class-variance-authority';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as LabelPrimitive from '@radix-ui/react-label';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "purple" | "purpleOutline" | null | undefined;
@@ -87,6 +87,58 @@ declare const DropdownMenuShortcut: {
     displayName: string;
 };
 
+declare const labelVariants: (props?: ({
+    variant?: "default" | "eyebrow" | null | undefined;
+    size?: "sm" | "lg" | "base" | "xs" | "xl" | null | undefined;
+    weight?: "bold" | "medium" | "semibold" | null | undefined;
+    required?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+
+interface FormContextValue {
+    errors: Record<string, string | undefined>;
+    setError: (name: string, message: string | undefined) => void;
+    clearError: (name: string) => void;
+    clearAllErrors: () => void;
+    isSubmitting: boolean;
+    isValid: boolean;
+}
+declare function useFormContext(): FormContextValue;
+interface FormFieldContextValue {
+    name: string;
+    error?: string;
+    id: string;
+}
+declare function useFormFieldContext(): FormFieldContextValue;
+interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> {
+    onFormSubmit?: (e: React.FormEvent<HTMLFormElement>, helpers: {
+        setError: (name: string, message: string) => void;
+        clearErrors: () => void;
+        setSubmitting: (value: boolean) => void;
+    }) => void | Promise<void>;
+}
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+}
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {
+}
+declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactElement;
+}
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    error?: string;
+}
+declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
+
 declare const Popover: React.FC<React.ComponentProps<typeof PopoverPrimitive.Root>>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
@@ -168,7 +220,7 @@ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.Re
 
 declare const headingVariants: (props?: ({
     level?: 1 | 3 | 4 | 2 | 5 | 6 | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "bold" | "medium" | "semibold" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -180,7 +232,7 @@ declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefA
 
 declare const textVariants: (props?: ({
     size?: "sm" | "lg" | "base" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
-    weight?: "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "semibold" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | "justify" | null | undefined;
     color?: "default" | "success" | "warning" | "muted" | "error" | "accent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -190,16 +242,6 @@ interface TextProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, "co
 }
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
 
-declare const labelVariants: (props?: ({
-    variant?: "default" | "eyebrow" | null | undefined;
-    size?: "sm" | "lg" | "base" | "xs" | "xl" | null | undefined;
-    weight?: "bold" | "medium" | "semibold" | null | undefined;
-    required?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
-}
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-
 declare const captionVariants: (props?: ({
     weight?: "medium" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | null | undefined;
@@ -217,4 +259,4 @@ interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, Va
 }
 declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, type TextareaProps, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, textVariants };
+export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, type TextareaProps, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, textVariants, useFormContext, useFormFieldContext };