@dilipod/ui 0.1.0 → 0.2.0
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/dist/index.d.mts +71 -3
- package/dist/index.d.ts +71 -3
- package/dist/index.js +2209 -46
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2196 -49
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/accordion.stories.tsx +66 -0
- package/src/components/accordion.tsx +58 -0
- package/src/components/input.stories.tsx +57 -0
- package/src/components/input.tsx +26 -0
- package/src/components/label.stories.tsx +39 -0
- package/src/components/label.tsx +27 -0
- package/src/components/logo.tsx +4 -4
- package/src/components/navigation-menu.stories.tsx +88 -0
- package/src/components/navigation-menu.tsx +130 -0
- package/src/components/separator.stories.tsx +50 -0
- package/src/components/separator.tsx +32 -0
- package/src/components/sheet.tsx +5 -0
- package/src/components/stat.tsx +4 -4
- package/src/components/textarea.stories.tsx +49 -0
- package/src/components/textarea.tsx +25 -0
- package/src/index.ts +33 -0
package/dist/index.d.mts
CHANGED
|
@@ -25,7 +25,7 @@ declare const sheetVariants: (props?: ({
|
|
|
25
25
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
26
26
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
27
27
|
}
|
|
28
|
-
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
declare const SheetContent: React.ForwardRefExoticComponent<Omit<SheetContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
29
|
declare const SheetHeader: {
|
|
30
30
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
31
31
|
displayName: string;
|
|
@@ -40,7 +40,7 @@ declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimit
|
|
|
40
40
|
interface LogoProps {
|
|
41
41
|
variant?: 'dark' | 'light';
|
|
42
42
|
size?: 'sm' | 'md' | 'lg';
|
|
43
|
-
href?: string;
|
|
43
|
+
href?: string | null;
|
|
44
44
|
className?: string;
|
|
45
45
|
}
|
|
46
46
|
/**
|
|
@@ -128,6 +128,74 @@ interface StatProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<t
|
|
|
128
128
|
}
|
|
129
129
|
declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;
|
|
130
130
|
|
|
131
|
+
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
132
|
+
}
|
|
133
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
134
|
+
|
|
135
|
+
declare const NODES$1: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
136
|
+
type Primitives$1 = {
|
|
137
|
+
[E in (typeof NODES$1)[number]]: PrimitiveForwardRefComponent$1<E>;
|
|
138
|
+
};
|
|
139
|
+
type PrimitivePropsWithRef$1<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
140
|
+
asChild?: boolean;
|
|
141
|
+
};
|
|
142
|
+
interface PrimitiveForwardRefComponent$1<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef$1<E>> {
|
|
143
|
+
}
|
|
144
|
+
declare const Primitive$1: Primitives$1;
|
|
145
|
+
|
|
146
|
+
type PrimitiveLabelProps = React.ComponentPropsWithoutRef<typeof Primitive$1.label>;
|
|
147
|
+
interface LabelProps extends PrimitiveLabelProps {
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
declare const Label: React.ForwardRefExoticComponent<any>;
|
|
151
|
+
|
|
152
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
153
|
+
}
|
|
154
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
155
|
+
|
|
156
|
+
declare const Accordion: React.ForwardRefExoticComponent<any>;
|
|
157
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<any>;
|
|
158
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<any>;
|
|
159
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<any>;
|
|
160
|
+
|
|
161
|
+
declare const NODES: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
162
|
+
type Primitives = {
|
|
163
|
+
[E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>;
|
|
164
|
+
};
|
|
165
|
+
type PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
166
|
+
asChild?: boolean;
|
|
167
|
+
};
|
|
168
|
+
interface PrimitiveForwardRefComponent<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {
|
|
169
|
+
}
|
|
170
|
+
declare const Primitive: Primitives;
|
|
171
|
+
|
|
172
|
+
declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
173
|
+
type Orientation = (typeof ORIENTATIONS)[number];
|
|
174
|
+
type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
175
|
+
interface SeparatorProps extends PrimitiveDivProps {
|
|
176
|
+
/**
|
|
177
|
+
* Either `vertical` or `horizontal`. Defaults to `horizontal`.
|
|
178
|
+
*/
|
|
179
|
+
orientation?: Orientation;
|
|
180
|
+
/**
|
|
181
|
+
* Whether or not the component is purely decorative. When true, accessibility-related attributes
|
|
182
|
+
* are updated so that that the rendered element is removed from the accessibility tree.
|
|
183
|
+
*/
|
|
184
|
+
decorative?: boolean;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
declare const Separator: React.ForwardRefExoticComponent<any>;
|
|
188
|
+
|
|
189
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<any>;
|
|
190
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<any>;
|
|
191
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<any>;
|
|
192
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
193
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<any>;
|
|
194
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<any>;
|
|
195
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<any>;
|
|
196
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<any>;
|
|
197
|
+
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<any>;
|
|
198
|
+
|
|
131
199
|
declare function cn(...inputs: ClassValue[]): string;
|
|
132
200
|
|
|
133
|
-
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IconBox, type IconBoxProps, Logo, type LogoProps, Progress, type ProgressProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Stat, type StatProps, Tag, type TagProps, badgeVariants, buttonVariants, cn, iconBoxVariants, progressVariants, statVariants, tagVariants, valueVariants };
|
|
201
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IconBox, type IconBoxProps, Input, type InputProps, Label, type LabelProps, Logo, type LogoProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Progress, type ProgressProps, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Stat, type StatProps, Tag, type TagProps, Textarea, type TextareaProps, badgeVariants, buttonVariants, cn, iconBoxVariants, navigationMenuTriggerStyle, progressVariants, statVariants, tagVariants, valueVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ declare const sheetVariants: (props?: ({
|
|
|
25
25
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
26
26
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
27
27
|
}
|
|
28
|
-
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
declare const SheetContent: React.ForwardRefExoticComponent<Omit<SheetContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
29
|
declare const SheetHeader: {
|
|
30
30
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
31
31
|
displayName: string;
|
|
@@ -40,7 +40,7 @@ declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimit
|
|
|
40
40
|
interface LogoProps {
|
|
41
41
|
variant?: 'dark' | 'light';
|
|
42
42
|
size?: 'sm' | 'md' | 'lg';
|
|
43
|
-
href?: string;
|
|
43
|
+
href?: string | null;
|
|
44
44
|
className?: string;
|
|
45
45
|
}
|
|
46
46
|
/**
|
|
@@ -128,6 +128,74 @@ interface StatProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<t
|
|
|
128
128
|
}
|
|
129
129
|
declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;
|
|
130
130
|
|
|
131
|
+
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
132
|
+
}
|
|
133
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
134
|
+
|
|
135
|
+
declare const NODES$1: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
136
|
+
type Primitives$1 = {
|
|
137
|
+
[E in (typeof NODES$1)[number]]: PrimitiveForwardRefComponent$1<E>;
|
|
138
|
+
};
|
|
139
|
+
type PrimitivePropsWithRef$1<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
140
|
+
asChild?: boolean;
|
|
141
|
+
};
|
|
142
|
+
interface PrimitiveForwardRefComponent$1<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef$1<E>> {
|
|
143
|
+
}
|
|
144
|
+
declare const Primitive$1: Primitives$1;
|
|
145
|
+
|
|
146
|
+
type PrimitiveLabelProps = React.ComponentPropsWithoutRef<typeof Primitive$1.label>;
|
|
147
|
+
interface LabelProps extends PrimitiveLabelProps {
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
declare const Label: React.ForwardRefExoticComponent<any>;
|
|
151
|
+
|
|
152
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
153
|
+
}
|
|
154
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
155
|
+
|
|
156
|
+
declare const Accordion: React.ForwardRefExoticComponent<any>;
|
|
157
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<any>;
|
|
158
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<any>;
|
|
159
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<any>;
|
|
160
|
+
|
|
161
|
+
declare const NODES: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
162
|
+
type Primitives = {
|
|
163
|
+
[E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>;
|
|
164
|
+
};
|
|
165
|
+
type PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
166
|
+
asChild?: boolean;
|
|
167
|
+
};
|
|
168
|
+
interface PrimitiveForwardRefComponent<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {
|
|
169
|
+
}
|
|
170
|
+
declare const Primitive: Primitives;
|
|
171
|
+
|
|
172
|
+
declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
173
|
+
type Orientation = (typeof ORIENTATIONS)[number];
|
|
174
|
+
type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
175
|
+
interface SeparatorProps extends PrimitiveDivProps {
|
|
176
|
+
/**
|
|
177
|
+
* Either `vertical` or `horizontal`. Defaults to `horizontal`.
|
|
178
|
+
*/
|
|
179
|
+
orientation?: Orientation;
|
|
180
|
+
/**
|
|
181
|
+
* Whether or not the component is purely decorative. When true, accessibility-related attributes
|
|
182
|
+
* are updated so that that the rendered element is removed from the accessibility tree.
|
|
183
|
+
*/
|
|
184
|
+
decorative?: boolean;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
declare const Separator: React.ForwardRefExoticComponent<any>;
|
|
188
|
+
|
|
189
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<any>;
|
|
190
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<any>;
|
|
191
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<any>;
|
|
192
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
193
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<any>;
|
|
194
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<any>;
|
|
195
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<any>;
|
|
196
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<any>;
|
|
197
|
+
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<any>;
|
|
198
|
+
|
|
131
199
|
declare function cn(...inputs: ClassValue[]): string;
|
|
132
200
|
|
|
133
|
-
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IconBox, type IconBoxProps, Logo, type LogoProps, Progress, type ProgressProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Stat, type StatProps, Tag, type TagProps, badgeVariants, buttonVariants, cn, iconBoxVariants, progressVariants, statVariants, tagVariants, valueVariants };
|
|
201
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IconBox, type IconBoxProps, Input, type InputProps, Label, type LabelProps, Logo, type LogoProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Progress, type ProgressProps, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Stat, type StatProps, Tag, type TagProps, Textarea, type TextareaProps, badgeVariants, buttonVariants, cn, iconBoxVariants, navigationMenuTriggerStyle, progressVariants, statVariants, tagVariants, valueVariants };
|