@segmentify/ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/App.d.ts +2 -0
  2. package/dist/components/atoms/accordion.d.ts +7 -0
  3. package/dist/components/atoms/aspect-ratio.d.ts +3 -0
  4. package/dist/components/atoms/avatar.d.ts +6 -0
  5. package/dist/components/atoms/badge.d.ts +7 -0
  6. package/dist/components/atoms/breadcrumb.d.ts +11 -0
  7. package/dist/components/atoms/button.d.ts +7 -0
  8. package/dist/components/atoms/calendar.d.ts +8 -0
  9. package/dist/components/atoms/card.d.ts +9 -0
  10. package/dist/components/atoms/carousel.d.ts +19 -0
  11. package/dist/components/atoms/chart.d.ts +40 -0
  12. package/dist/components/atoms/checkbox.d.ts +4 -0
  13. package/dist/components/atoms/collapsible.d.ts +5 -0
  14. package/dist/components/atoms/command.d.ts +18 -0
  15. package/dist/components/atoms/component-switch.d.ts +19 -0
  16. package/dist/components/atoms/content-wrapper.d.ts +11 -0
  17. package/dist/components/atoms/date.d.ts +4 -0
  18. package/dist/components/atoms/dialog.d.ts +15 -0
  19. package/dist/components/atoms/drawer.d.ts +13 -0
  20. package/dist/components/atoms/dropdown-menu.d.ts +25 -0
  21. package/dist/components/atoms/empty.d.ts +11 -0
  22. package/dist/components/atoms/error-message.d.ts +6 -0
  23. package/dist/components/atoms/field-description.d.ts +6 -0
  24. package/dist/components/atoms/form.d.ts +12 -0
  25. package/dist/components/atoms/hover-card.d.ts +6 -0
  26. package/dist/components/atoms/icon.d.ts +6 -0
  27. package/dist/components/atoms/input-otp.d.ts +20 -0
  28. package/dist/components/atoms/input.d.ts +3 -0
  29. package/dist/components/atoms/kbd.d.ts +3 -0
  30. package/dist/components/atoms/label.d.ts +9 -0
  31. package/dist/components/atoms/load-more.d.ts +6 -0
  32. package/dist/components/atoms/native-select.d.ts +7 -0
  33. package/dist/components/atoms/pagination.d.ts +13 -0
  34. package/dist/components/atoms/popover.d.ts +7 -0
  35. package/dist/components/atoms/radio-group.d.ts +5 -0
  36. package/dist/components/atoms/scroll-area.d.ts +5 -0
  37. package/dist/components/atoms/select-multi.d.ts +28 -0
  38. package/dist/components/atoms/select.d.ts +15 -0
  39. package/dist/components/atoms/separator.d.ts +4 -0
  40. package/dist/components/atoms/sheet.d.ts +13 -0
  41. package/dist/components/atoms/sidebar.d.ts +59 -0
  42. package/dist/components/atoms/skeleton.d.ts +2 -0
  43. package/dist/components/atoms/slider.d.ts +4 -0
  44. package/dist/components/atoms/spinner.d.ts +7 -0
  45. package/dist/components/atoms/switch.d.ts +4 -0
  46. package/dist/components/atoms/table-whatsapp.d.ts +35 -0
  47. package/dist/components/atoms/table.d.ts +17 -0
  48. package/dist/components/atoms/tabs.d.ts +7 -0
  49. package/dist/components/atoms/textarea.d.ts +3 -0
  50. package/dist/components/atoms/tooltip.d.ts +7 -0
  51. package/dist/hooks/use-form-field.d.ts +23 -0
  52. package/dist/hooks/use-mobile.d.ts +1 -0
  53. package/dist/hooks/use-sidebar.d.ts +12 -0
  54. package/dist/index.d.ts +50 -0
  55. package/dist/lib/design-variants.d.ts +10 -0
  56. package/dist/lib/utils.d.ts +3 -0
  57. package/dist/main.d.ts +1 -0
  58. package/dist/segmentify-ui.cjs +86 -0
  59. package/dist/segmentify-ui.js +26999 -0
  60. package/dist/vite.svg +1 -0
  61. package/package.json +129 -0
@@ -0,0 +1,35 @@
1
+ import * as React from 'react';
2
+ type ColumnDefMeta = {
3
+ whiteSpace?: string;
4
+ sticky?: boolean;
5
+ stickyLeft?: boolean;
6
+ stickyRight?: boolean;
7
+ textColor?: string;
8
+ borderRight?: boolean;
9
+ cellBgColorClass?: string;
10
+ };
11
+ type ColumnLike = {
12
+ columnDef?: ColumnDefMeta;
13
+ };
14
+ declare const Table: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & React.RefAttributes<HTMLTableElement>>;
15
+ export type TableHeaderProps = React.ComponentProps<'thead'> & {
16
+ disableHover?: boolean;
17
+ };
18
+ declare const TableHeader: React.ForwardRefExoticComponent<Omit<TableHeaderProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
19
+ type TableHeadProps = React.ComponentProps<'th'> & {
20
+ column?: ColumnLike;
21
+ };
22
+ declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
23
+ type TableCellProps = React.ComponentProps<'td'> & {
24
+ column?: ColumnLike;
25
+ };
26
+ declare const TableCell: React.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
27
+ declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
28
+ declare const TableHeadRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
29
+ export type TableRowProps = React.ComponentProps<'tr'> & {
30
+ disableHover?: boolean;
31
+ };
32
+ declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
33
+ declare const TableCaption: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLTableCaptionElement>>;
34
+ declare const TableFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
35
+ export { Table, TableHeader, TableBody, TableFooter, TableHead, TableHeadRow, TableRow, TableCell, TableCaption };
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
3
+ type TableHeaderProps = React.ComponentProps<'thead'> & {
4
+ disableHover?: boolean;
5
+ };
6
+ declare function TableHeader({ className, disableHover, ...props }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
7
+ declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
8
+ declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
9
+ declare function TableHeadRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
10
+ type TableRowProps = React.ComponentProps<'tr'> & {
11
+ disableHover?: boolean;
12
+ };
13
+ declare function TableRow({ className, disableHover, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
14
+ declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
15
+ declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
16
+ declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
17
+ export { Table, TableHeader, TableBody, TableHeadRow, TableFooter, TableHead, TableRow, TableCell, TableCaption };
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
3
+ declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
5
+ declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
6
+ declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
7
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
3
+ export { Textarea };
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
3
+ declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
4
+ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
5
+ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
6
+ declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
7
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
@@ -0,0 +1,23 @@
1
+ import * as React from 'react';
2
+ import { type FieldPath, type FieldValues } from 'react-hook-form';
3
+ type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
4
+ name: TName;
5
+ };
6
+ type FormItemContextValue = {
7
+ id: string;
8
+ };
9
+ export declare const FormFieldContext: React.Context<FormFieldContextValue<FieldValues, string>>;
10
+ export declare const FormItemContext: React.Context<FormItemContextValue>;
11
+ export declare const useFormField: () => {
12
+ invalid: boolean;
13
+ isDirty: boolean;
14
+ isTouched: boolean;
15
+ isValidating: boolean;
16
+ error?: import("react-hook-form").FieldError;
17
+ id: string;
18
+ name: string;
19
+ formItemId: string;
20
+ formDescriptionId: string;
21
+ formMessageId: string;
22
+ };
23
+ export {};
@@ -0,0 +1 @@
1
+ export declare function useIsMobile(): boolean;
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ export type SidebarContextProps = {
3
+ state: 'expanded' | 'collapsed';
4
+ open: boolean;
5
+ setOpen: (open: boolean) => void;
6
+ openMobile: boolean;
7
+ setOpenMobile: (open: boolean) => void;
8
+ isMobile: boolean;
9
+ toggleSidebar: () => void;
10
+ };
11
+ export declare const SidebarContext: React.Context<SidebarContextProps | null>;
12
+ export declare function useSidebar(): SidebarContextProps;
@@ -0,0 +1,50 @@
1
+ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './components/atoms/accordion';
2
+ export { AspectRatio } from './components/atoms/aspect-ratio';
3
+ export { Avatar } from './components/atoms/avatar';
4
+ export { Badge } from './components/atoms/badge';
5
+ export { Breadcrumb } from './components/atoms/breadcrumb';
6
+ export { Button } from './components/atoms/button';
7
+ export { Calendar } from './components/atoms/calendar';
8
+ export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/atoms/card';
9
+ export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './components/atoms/carousel';
10
+ export { Case, ComponentSwitch, Default } from './components/atoms/component-switch';
11
+ export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, } from './components/atoms/chart';
12
+ export { Checkbox } from './components/atoms/checkbox';
13
+ export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './components/atoms/collapsible';
14
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from './components/atoms/command';
15
+ export { ContentWrapper } from './components/atoms/content-wrapper';
16
+ export { FormattedDate } from './components/atoms/date';
17
+ export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogOverlay, DialogPortal, } from './components/atoms/dialog';
18
+ export { Drawer } from './components/atoms/drawer';
19
+ export { DropdownMenu } from './components/atoms/dropdown-menu';
20
+ export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './components/atoms/empty';
21
+ export { ErrorMessage } from './components/atoms/error-message';
22
+ export { FieldDescription } from './components/atoms/field-description';
23
+ export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from './components/atoms/form';
24
+ export { HoverCard } from './components/atoms/hover-card';
25
+ export { Icon } from './components/atoms/icon';
26
+ export { Input } from './components/atoms/input';
27
+ export { InputOTP } from './components/atoms/input-otp';
28
+ export { Kbd, KbdGroup } from './components/atoms/kbd';
29
+ export { Label } from './components/atoms/label';
30
+ export { LoadMore } from './components/atoms/load-more';
31
+ export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from './components/atoms/native-select';
32
+ export { Pagination } from './components/atoms/pagination';
33
+ export { Popover } from './components/atoms/popover';
34
+ export { RadioGroup } from './components/atoms/radio-group';
35
+ export { ScrollArea } from './components/atoms/scroll-area';
36
+ export { Select } from './components/atoms/select';
37
+ export { SelectMulti } from './components/atoms/select-multi';
38
+ export { Separator } from './components/atoms/separator';
39
+ export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, } from './components/atoms/sheet';
40
+ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, } from './components/atoms/sidebar';
41
+ export { Skeleton } from './components/atoms/skeleton';
42
+ export { Slider } from './components/atoms/slider';
43
+ export { Spinner } from './components/atoms/spinner';
44
+ export { Switch } from './components/atoms/switch';
45
+ export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/atoms/tabs';
46
+ export { Table, TableHeader, TableBody, TableHeadRow, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './components/atoms/table';
47
+ export { Table as TableWhatsApp, TableHeader as TableWhatsAppHeader, TableBody as TableWhatsAppBody, TableHeadRow as TableWhatsAppHeadRow, TableFooter as TableWhatsAppFooter, TableHead as TableWhatsAppHead, TableRow as TableWhatsAppRow, TableCell as TableWhatsAppCell, TableCaption as TableWhatsAppCaption, } from './components/atoms/table-whatsapp';
48
+ export { Textarea } from './components/atoms/textarea';
49
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
50
+ export { cn } from './lib/utils';
@@ -0,0 +1,10 @@
1
+ export declare const buttonVariants: (props?: ({
2
+ variant?: "link" | "primary" | "secondary" | "tertiary" | "success" | "destructive" | "outline" | "ghost" | "action" | "paginationActive" | "paginationInactive" | null | undefined;
3
+ size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
4
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
+ export declare const labelVariants: (props?: ({
6
+ variant?: "default" | null | undefined;
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
+ export declare const badgeVariants: (props?: ({
9
+ variant?: "secondary" | "success" | "destructive" | "outline" | "default" | "subtle" | null | undefined;
10
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -0,0 +1,3 @@
1
+ import { type ClassValue } from 'clsx';
2
+ export declare function cn(...inputs: ClassValue[]): string;
3
+ export declare const formatDate: (date: Date, desiredFormat?: string) => string;
package/dist/main.d.ts ADDED
@@ -0,0 +1 @@
1
+ import './index.css';