@dilipod/ui 0.2.1 → 0.2.3
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 +60 -19
- package/dist/index.d.ts +60 -19
- package/dist/index.js +153 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +122 -18
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/components/badge.tsx +1 -1
- package/src/components/card.tsx +1 -1
- package/src/components/icon-box.tsx +1 -1
- package/src/components/tag.tsx +4 -4
- package/src/icons.ts +8 -0
package/dist/index.d.mts
CHANGED
|
@@ -3,10 +3,10 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
7
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
8
8
|
import { ClassValue } from 'clsx';
|
|
9
|
-
export { AddressBook, ArrowLeft, ArrowRight, ArrowSquareOut, ArrowUpRight, Brain, Briefcase, Buildings, Calendar, CaretDown, CaretRight, CaretUp, ChartBar, ChartLineUp, ChatCircle, Check, CheckCircle, CheckSquare, Circle, Clock, Copy, Database, DotsThree, DotsThreeVertical, Download, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileText, Files, FirstAid, Funnel, Gear, GearSix, Globe, Handshake, House, Icon, IconProps, Info, Link, LinkedinLogo, List, MagnifyingGlass, Minus, Pause, PencilSimple, Phone, Play, Plus, Question, Receipt, Robot, ShoppingCart, SignIn, SignOut, SortAscending, SortDescending, Stop, Trash, Upload, User, UserPlus, Users, UsersThree, VideoCamera, Wallet, Warning, WarningCircle, X, XLogo } from '@phosphor-icons/react';
|
|
9
|
+
export { AddressBook, ArrowLeft, ArrowRight, ArrowSquareOut, ArrowUpRight, Brain, Briefcase, Buildings, Calendar, CaretDown, CaretRight, CaretUp, ChartBar, ChartLineUp, ChatCircle, Check, CheckCircle, CheckSquare, Circle, Clock, Copy, Crosshair, Database, DotsThree, DotsThreeVertical, Download, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileText, Files, FirstAid, Funnel, Gear, GearSix, Globe, Handshake, House, Icon, IconProps, Info, Lightning, Link, LinkedinLogo, List, MagnifyingGlass, Minus, Pause, PencilSimple, Phone, Play, Plus, Question, Quotes, Receipt, Robot, Rocket, ShieldCheck, ShoppingCart, SignIn, SignOut, SortAscending, SortDescending, Stop, Target, Trash, TrendUp, Upload, User, UserCircleCheck, UserPlus, Users, UsersThree, VideoCamera, Wallet, Warning, WarningCircle, X, XLogo } from '@phosphor-icons/react';
|
|
10
10
|
|
|
11
11
|
declare const buttonVariants: (props?: ({
|
|
12
12
|
variant?: "default" | "primary" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
@@ -27,7 +27,7 @@ declare const sheetVariants: (props?: ({
|
|
|
27
27
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
28
28
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
29
29
|
}
|
|
30
|
-
declare const SheetContent: React.ForwardRefExoticComponent<
|
|
30
|
+
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
31
|
declare const SheetHeader: {
|
|
32
32
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
@@ -134,29 +134,70 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
134
134
|
}
|
|
135
135
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
136
136
|
|
|
137
|
-
declare const
|
|
137
|
+
declare const NODES$1: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
138
|
+
type Primitives$1 = {
|
|
139
|
+
[E in (typeof NODES$1)[number]]: PrimitiveForwardRefComponent$1<E>;
|
|
140
|
+
};
|
|
141
|
+
type PrimitivePropsWithRef$1<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
142
|
+
asChild?: boolean;
|
|
143
|
+
};
|
|
144
|
+
interface PrimitiveForwardRefComponent$1<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef$1<E>> {
|
|
145
|
+
}
|
|
146
|
+
declare const Primitive$1: Primitives$1;
|
|
147
|
+
|
|
148
|
+
type PrimitiveLabelProps = React.ComponentPropsWithoutRef<typeof Primitive$1.label>;
|
|
149
|
+
interface LabelProps extends PrimitiveLabelProps {
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
138
153
|
|
|
139
154
|
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
140
155
|
}
|
|
141
156
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
142
157
|
|
|
143
|
-
declare const Accordion: React.ForwardRefExoticComponent<
|
|
144
|
-
declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
145
|
-
declare const AccordionTrigger: React.ForwardRefExoticComponent<
|
|
146
|
-
declare const AccordionContent: React.ForwardRefExoticComponent<
|
|
158
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
159
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
160
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
161
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
162
|
+
|
|
163
|
+
declare const NODES: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
164
|
+
type Primitives = {
|
|
165
|
+
[E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>;
|
|
166
|
+
};
|
|
167
|
+
type PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
168
|
+
asChild?: boolean;
|
|
169
|
+
};
|
|
170
|
+
interface PrimitiveForwardRefComponent<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {
|
|
171
|
+
}
|
|
172
|
+
declare const Primitive: Primitives;
|
|
173
|
+
|
|
174
|
+
declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
175
|
+
type Orientation = (typeof ORIENTATIONS)[number];
|
|
176
|
+
type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
177
|
+
interface SeparatorProps extends PrimitiveDivProps {
|
|
178
|
+
/**
|
|
179
|
+
* Either `vertical` or `horizontal`. Defaults to `horizontal`.
|
|
180
|
+
*/
|
|
181
|
+
orientation?: Orientation;
|
|
182
|
+
/**
|
|
183
|
+
* Whether or not the component is purely decorative. When true, accessibility-related attributes
|
|
184
|
+
* are updated so that that the rendered element is removed from the accessibility tree.
|
|
185
|
+
*/
|
|
186
|
+
decorative?: boolean;
|
|
187
|
+
}
|
|
147
188
|
|
|
148
|
-
declare const Separator: React.ForwardRefExoticComponent<
|
|
189
|
+
declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
149
190
|
|
|
150
|
-
declare const NavigationMenu: React.ForwardRefExoticComponent<
|
|
151
|
-
declare const NavigationMenuList: React.ForwardRefExoticComponent<
|
|
152
|
-
declare const NavigationMenuItem: React.ForwardRefExoticComponent<
|
|
191
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
192
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
193
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
153
194
|
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
154
|
-
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<
|
|
155
|
-
declare const NavigationMenuContent: React.ForwardRefExoticComponent<
|
|
156
|
-
declare const NavigationMenuLink: React.ForwardRefExoticComponent<
|
|
157
|
-
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<
|
|
158
|
-
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<
|
|
195
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
196
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
197
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
198
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
199
|
+
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
159
200
|
|
|
160
201
|
declare function cn(...inputs: ClassValue[]): string;
|
|
161
202
|
|
|
162
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IconBox, type IconBoxProps, Input, type InputProps, Label, Logo, type LogoProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Progress, type ProgressProps, Separator, 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 };
|
|
203
|
+
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
|
@@ -3,10 +3,10 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
7
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
8
8
|
import { ClassValue } from 'clsx';
|
|
9
|
-
export { AddressBook, ArrowLeft, ArrowRight, ArrowSquareOut, ArrowUpRight, Brain, Briefcase, Buildings, Calendar, CaretDown, CaretRight, CaretUp, ChartBar, ChartLineUp, ChatCircle, Check, CheckCircle, CheckSquare, Circle, Clock, Copy, Database, DotsThree, DotsThreeVertical, Download, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileText, Files, FirstAid, Funnel, Gear, GearSix, Globe, Handshake, House, Icon, IconProps, Info, Link, LinkedinLogo, List, MagnifyingGlass, Minus, Pause, PencilSimple, Phone, Play, Plus, Question, Receipt, Robot, ShoppingCart, SignIn, SignOut, SortAscending, SortDescending, Stop, Trash, Upload, User, UserPlus, Users, UsersThree, VideoCamera, Wallet, Warning, WarningCircle, X, XLogo } from '@phosphor-icons/react';
|
|
9
|
+
export { AddressBook, ArrowLeft, ArrowRight, ArrowSquareOut, ArrowUpRight, Brain, Briefcase, Buildings, Calendar, CaretDown, CaretRight, CaretUp, ChartBar, ChartLineUp, ChatCircle, Check, CheckCircle, CheckSquare, Circle, Clock, Copy, Crosshair, Database, DotsThree, DotsThreeVertical, Download, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileText, Files, FirstAid, Funnel, Gear, GearSix, Globe, Handshake, House, Icon, IconProps, Info, Lightning, Link, LinkedinLogo, List, MagnifyingGlass, Minus, Pause, PencilSimple, Phone, Play, Plus, Question, Quotes, Receipt, Robot, Rocket, ShieldCheck, ShoppingCart, SignIn, SignOut, SortAscending, SortDescending, Stop, Target, Trash, TrendUp, Upload, User, UserCircleCheck, UserPlus, Users, UsersThree, VideoCamera, Wallet, Warning, WarningCircle, X, XLogo } from '@phosphor-icons/react';
|
|
10
10
|
|
|
11
11
|
declare const buttonVariants: (props?: ({
|
|
12
12
|
variant?: "default" | "primary" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
@@ -27,7 +27,7 @@ declare const sheetVariants: (props?: ({
|
|
|
27
27
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
28
28
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
29
29
|
}
|
|
30
|
-
declare const SheetContent: React.ForwardRefExoticComponent<
|
|
30
|
+
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
31
|
declare const SheetHeader: {
|
|
32
32
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
@@ -134,29 +134,70 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
134
134
|
}
|
|
135
135
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
136
136
|
|
|
137
|
-
declare const
|
|
137
|
+
declare const NODES$1: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
138
|
+
type Primitives$1 = {
|
|
139
|
+
[E in (typeof NODES$1)[number]]: PrimitiveForwardRefComponent$1<E>;
|
|
140
|
+
};
|
|
141
|
+
type PrimitivePropsWithRef$1<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
142
|
+
asChild?: boolean;
|
|
143
|
+
};
|
|
144
|
+
interface PrimitiveForwardRefComponent$1<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef$1<E>> {
|
|
145
|
+
}
|
|
146
|
+
declare const Primitive$1: Primitives$1;
|
|
147
|
+
|
|
148
|
+
type PrimitiveLabelProps = React.ComponentPropsWithoutRef<typeof Primitive$1.label>;
|
|
149
|
+
interface LabelProps extends PrimitiveLabelProps {
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
138
153
|
|
|
139
154
|
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
140
155
|
}
|
|
141
156
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
142
157
|
|
|
143
|
-
declare const Accordion: React.ForwardRefExoticComponent<
|
|
144
|
-
declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
145
|
-
declare const AccordionTrigger: React.ForwardRefExoticComponent<
|
|
146
|
-
declare const AccordionContent: React.ForwardRefExoticComponent<
|
|
158
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
159
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
160
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
161
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
162
|
+
|
|
163
|
+
declare const NODES: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
|
|
164
|
+
type Primitives = {
|
|
165
|
+
[E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>;
|
|
166
|
+
};
|
|
167
|
+
type PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
|
|
168
|
+
asChild?: boolean;
|
|
169
|
+
};
|
|
170
|
+
interface PrimitiveForwardRefComponent<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {
|
|
171
|
+
}
|
|
172
|
+
declare const Primitive: Primitives;
|
|
173
|
+
|
|
174
|
+
declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
175
|
+
type Orientation = (typeof ORIENTATIONS)[number];
|
|
176
|
+
type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
177
|
+
interface SeparatorProps extends PrimitiveDivProps {
|
|
178
|
+
/**
|
|
179
|
+
* Either `vertical` or `horizontal`. Defaults to `horizontal`.
|
|
180
|
+
*/
|
|
181
|
+
orientation?: Orientation;
|
|
182
|
+
/**
|
|
183
|
+
* Whether or not the component is purely decorative. When true, accessibility-related attributes
|
|
184
|
+
* are updated so that that the rendered element is removed from the accessibility tree.
|
|
185
|
+
*/
|
|
186
|
+
decorative?: boolean;
|
|
187
|
+
}
|
|
147
188
|
|
|
148
|
-
declare const Separator: React.ForwardRefExoticComponent<
|
|
189
|
+
declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
149
190
|
|
|
150
|
-
declare const NavigationMenu: React.ForwardRefExoticComponent<
|
|
151
|
-
declare const NavigationMenuList: React.ForwardRefExoticComponent<
|
|
152
|
-
declare const NavigationMenuItem: React.ForwardRefExoticComponent<
|
|
191
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
192
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
193
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
153
194
|
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
154
|
-
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<
|
|
155
|
-
declare const NavigationMenuContent: React.ForwardRefExoticComponent<
|
|
156
|
-
declare const NavigationMenuLink: React.ForwardRefExoticComponent<
|
|
157
|
-
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<
|
|
158
|
-
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<
|
|
195
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
196
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
197
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
198
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
199
|
+
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
159
200
|
|
|
160
201
|
declare function cn(...inputs: ClassValue[]): string;
|
|
161
202
|
|
|
162
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IconBox, type IconBoxProps, Input, type InputProps, Label, Logo, type LogoProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Progress, type ProgressProps, Separator, 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 };
|
|
203
|
+
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.js
CHANGED
|
@@ -8,9 +8,8 @@ var tailwindMerge = require('tailwind-merge');
|
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
var SheetPrimitive = require('@radix-ui/react-dialog');
|
|
10
10
|
var react = require('@phosphor-icons/react');
|
|
11
|
-
|
|
11
|
+
require('react-dom');
|
|
12
12
|
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
13
|
-
var SeparatorPrimitive = require('@radix-ui/react-separator');
|
|
14
13
|
var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
|
|
15
14
|
|
|
16
15
|
function _interopNamespace(e) {
|
|
@@ -33,9 +32,7 @@ function _interopNamespace(e) {
|
|
|
33
32
|
|
|
34
33
|
var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
|
|
35
34
|
var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
|
|
36
|
-
var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
|
|
37
35
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
38
|
-
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
39
36
|
var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
|
|
40
37
|
|
|
41
38
|
// src/components/button.tsx
|
|
@@ -253,7 +250,7 @@ function Logo({
|
|
|
253
250
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center", children: svgContent });
|
|
254
251
|
}
|
|
255
252
|
var badgeVariants = classVarianceAuthority.cva(
|
|
256
|
-
"inline-flex items-center gap-1.5 rounded-
|
|
253
|
+
"inline-flex items-center gap-1.5 rounded-md font-semibold transition-colors",
|
|
257
254
|
{
|
|
258
255
|
variants: {
|
|
259
256
|
variant: {
|
|
@@ -335,7 +332,7 @@ var Card = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
335
332
|
{
|
|
336
333
|
ref,
|
|
337
334
|
className: cn(
|
|
338
|
-
"rounded-
|
|
335
|
+
"rounded-md border border-gray-200 bg-white shadow-sm",
|
|
339
336
|
className
|
|
340
337
|
),
|
|
341
338
|
...props
|
|
@@ -459,7 +456,7 @@ var iconBoxVariants = classVarianceAuthority.cva(
|
|
|
459
456
|
defaultVariants: {
|
|
460
457
|
variant: "default",
|
|
461
458
|
size: "default",
|
|
462
|
-
rounded: "
|
|
459
|
+
rounded: "default"
|
|
463
460
|
}
|
|
464
461
|
}
|
|
465
462
|
);
|
|
@@ -478,7 +475,7 @@ var IconBox = React4__namespace.forwardRef(
|
|
|
478
475
|
);
|
|
479
476
|
IconBox.displayName = "IconBox";
|
|
480
477
|
var tagVariants = classVarianceAuthority.cva(
|
|
481
|
-
"inline-flex items-center gap-2 font-medium transition-colors cursor-pointer",
|
|
478
|
+
"inline-flex items-center gap-2 font-medium transition-colors cursor-pointer rounded-md",
|
|
482
479
|
{
|
|
483
480
|
variants: {
|
|
484
481
|
variant: {
|
|
@@ -488,9 +485,9 @@ var tagVariants = classVarianceAuthority.cva(
|
|
|
488
485
|
dark: "bg-[var(--black)] text-white"
|
|
489
486
|
},
|
|
490
487
|
size: {
|
|
491
|
-
sm: "px-2 py-1 text-[10px]
|
|
492
|
-
default: "px-3 py-1.5 text-xs
|
|
493
|
-
lg: "px-4 py-2 text-sm
|
|
488
|
+
sm: "px-2 py-1 text-[10px]",
|
|
489
|
+
default: "px-3 py-1.5 text-xs",
|
|
490
|
+
lg: "px-4 py-2 text-sm"
|
|
494
491
|
}
|
|
495
492
|
},
|
|
496
493
|
defaultVariants: {
|
|
@@ -611,18 +608,68 @@ var Input = React4__namespace.forwardRef(
|
|
|
611
608
|
}
|
|
612
609
|
);
|
|
613
610
|
Input.displayName = "Input";
|
|
611
|
+
var NODES = [
|
|
612
|
+
"a",
|
|
613
|
+
"button",
|
|
614
|
+
"div",
|
|
615
|
+
"form",
|
|
616
|
+
"h2",
|
|
617
|
+
"h3",
|
|
618
|
+
"img",
|
|
619
|
+
"input",
|
|
620
|
+
"label",
|
|
621
|
+
"li",
|
|
622
|
+
"nav",
|
|
623
|
+
"ol",
|
|
624
|
+
"p",
|
|
625
|
+
"select",
|
|
626
|
+
"span",
|
|
627
|
+
"svg",
|
|
628
|
+
"ul"
|
|
629
|
+
];
|
|
630
|
+
var Primitive = NODES.reduce((primitive, node) => {
|
|
631
|
+
const Slot2 = reactSlot.createSlot(`Primitive.${node}`);
|
|
632
|
+
const Node = React4__namespace.forwardRef((props, forwardedRef) => {
|
|
633
|
+
const { asChild, ...primitiveProps } = props;
|
|
634
|
+
const Comp = asChild ? Slot2 : node;
|
|
635
|
+
if (typeof window !== "undefined") {
|
|
636
|
+
window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
|
|
637
|
+
}
|
|
638
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
639
|
+
});
|
|
640
|
+
Node.displayName = `Primitive.${node}`;
|
|
641
|
+
return { ...primitive, [node]: Node };
|
|
642
|
+
}, {});
|
|
643
|
+
var NAME = "Label";
|
|
644
|
+
var Label = React4__namespace.forwardRef((props, forwardedRef) => {
|
|
645
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
646
|
+
Primitive.label,
|
|
647
|
+
{
|
|
648
|
+
...props,
|
|
649
|
+
ref: forwardedRef,
|
|
650
|
+
onMouseDown: (event) => {
|
|
651
|
+
const target = event.target;
|
|
652
|
+
if (target.closest("button, input, select, textarea")) return;
|
|
653
|
+
props.onMouseDown?.(event);
|
|
654
|
+
if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
|
|
655
|
+
}
|
|
656
|
+
}
|
|
657
|
+
);
|
|
658
|
+
});
|
|
659
|
+
Label.displayName = NAME;
|
|
660
|
+
var Root2 = Label;
|
|
614
661
|
var labelVariants = classVarianceAuthority.cva(
|
|
615
662
|
"text-sm font-medium leading-none text-[var(--black)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
616
663
|
);
|
|
617
|
-
var
|
|
618
|
-
|
|
664
|
+
var Label2 = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
665
|
+
Root2,
|
|
619
666
|
{
|
|
620
667
|
ref,
|
|
621
668
|
className: cn(labelVariants(), className),
|
|
622
669
|
...props
|
|
623
670
|
}
|
|
624
671
|
));
|
|
625
|
-
|
|
672
|
+
Label2.displayName = Root2.displayName;
|
|
626
673
|
var Textarea = React4__namespace.forwardRef(
|
|
627
674
|
({ className, ...props }, ref) => {
|
|
628
675
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -675,9 +722,64 @@ var AccordionContent = React4__namespace.forwardRef(({ className, children, ...p
|
|
|
675
722
|
}
|
|
676
723
|
));
|
|
677
724
|
AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
|
|
678
|
-
var
|
|
725
|
+
var NODES2 = [
|
|
726
|
+
"a",
|
|
727
|
+
"button",
|
|
728
|
+
"div",
|
|
729
|
+
"form",
|
|
730
|
+
"h2",
|
|
731
|
+
"h3",
|
|
732
|
+
"img",
|
|
733
|
+
"input",
|
|
734
|
+
"label",
|
|
735
|
+
"li",
|
|
736
|
+
"nav",
|
|
737
|
+
"ol",
|
|
738
|
+
"p",
|
|
739
|
+
"select",
|
|
740
|
+
"span",
|
|
741
|
+
"svg",
|
|
742
|
+
"ul"
|
|
743
|
+
];
|
|
744
|
+
var Primitive2 = NODES2.reduce((primitive, node) => {
|
|
745
|
+
const Slot2 = reactSlot.createSlot(`Primitive.${node}`);
|
|
746
|
+
const Node = React4__namespace.forwardRef((props, forwardedRef) => {
|
|
747
|
+
const { asChild, ...primitiveProps } = props;
|
|
748
|
+
const Comp = asChild ? Slot2 : node;
|
|
749
|
+
if (typeof window !== "undefined") {
|
|
750
|
+
window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
|
|
751
|
+
}
|
|
752
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
753
|
+
});
|
|
754
|
+
Node.displayName = `Primitive.${node}`;
|
|
755
|
+
return { ...primitive, [node]: Node };
|
|
756
|
+
}, {});
|
|
757
|
+
var NAME2 = "Separator";
|
|
758
|
+
var DEFAULT_ORIENTATION = "horizontal";
|
|
759
|
+
var ORIENTATIONS = ["horizontal", "vertical"];
|
|
760
|
+
var Separator = React4__namespace.forwardRef((props, forwardedRef) => {
|
|
761
|
+
const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;
|
|
762
|
+
const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
|
|
763
|
+
const ariaOrientation = orientation === "vertical" ? orientation : void 0;
|
|
764
|
+
const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
|
|
765
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
766
|
+
Primitive2.div,
|
|
767
|
+
{
|
|
768
|
+
"data-orientation": orientation,
|
|
769
|
+
...semanticProps,
|
|
770
|
+
...domProps,
|
|
771
|
+
ref: forwardedRef
|
|
772
|
+
}
|
|
773
|
+
);
|
|
774
|
+
});
|
|
775
|
+
Separator.displayName = NAME2;
|
|
776
|
+
function isValidOrientation(orientation) {
|
|
777
|
+
return ORIENTATIONS.includes(orientation);
|
|
778
|
+
}
|
|
779
|
+
var Root4 = Separator;
|
|
780
|
+
var Separator2 = React4__namespace.forwardRef(
|
|
679
781
|
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
680
|
-
|
|
782
|
+
Root4,
|
|
681
783
|
{
|
|
682
784
|
ref,
|
|
683
785
|
decorative,
|
|
@@ -691,7 +793,7 @@ var Separator = React4__namespace.forwardRef(
|
|
|
691
793
|
}
|
|
692
794
|
)
|
|
693
795
|
);
|
|
694
|
-
|
|
796
|
+
Separator2.displayName = Root4.displayName;
|
|
695
797
|
var NavigationMenu = React4__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
696
798
|
NavigationMenuPrimitive__namespace.Root,
|
|
697
799
|
{
|
|
@@ -867,6 +969,10 @@ Object.defineProperty(exports, "Copy", {
|
|
|
867
969
|
enumerable: true,
|
|
868
970
|
get: function () { return react.Copy; }
|
|
869
971
|
});
|
|
972
|
+
Object.defineProperty(exports, "Crosshair", {
|
|
973
|
+
enumerable: true,
|
|
974
|
+
get: function () { return react.Crosshair; }
|
|
975
|
+
});
|
|
870
976
|
Object.defineProperty(exports, "Database", {
|
|
871
977
|
enumerable: true,
|
|
872
978
|
get: function () { return react.Database; }
|
|
@@ -943,6 +1049,10 @@ Object.defineProperty(exports, "Info", {
|
|
|
943
1049
|
enumerable: true,
|
|
944
1050
|
get: function () { return react.Info; }
|
|
945
1051
|
});
|
|
1052
|
+
Object.defineProperty(exports, "Lightning", {
|
|
1053
|
+
enumerable: true,
|
|
1054
|
+
get: function () { return react.Lightning; }
|
|
1055
|
+
});
|
|
946
1056
|
Object.defineProperty(exports, "Link", {
|
|
947
1057
|
enumerable: true,
|
|
948
1058
|
get: function () { return react.Link; }
|
|
@@ -987,6 +1097,10 @@ Object.defineProperty(exports, "Question", {
|
|
|
987
1097
|
enumerable: true,
|
|
988
1098
|
get: function () { return react.Question; }
|
|
989
1099
|
});
|
|
1100
|
+
Object.defineProperty(exports, "Quotes", {
|
|
1101
|
+
enumerable: true,
|
|
1102
|
+
get: function () { return react.Quotes; }
|
|
1103
|
+
});
|
|
990
1104
|
Object.defineProperty(exports, "Receipt", {
|
|
991
1105
|
enumerable: true,
|
|
992
1106
|
get: function () { return react.Receipt; }
|
|
@@ -995,6 +1109,14 @@ Object.defineProperty(exports, "Robot", {
|
|
|
995
1109
|
enumerable: true,
|
|
996
1110
|
get: function () { return react.Robot; }
|
|
997
1111
|
});
|
|
1112
|
+
Object.defineProperty(exports, "Rocket", {
|
|
1113
|
+
enumerable: true,
|
|
1114
|
+
get: function () { return react.Rocket; }
|
|
1115
|
+
});
|
|
1116
|
+
Object.defineProperty(exports, "ShieldCheck", {
|
|
1117
|
+
enumerable: true,
|
|
1118
|
+
get: function () { return react.ShieldCheck; }
|
|
1119
|
+
});
|
|
998
1120
|
Object.defineProperty(exports, "ShoppingCart", {
|
|
999
1121
|
enumerable: true,
|
|
1000
1122
|
get: function () { return react.ShoppingCart; }
|
|
@@ -1019,10 +1141,18 @@ Object.defineProperty(exports, "Stop", {
|
|
|
1019
1141
|
enumerable: true,
|
|
1020
1142
|
get: function () { return react.Stop; }
|
|
1021
1143
|
});
|
|
1144
|
+
Object.defineProperty(exports, "Target", {
|
|
1145
|
+
enumerable: true,
|
|
1146
|
+
get: function () { return react.Target; }
|
|
1147
|
+
});
|
|
1022
1148
|
Object.defineProperty(exports, "Trash", {
|
|
1023
1149
|
enumerable: true,
|
|
1024
1150
|
get: function () { return react.Trash; }
|
|
1025
1151
|
});
|
|
1152
|
+
Object.defineProperty(exports, "TrendUp", {
|
|
1153
|
+
enumerable: true,
|
|
1154
|
+
get: function () { return react.TrendUp; }
|
|
1155
|
+
});
|
|
1026
1156
|
Object.defineProperty(exports, "Upload", {
|
|
1027
1157
|
enumerable: true,
|
|
1028
1158
|
get: function () { return react.Upload; }
|
|
@@ -1031,6 +1161,10 @@ Object.defineProperty(exports, "User", {
|
|
|
1031
1161
|
enumerable: true,
|
|
1032
1162
|
get: function () { return react.User; }
|
|
1033
1163
|
});
|
|
1164
|
+
Object.defineProperty(exports, "UserCircleCheck", {
|
|
1165
|
+
enumerable: true,
|
|
1166
|
+
get: function () { return react.UserCircleCheck; }
|
|
1167
|
+
});
|
|
1034
1168
|
Object.defineProperty(exports, "UserPlus", {
|
|
1035
1169
|
enumerable: true,
|
|
1036
1170
|
get: function () { return react.UserPlus; }
|
|
@@ -1081,7 +1215,7 @@ exports.CardHeader = CardHeader;
|
|
|
1081
1215
|
exports.CardTitle = CardTitle;
|
|
1082
1216
|
exports.IconBox = IconBox;
|
|
1083
1217
|
exports.Input = Input;
|
|
1084
|
-
exports.Label =
|
|
1218
|
+
exports.Label = Label2;
|
|
1085
1219
|
exports.Logo = Logo;
|
|
1086
1220
|
exports.NavigationMenu = NavigationMenu;
|
|
1087
1221
|
exports.NavigationMenuContent = NavigationMenuContent;
|
|
@@ -1092,7 +1226,7 @@ exports.NavigationMenuList = NavigationMenuList;
|
|
|
1092
1226
|
exports.NavigationMenuTrigger = NavigationMenuTrigger;
|
|
1093
1227
|
exports.NavigationMenuViewport = NavigationMenuViewport;
|
|
1094
1228
|
exports.Progress = Progress;
|
|
1095
|
-
exports.Separator =
|
|
1229
|
+
exports.Separator = Separator2;
|
|
1096
1230
|
exports.Sheet = Sheet;
|
|
1097
1231
|
exports.SheetClose = SheetClose;
|
|
1098
1232
|
exports.SheetContent = SheetContent;
|