uilab-core 0.1.8 → 0.1.10
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.
- package/README.md +16 -2
- package/dist/components/accordion.d.ts +8 -4
- package/dist/components/alert-dialog.d.ts +22 -11
- package/dist/components/alert.d.ts +6 -3
- package/dist/components/aspect-ratio.d.ts +2 -1
- package/dist/components/avatar.d.ts +6 -3
- package/dist/components/form.d.ts +3 -3
- package/dist/components/index.d.ts +0 -1
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/spinner.d.ts +2 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +53 -37
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/container.d.ts +0 -8
package/README.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
-
#
|
|
1
|
+
# UILab
|
|
2
|
+
|
|
3
|
+
Internal component registry, knowledge base, and common utilities for company projects.
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
This monorepo contains:
|
|
8
|
+
|
|
9
|
+
- **UI Library** - A shadcn/ui-based component registry with reusable React components
|
|
10
|
+
- **Documentation** - Interactive documentation site showcasing all available components
|
|
11
|
+
- **Utilities** - Common utilities and helpers for frontend development
|
|
12
|
+
|
|
13
|
+
## Prerequisites
|
|
14
|
+
|
|
15
|
+
- Node.js >= 22 (see `.nvmrc`)
|
|
16
|
+
- pnpm 10.18.2
|
|
2
17
|
|
|
3
|
-
Bahamut UI. Component library based off shadcn for personal use
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
-
|
|
4
|
-
declare function
|
|
5
|
-
|
|
6
|
-
declare function
|
|
3
|
+
export type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
|
|
4
|
+
declare function Accordion({ ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export type AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;
|
|
6
|
+
declare function AccordionItem({ className, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>;
|
|
8
|
+
declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;
|
|
10
|
+
declare function AccordionContent({ className, children, ...props }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
|
|
7
11
|
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
-
|
|
4
|
-
declare function
|
|
5
|
-
|
|
6
|
-
declare function
|
|
7
|
-
|
|
8
|
-
declare function
|
|
9
|
-
|
|
10
|
-
declare function
|
|
11
|
-
|
|
12
|
-
declare function
|
|
13
|
-
|
|
3
|
+
export type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;
|
|
4
|
+
declare function AlertDialog({ ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialogPrimitive.Trigger>;
|
|
6
|
+
declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialogPrimitive.Portal>;
|
|
8
|
+
declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export type AlertDialogOverlayProps = React.ComponentProps<typeof AlertDialogPrimitive.Overlay>;
|
|
10
|
+
declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type AlertDialogContentProps = React.ComponentProps<typeof AlertDialogPrimitive.Content>;
|
|
12
|
+
declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export type AlertDialogHeaderProps = React.ComponentProps<'div'>;
|
|
14
|
+
declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export type AlertDialogFooterProps = React.ComponentProps<'div'>;
|
|
16
|
+
declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialogPrimitive.Title>;
|
|
18
|
+
declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialogPrimitive.Description>;
|
|
20
|
+
declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export type AlertDialogActionProps = React.ComponentProps<typeof AlertDialogPrimitive.Action>;
|
|
22
|
+
declare function AlertDialogAction({ className, ...props }: AlertDialogActionProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialogPrimitive.Cancel>;
|
|
24
|
+
declare function AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): import("react/jsx-runtime").JSX.Element;
|
|
14
25
|
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -3,7 +3,10 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
declare const alertVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "destructive" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
-
|
|
7
|
-
declare function
|
|
8
|
-
|
|
6
|
+
export type AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariants>;
|
|
7
|
+
declare function Alert({ className, variant, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export type AlertTitleProps = React.ComponentProps<'div'>;
|
|
9
|
+
declare function AlertTitle({ className, ...props }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export type AlertDescriptionProps = React.ComponentProps<'div'>;
|
|
11
|
+
declare function AlertDescription({ className, ...props }: AlertDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
9
12
|
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
2
|
-
|
|
2
|
+
export type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
|
|
3
|
+
declare function AspectRatio({ ...props }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
export { AspectRatio };
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
3
|
-
|
|
4
|
-
declare function
|
|
5
|
-
|
|
3
|
+
export type AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root>;
|
|
4
|
+
declare function Avatar({ className, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export type AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;
|
|
6
|
+
declare function AvatarImage({ className, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;
|
|
8
|
+
declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): import("react/jsx-runtime").JSX.Element;
|
|
6
9
|
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
|
|
5
|
-
declare const Form: <TFieldValues extends FieldValues
|
|
4
|
+
import { FormProviderProps, type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
|
|
5
|
+
export declare const Form: <TFieldValues extends FieldValues = FieldValues>(props: FormProviderProps<TFieldValues>) => React.JSX.Element;
|
|
6
6
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
declare const useFormField: () => {
|
|
8
8
|
invalid: boolean;
|
|
@@ -21,4 +21,4 @@ declare function FormLabel({ className, ...props }: React.ComponentProps<typeof
|
|
|
21
21
|
declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
|
|
24
|
-
export { useFormField,
|
|
24
|
+
export { useFormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|
|
@@ -3,7 +3,7 @@ import { Button } from './button';
|
|
|
3
3
|
declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare function PaginationItem({ ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
type PaginationLinkProps = {
|
|
6
|
+
export type PaginationLinkProps = {
|
|
7
7
|
isActive?: boolean;
|
|
8
8
|
} & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
|
|
9
9
|
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { LucideProps } from 'lucide-react';
|
|
2
|
+
declare function Spinner({ className, ...props }: LucideProps): import("react/jsx-runtime").JSX.Element;
|
|
2
3
|
export { Spinner };
|