@deftui/react 0.1.0 → 0.1.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.
- package/dist/index.d.mts +5 -2
- package/dist/index.mjs +5 -2
- package/dist/vendor/README.md +2 -0
- package/dist/vendor/diceui/file-upload.d.mts +74 -0
- package/dist/vendor/diceui/file-upload.mjs +954 -0
- package/dist/vendor/shadcn/breadcrumb.mjs +2 -2
- package/dist/vendor/shadcn/button-group.mjs +1 -1
- package/dist/vendor/shadcn/calendar.d.mts +5 -2
- package/dist/vendor/shadcn/calendar.mjs +1 -1
- package/dist/vendor/shadcn/carousel.mjs +1 -1
- package/dist/vendor/shadcn/checkbox.d.mts +3 -0
- package/dist/vendor/shadcn/checkbox.mjs +19 -0
- package/dist/vendor/shadcn/combobox.mjs +1 -1
- package/dist/vendor/shadcn/dialog.mjs +1 -1
- package/dist/vendor/shadcn/direction.mjs +2 -0
- package/dist/vendor/shadcn/dropdown-menu.mjs +1 -1
- package/dist/vendor/shadcn/pagination.mjs +1 -1
- package/dist/vendor/shadcn/select.mjs +1 -1
- package/dist/vendor/shadcn/sheet.mjs +1 -1
- package/dist/vendor/shadcn/sidebar.mjs +2 -2
- package/dist/vendor/shadcn/skeleton.d.mts +2 -0
- package/dist/vendor/shadcn/spinner.mjs +1 -1
- package/dist/vendor/shadcn/toast.mjs +1 -1
- package/dist/vendor/tailored/lightbox.mjs +2 -2
- package/dist/widgets/datetime-picker.d.mts +1 -1
- package/dist/widgets/datetime-picker.mjs +2 -2
- package/dist/widgets/index.d.mts +33 -15
- package/dist/widgets/index.mjs +31 -15
- package/package.json +2 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { cn } from "cn";
|
|
2
2
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
3
3
|
import "react";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
|
|
6
4
|
import { useRender } from "@base-ui/react/use-render";
|
|
5
|
+
import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
// src/vendor/shadcn/breadcrumb.tsx
|
|
8
8
|
function Breadcrumb({ className, ...props }) {
|
|
9
9
|
return /* @__PURE__ */ jsx("nav", {
|
|
@@ -2,8 +2,8 @@ import { Separator } from "./separator.mjs";
|
|
|
2
2
|
import { cn } from "cn";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
5
|
import { useRender } from "@base-ui/react/use-render";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
// src/vendor/shadcn/button-group.tsx
|
|
8
8
|
const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
|
|
9
9
|
variants: { orientation: {
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { Button } from "./button.mjs";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
|
-
import { DayPicker } from "@daypicker/react";
|
|
3
|
+
import { DayButton, DayPicker, Locale } from "@daypicker/react";
|
|
4
4
|
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
|
|
5
5
|
buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
|
|
6
6
|
}): React$1.JSX.Element;
|
|
7
|
-
|
|
7
|
+
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React$1.ComponentProps<typeof DayButton> & {
|
|
8
|
+
locale?: Partial<Locale>;
|
|
9
|
+
}): React$1.JSX.Element;
|
|
10
|
+
export { Calendar, CalendarDayButton };
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Button, buttonVariants } from "./button.mjs";
|
|
3
3
|
import { cn } from "cn";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
5
|
import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
import { DayPicker, getDefaultClassNames } from "@daypicker/react";
|
|
8
8
|
// src/vendor/shadcn/calendar.tsx
|
|
9
9
|
function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Button } from "./button.mjs";
|
|
3
3
|
import { cn } from "cn";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
5
|
import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import useEmblaCarousel from "embla-carousel-react";
|
|
8
8
|
// src/vendor/shadcn/carousel.tsx
|
|
9
9
|
const CarouselContext = React$1.createContext(null);
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "cn";
|
|
3
|
+
import { CheckIcon } from "lucide-react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Checkbox } from "@base-ui/react/checkbox";
|
|
6
|
+
// src/vendor/shadcn/checkbox.tsx
|
|
7
|
+
function Checkbox$1({ className, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx(Checkbox.Root, {
|
|
9
|
+
"data-slot": "checkbox",
|
|
10
|
+
className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", className),
|
|
11
|
+
...props,
|
|
12
|
+
children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
|
|
13
|
+
"data-slot": "checkbox-indicator",
|
|
14
|
+
className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
|
|
15
|
+
children: /* @__PURE__ */ jsx(CheckIcon, {})
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
export { Checkbox$1 as Checkbox };
|
|
@@ -3,8 +3,8 @@ import { Button } from "./button.mjs";
|
|
|
3
3
|
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.mjs";
|
|
4
4
|
import { cn } from "cn";
|
|
5
5
|
import "react";
|
|
6
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
6
|
import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
|
|
7
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
import { Combobox } from "@base-ui/react";
|
|
9
9
|
// src/vendor/shadcn/combobox.tsx
|
|
10
10
|
const Combobox$1 = Combobox.Root;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Button } from "./button.mjs";
|
|
3
3
|
import { cn } from "cn";
|
|
4
4
|
import "react";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
5
|
import { XIcon } from "lucide-react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Dialog } from "@base-ui/react/dialog";
|
|
8
8
|
// src/vendor/shadcn/dialog.tsx
|
|
9
9
|
function Dialog$1({ ...props }) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn } from "cn";
|
|
3
3
|
import "react";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
4
|
import { CheckIcon, ChevronRightIcon } from "lucide-react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { Menu } from "@base-ui/react/menu";
|
|
7
7
|
// src/vendor/shadcn/dropdown-menu.tsx
|
|
8
8
|
function DropdownMenu({ ...props }) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Button } from "./button.mjs";
|
|
2
2
|
import { cn } from "cn";
|
|
3
3
|
import "react";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
4
|
import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
// src/vendor/shadcn/pagination.tsx
|
|
7
7
|
function Pagination({ className, ...props }) {
|
|
8
8
|
return /* @__PURE__ */ jsx("nav", {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn } from "cn";
|
|
3
3
|
import "react";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
4
|
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { Select } from "@base-ui/react/select";
|
|
7
7
|
// src/vendor/shadcn/select.tsx
|
|
8
8
|
const Select$1 = Select.Root;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Button } from "./button.mjs";
|
|
3
3
|
import { cn } from "cn";
|
|
4
4
|
import "react";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
5
|
import { XIcon } from "lucide-react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Dialog } from "@base-ui/react/dialog";
|
|
8
8
|
// src/vendor/shadcn/sheet.tsx
|
|
9
9
|
function Sheet({ ...props }) {
|
|
@@ -9,9 +9,9 @@ import { cn } from "cn";
|
|
|
9
9
|
import { cva } from "class-variance-authority";
|
|
10
10
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
11
11
|
import * as React$1 from "react";
|
|
12
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { PanelLeftIcon } from "lucide-react";
|
|
14
12
|
import { useRender } from "@base-ui/react/use-render";
|
|
13
|
+
import { PanelLeftIcon } from "lucide-react";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
15
|
// src/vendor/shadcn/sidebar.tsx
|
|
16
16
|
const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
17
17
|
const SIDEBAR_COOKIE_MAX_AGE = 604800;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cn } from "cn";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
2
|
import { Loader2Icon } from "lucide-react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
// src/vendor/shadcn/spinner.tsx
|
|
5
5
|
function Spinner({ className, ...props }) {
|
|
6
6
|
return /* @__PURE__ */ jsx(Loader2Icon, {
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Button } from "./button.mjs";
|
|
3
3
|
import { cn } from "cn";
|
|
4
4
|
import "react";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
5
|
import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Toast } from "@base-ui/react/toast";
|
|
8
8
|
// src/vendor/shadcn/toast.tsx
|
|
9
9
|
const toast = Toast.createToastManager();
|
|
@@ -6,9 +6,9 @@ import { Skeleton } from "../shadcn/skeleton.mjs";
|
|
|
6
6
|
import { cn } from "cn";
|
|
7
7
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
8
8
|
import * as React$1 from "react";
|
|
9
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
|
|
11
9
|
import { useRender } from "@base-ui/react/use-render";
|
|
10
|
+
import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
|
|
11
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
12
|
import { Dialog } from "@base-ui/react/dialog";
|
|
13
13
|
import { Menu } from "@base-ui/react/menu";
|
|
14
14
|
import { animate, useReducedMotion } from "motion/react";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button } from "../vendor/shadcn/button.mjs";
|
|
2
|
-
import { Input } from "../vendor/shadcn/input.mjs";
|
|
3
2
|
import { Calendar } from "../vendor/shadcn/calendar.mjs";
|
|
3
|
+
import { Input } from "../vendor/shadcn/input.mjs";
|
|
4
4
|
import { ComponentProps } from "react";
|
|
5
5
|
import { DateRange } from "@daypicker/react";
|
|
6
6
|
type PickerProps<T> = Omit<ComponentProps<typeof Button>, "children" | "render" | "value" | "defaultValue" | "onChange"> & {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Button } from "../vendor/shadcn/button.mjs";
|
|
2
|
+
import { Calendar } from "../vendor/shadcn/calendar.mjs";
|
|
2
3
|
import { Input } from "../vendor/shadcn/input.mjs";
|
|
3
4
|
import { Popover, PopoverContent, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
|
|
4
|
-
import { Calendar } from "../vendor/shadcn/calendar.mjs";
|
|
5
5
|
import { cn } from "cn";
|
|
6
6
|
import { useState } from "react";
|
|
7
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
7
|
import { CalendarIcon } from "lucide-react";
|
|
8
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
import { format } from "date-fns";
|
|
10
10
|
// src/widgets/datetime-picker.tsx
|
|
11
11
|
function TimePicker({ className, step = "1", ...props }) {
|
package/dist/widgets/index.d.mts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { FileUpload as FileUpload$1, FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadTrigger } from "../vendor/diceui/file-upload.mjs";
|
|
1
2
|
import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
|
|
2
3
|
import { Button } from "../vendor/shadcn/button.mjs";
|
|
3
4
|
import { AlertDialog as AlertDialog$1, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHandle, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
|
|
4
5
|
import { Separator } from "../vendor/shadcn/separator.mjs";
|
|
5
6
|
import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
|
|
7
|
+
import { Calendar as Calendar$1, CalendarDayButton } from "../vendor/shadcn/calendar.mjs";
|
|
6
8
|
import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
|
|
7
9
|
import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemCollection, ComboboxLabel, ComboboxList, ComboboxPrimitiveValue, ComboboxValue, CreateComboboxItemsOptions, createComboboxItems } from "../vendor/shadcn/combobox.mjs";
|
|
8
10
|
import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHandle, DialogHeader, DialogTitle, DialogTrigger, createDialogHandle } from "../vendor/shadcn/dialog.mjs";
|
|
@@ -33,6 +35,8 @@ import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime-p
|
|
|
33
35
|
import { Badge } from "../vendor/shadcn/badge.mjs";
|
|
34
36
|
import { Switch } from "../vendor/shadcn/switch.mjs";
|
|
35
37
|
import { Spinner } from "../vendor/shadcn/spinner.mjs";
|
|
38
|
+
import { Skeleton } from "../vendor/shadcn/skeleton.mjs";
|
|
39
|
+
import { Checkbox } from "../vendor/shadcn/checkbox.mjs";
|
|
36
40
|
import { Textarea } from "../vendor/shadcn/textarea.mjs";
|
|
37
41
|
import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
|
|
38
42
|
import { Form } from "../vendor/coss/form.mjs";
|
|
@@ -129,12 +133,29 @@ export declare const Dropdown: typeof DropdownMenu & {
|
|
|
129
133
|
RadioGroup: typeof DropdownMenuRadioGroup;
|
|
130
134
|
CheckboxItem: typeof DropdownMenuCheckboxItem;
|
|
131
135
|
};
|
|
136
|
+
export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
|
|
137
|
+
Content: typeof ComboboxContent;
|
|
138
|
+
Empty: typeof ComboboxEmpty;
|
|
139
|
+
List: typeof ComboboxList;
|
|
140
|
+
Input: typeof ComboboxInput;
|
|
141
|
+
ChipsInput: typeof ComboboxChipsInput;
|
|
142
|
+
Chips: typeof ComboboxChips;
|
|
143
|
+
Value: typeof ComboboxValue;
|
|
144
|
+
Chip: typeof ComboboxChip;
|
|
145
|
+
Group: typeof ComboboxGroup;
|
|
146
|
+
GroupLabel: typeof ComboboxLabel;
|
|
147
|
+
GroupCollection: typeof ComboboxCollection;
|
|
148
|
+
Item: typeof ComboboxItem;
|
|
149
|
+
};
|
|
132
150
|
export declare const Progress: typeof Progress$1 & {
|
|
133
151
|
Label: typeof ProgressLabel;
|
|
134
152
|
Value: typeof ProgressValue;
|
|
135
153
|
Track: typeof ProgressTrack;
|
|
136
154
|
Indicator: typeof ProgressIndicator;
|
|
137
155
|
};
|
|
156
|
+
export declare const Calendar: typeof Calendar$1 & {
|
|
157
|
+
DayButton: typeof CalendarDayButton;
|
|
158
|
+
};
|
|
138
159
|
export declare const AlertDialog: typeof AlertDialog$1 & {
|
|
139
160
|
Trigger: typeof AlertDialogTrigger;
|
|
140
161
|
Close: typeof AlertDialogCancel;
|
|
@@ -156,18 +177,15 @@ export declare const InputGroup: typeof InputGroup$1 & {
|
|
|
156
177
|
Textarea: typeof InputGroupTextarea;
|
|
157
178
|
Button: typeof InputGroupButton;
|
|
158
179
|
};
|
|
159
|
-
export declare const
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
List: typeof
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
Item: typeof ComboboxItem;
|
|
172
|
-
};
|
|
173
|
-
export { type AlertDialogHandle, Badge, Breadcrumb, Button, Carousel, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, type DialogHandle, type DrawerHandle, Form, IconSwap, Image, ImageProps, Input, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, ScrollArea, Separator, Sidebar, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, type useLightbox, useSidebar };
|
|
180
|
+
export declare const FileUpload: typeof FileUpload$1 & {
|
|
181
|
+
Dropzone: typeof FileUploadDropzone;
|
|
182
|
+
Trigger: typeof FileUploadTrigger;
|
|
183
|
+
List: typeof FileUploadList;
|
|
184
|
+
Item: typeof FileUploadItem;
|
|
185
|
+
ItemPreview: typeof FileUploadItemPreview;
|
|
186
|
+
ItemMetadata: typeof FileUploadItemMetadata;
|
|
187
|
+
ItemProgress: typeof FileUploadItemProgress;
|
|
188
|
+
ItemDelete: typeof FileUploadItemDelete;
|
|
189
|
+
Clear: typeof FileUploadClear;
|
|
190
|
+
};
|
|
191
|
+
export { type AlertDialogHandle, Badge, Breadcrumb, Button, Carousel, Checkbox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, type DialogHandle, type DrawerHandle, Form, IconSwap, Image, ImageProps, Input, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, ScrollArea, Separator, Sidebar, Skeleton, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, type useLightbox, useSidebar };
|
package/dist/widgets/index.mjs
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { FileUpload as FileUpload$1, FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadTrigger } from "../vendor/diceui/file-upload.mjs";
|
|
1
2
|
import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
|
|
2
3
|
import { Spinner } from "../vendor/shadcn/spinner.mjs";
|
|
3
4
|
import { Button } from "../vendor/shadcn/button.mjs";
|
|
4
5
|
import { AlertDialog as AlertDialog$1, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
|
|
5
6
|
import { Separator } from "../vendor/shadcn/separator.mjs";
|
|
6
7
|
import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
|
|
8
|
+
import { Calendar as Calendar$1, CalendarDayButton } from "../vendor/shadcn/calendar.mjs";
|
|
7
9
|
import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
|
|
8
10
|
import { Input } from "../vendor/shadcn/input.mjs";
|
|
9
11
|
import { Textarea } from "../vendor/shadcn/textarea.mjs";
|
|
@@ -23,6 +25,7 @@ import { Table as Table$1, TableBody, TableCell, TableFooter, TableHead, TableHe
|
|
|
23
25
|
import { Tabs as Tabs$1, TabsContent, TabsList, TabsTrigger } from "../vendor/shadcn/tabs.mjs";
|
|
24
26
|
import { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
|
|
25
27
|
import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
|
|
28
|
+
import { Skeleton } from "../vendor/shadcn/skeleton.mjs";
|
|
26
29
|
import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
|
|
27
30
|
import { Sidebar } from "./sidebar.mjs";
|
|
28
31
|
import { Breadcrumb } from "./breadcrumb.mjs";
|
|
@@ -31,6 +34,7 @@ import { Carousel, Image, Lightbox } from "./multimedia.mjs";
|
|
|
31
34
|
import { DatePicker, DateRangePicker, TimePicker } from "./datetime-picker.mjs";
|
|
32
35
|
import { Badge } from "../vendor/shadcn/badge.mjs";
|
|
33
36
|
import { Switch } from "../vendor/shadcn/switch.mjs";
|
|
37
|
+
import { Checkbox } from "../vendor/shadcn/checkbox.mjs";
|
|
34
38
|
import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
|
|
35
39
|
import { Form } from "../vendor/coss/form.mjs";
|
|
36
40
|
import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
|
|
@@ -123,12 +127,27 @@ const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
|
|
|
123
127
|
RadioGroup: DropdownMenuRadioGroup,
|
|
124
128
|
CheckboxItem: DropdownMenuCheckboxItem
|
|
125
129
|
});
|
|
130
|
+
const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
|
|
131
|
+
Content: ComboboxContent,
|
|
132
|
+
Empty: ComboboxEmpty,
|
|
133
|
+
List: ComboboxList,
|
|
134
|
+
Input: ComboboxInput,
|
|
135
|
+
ChipsInput: ComboboxChipsInput,
|
|
136
|
+
Chips: ComboboxChips,
|
|
137
|
+
Value: ComboboxValue,
|
|
138
|
+
Chip: ComboboxChip,
|
|
139
|
+
Group: ComboboxGroup,
|
|
140
|
+
GroupLabel: ComboboxLabel,
|
|
141
|
+
GroupCollection: ComboboxCollection,
|
|
142
|
+
Item: ComboboxItem
|
|
143
|
+
});
|
|
126
144
|
const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
|
|
127
145
|
Label: ProgressLabel,
|
|
128
146
|
Value: ProgressValue,
|
|
129
147
|
Track: ProgressTrack,
|
|
130
148
|
Indicator: ProgressIndicator
|
|
131
149
|
});
|
|
150
|
+
const Calendar = /* @__PURE__ */ Object.assign(Calendar$1, { DayButton: CalendarDayButton });
|
|
132
151
|
const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
|
|
133
152
|
Trigger: AlertDialogTrigger,
|
|
134
153
|
Close: AlertDialogCancel,
|
|
@@ -150,18 +169,15 @@ const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
|
|
|
150
169
|
Textarea: InputGroupTextarea,
|
|
151
170
|
Button: InputGroupButton
|
|
152
171
|
});
|
|
153
|
-
const
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
List:
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
Item: ComboboxItem
|
|
166
|
-
});
|
|
167
|
-
export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Card, Carousel, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, Form, IconSwap, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, useSidebar };
|
|
172
|
+
const FileUpload = /* @__PURE__ */ Object.assign(FileUpload$1, {
|
|
173
|
+
Dropzone: FileUploadDropzone,
|
|
174
|
+
Trigger: FileUploadTrigger,
|
|
175
|
+
List: FileUploadList,
|
|
176
|
+
Item: FileUploadItem,
|
|
177
|
+
ItemPreview: FileUploadItemPreview,
|
|
178
|
+
ItemMetadata: FileUploadItemMetadata,
|
|
179
|
+
ItemProgress: FileUploadItemProgress,
|
|
180
|
+
ItemDelete: FileUploadItemDelete,
|
|
181
|
+
Clear: FileUploadClear
|
|
182
|
+
});
|
|
183
|
+
export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, FileUpload, Form, IconSwap, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, useSidebar };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deftui/react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/KiriRainCat/deftui.git",
|
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@base-ui/react": "^1.9.0",
|
|
37
|
+
"@base-ui/utils": "^0.5.0",
|
|
37
38
|
"@daypicker/react": "^10.0.2",
|
|
38
39
|
"@fontsource-variable/inter": "^5.3.0",
|
|
39
40
|
"class-variance-authority": "^0.7.1",
|