@reco-inc/upbox-ui 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/FigmaConnect.md +1963 -0
- package/README.md +217 -0
- package/dist/FigmaConnect.md +1963 -0
- package/dist/components/accordion/Accordion.d.ts +23 -0
- package/dist/components/accordion/Accordion.stories.d.ts +38 -0
- package/dist/components/accordion/AccordionContent.d.ts +22 -0
- package/dist/components/accordion/AccordionItem.d.ts +22 -0
- package/dist/components/accordion/AccordionTrigger.d.ts +23 -0
- package/dist/components/accordion/index.d.ts +4 -0
- package/dist/components/avatar/Avatar.d.ts +21 -0
- package/dist/components/avatar/Avatar.stories.d.ts +46 -0
- package/dist/components/avatar/AvatarFallback.d.ts +18 -0
- package/dist/components/avatar/AvatarImage.d.ts +18 -0
- package/dist/components/avatar/index.d.ts +14 -0
- package/dist/components/badge/Badge.d.ts +20 -0
- package/dist/components/badge/Badge.stories.d.ts +52 -0
- package/dist/components/badge/index.d.ts +20 -0
- package/dist/components/badge-divider/BadgeDivider.d.ts +18 -0
- package/dist/components/badge-divider/BadgeDivider.stories.d.ts +38 -0
- package/dist/components/badge-divider/index.d.ts +12 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +21 -0
- package/dist/components/breadcrumb/Breadcrumb.stories.d.ts +33 -0
- package/dist/components/breadcrumb/BreadcrumbEllipsis.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbItem.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbLink.d.ts +24 -0
- package/dist/components/breadcrumb/BreadcrumbList.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbPage.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbSeparator.d.ts +21 -0
- package/dist/components/breadcrumb/index.d.ts +7 -0
- package/dist/components/button/Button.d.ts +39 -0
- package/dist/components/button/Button.stories.d.ts +109 -0
- package/dist/components/button/index.d.ts +9 -0
- package/dist/components/calendar/CalendarCell.d.ts +22 -0
- package/dist/components/calendar/CalendarCellTrigger.d.ts +22 -0
- package/dist/components/calendar/CalendarDateGrid.d.ts +58 -0
- package/dist/components/calendar/CalendarFooter.d.ts +32 -0
- package/dist/components/calendar/CalendarGrid.d.ts +22 -0
- package/dist/components/calendar/CalendarGridBody.d.ts +18 -0
- package/dist/components/calendar/CalendarGridHead.d.ts +22 -0
- package/dist/components/calendar/CalendarGridRow.d.ts +22 -0
- package/dist/components/calendar/CalendarHeadCell.d.ts +22 -0
- package/dist/components/calendar/CalendarHeader.d.ts +32 -0
- package/dist/components/calendar/CalendarHeading.d.ts +35 -0
- package/dist/components/calendar/CalendarMonthGrid.d.ts +19 -0
- package/dist/components/calendar/CalendarNextButton.d.ts +22 -0
- package/dist/components/calendar/CalendarPrevButton.d.ts +22 -0
- package/dist/components/calendar/CalendarRangeDateGrid.d.ts +73 -0
- package/dist/components/calendar/CalendarRangeHeader.d.ts +13 -0
- package/dist/components/calendar/CalendarShortcut.d.ts +41 -0
- package/dist/components/calendar/CalendarTimeSelect.d.ts +27 -0
- package/dist/components/calendar/CalendarYearGrid.d.ts +16 -0
- package/dist/components/calendar/DateCalendar.d.ts +50 -0
- package/dist/components/calendar/DateCalendar.stories.d.ts +69 -0
- package/dist/components/calendar/MobileDateCalendar.d.ts +44 -0
- package/dist/components/calendar/MobileDateCalendar.stories.d.ts +63 -0
- package/dist/components/calendar/MobilePeriodCalendar.d.ts +53 -0
- package/dist/components/calendar/MobilePeriodCalendar.stories.d.ts +88 -0
- package/dist/components/calendar/MonthCalendar.d.ts +16 -0
- package/dist/components/calendar/MonthCalendar.stories.d.ts +24 -0
- package/dist/components/calendar/PeriodCalendar.d.ts +22 -0
- package/dist/components/calendar/PeriodCalendar.stories.d.ts +31 -0
- package/dist/components/calendar/RangeCalendar.d.ts +65 -0
- package/dist/components/calendar/RangeCalendarNextButton.d.ts +22 -0
- package/dist/components/calendar/RangeCalendarPrevButton.d.ts +22 -0
- package/dist/components/calendar/calendarDateCellClasses.d.ts +3 -0
- package/dist/components/calendar/calendarShortcutItems.d.ts +16 -0
- package/dist/components/calendar/calendarWeek.d.ts +12 -0
- package/dist/components/calendar/index.d.ts +27 -0
- package/dist/components/card/Card.d.ts +21 -0
- package/dist/components/card/Card.stories.d.ts +32 -0
- package/dist/components/card/CardContent.d.ts +21 -0
- package/dist/components/card/CardDescription.d.ts +21 -0
- package/dist/components/card/CardFooter.d.ts +21 -0
- package/dist/components/card/CardHeader.d.ts +21 -0
- package/dist/components/card/CardTitle.d.ts +21 -0
- package/dist/components/card/index.d.ts +6 -0
- package/dist/components/checkbox/Checkbox.d.ts +33 -0
- package/dist/components/checkbox/Checkbox.stories.d.ts +75 -0
- package/dist/components/checkbox/CheckboxGroupField.d.ts +27 -0
- package/dist/components/checkbox/CheckboxGroupField.stories.d.ts +35 -0
- package/dist/components/checkbox/index.d.ts +20 -0
- package/dist/components/date-move/DateMove.d.ts +30 -0
- package/dist/components/date-move/DateMove.stories.d.ts +59 -0
- package/dist/components/date-move/dateMoveContext.d.ts +3 -0
- package/dist/components/date-move/index.d.ts +1 -0
- package/dist/components/date-period-picker/DatePeriodInput.d.ts +23 -0
- package/dist/components/date-period-picker/DatePeriodPicker.d.ts +42 -0
- package/dist/components/date-period-picker/DatePeriodPicker.stories.d.ts +91 -0
- package/dist/components/date-period-picker/DatePeriodTrigger.d.ts +16 -0
- package/dist/components/date-period-picker/datePeriodTypes.d.ts +7 -0
- package/dist/components/date-period-picker/index.d.ts +4 -0
- package/dist/components/date-picker/DateInput.d.ts +43 -0
- package/dist/components/date-picker/DatePicker.d.ts +46 -0
- package/dist/components/date-picker/DatePicker.stories.d.ts +117 -0
- package/dist/components/date-picker/DateTrigger.d.ts +23 -0
- package/dist/components/date-picker/datePickerContext.d.ts +14 -0
- package/dist/components/date-picker/index.d.ts +3 -0
- package/dist/components/dialog/Dialog.d.ts +22 -0
- package/dist/components/dialog/Dialog.stories.d.ts +37 -0
- package/dist/components/dialog/DialogClose.d.ts +18 -0
- package/dist/components/dialog/DialogContent.d.ts +60 -0
- package/dist/components/dialog/DialogDescription.d.ts +22 -0
- package/dist/components/dialog/DialogFooter.d.ts +21 -0
- package/dist/components/dialog/DialogHeader.d.ts +21 -0
- package/dist/components/dialog/DialogScrollContent.d.ts +36 -0
- package/dist/components/dialog/DialogTitle.d.ts +22 -0
- package/dist/components/dialog/DialogTrigger.d.ts +18 -0
- package/dist/components/dialog/index.d.ts +10 -0
- package/dist/components/drawer/Drawer.d.ts +34 -0
- package/dist/components/drawer/Drawer.stories.d.ts +67 -0
- package/dist/components/drawer/DrawerContent.d.ts +36 -0
- package/dist/components/drawer/DrawerDescription.d.ts +22 -0
- package/dist/components/drawer/DrawerFooter.d.ts +21 -0
- package/dist/components/drawer/DrawerHeader.d.ts +21 -0
- package/dist/components/drawer/DrawerOverlay.d.ts +7 -0
- package/dist/components/drawer/DrawerTitle.d.ts +22 -0
- package/dist/components/drawer/index.d.ts +8 -0
- package/dist/components/dropdown-filter/DropdownFilter.d.ts +59 -0
- package/dist/components/dropdown-filter/DropdownFilter.stories.d.ts +41 -0
- package/dist/components/dropdown-filter/index.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenu.stories.d.ts +39 -0
- package/dist/components/dropdown-menu/DropdownMenuCheckboxItem.d.ts +28 -0
- package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +36 -0
- package/dist/components/dropdown-menu/DropdownMenuGroup.d.ts +18 -0
- package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +23 -0
- package/dist/components/dropdown-menu/DropdownMenuLabel.d.ts +23 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioGroup.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioItem.d.ts +26 -0
- package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +7 -0
- package/dist/components/dropdown-menu/DropdownMenuShortcut.d.ts +21 -0
- package/dist/components/dropdown-menu/DropdownMenuSub.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenuSubContent.d.ts +38 -0
- package/dist/components/dropdown-menu/DropdownMenuSubTrigger.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +18 -0
- package/dist/components/dropdown-menu/index.d.ts +15 -0
- package/dist/components/empty/Empty.d.ts +21 -0
- package/dist/components/empty/Empty.stories.d.ts +26 -0
- package/dist/components/empty/EmptyState.d.ts +29 -0
- package/dist/components/empty/EmptyState.stories.d.ts +43 -0
- package/dist/components/empty/index.d.ts +4 -0
- package/dist/components/fab/Fab.d.ts +33 -0
- package/dist/components/fab/Fab.stories.d.ts +70 -0
- package/dist/components/fab/index.d.ts +7 -0
- package/dist/components/file-uploader/FileItem.d.ts +52 -0
- package/dist/components/file-uploader/FileUploader.d.ts +65 -0
- package/dist/components/file-uploader/FileUploader.stories.d.ts +122 -0
- package/dist/components/file-uploader/index.d.ts +3 -0
- package/dist/components/file-uploader/types.d.ts +33 -0
- package/dist/components/filter-chip/FilterChip.d.ts +24 -0
- package/dist/components/filter-chip/FilterChip.stories.d.ts +70 -0
- package/dist/components/filter-chip/index.d.ts +30 -0
- package/dist/components/form/FieldContainer.d.ts +51 -0
- package/dist/components/form/FieldContainer.stories.d.ts +77 -0
- package/dist/components/form/FieldControlProvider.d.ts +21 -0
- package/dist/components/form/FormControl.d.ts +17 -0
- package/dist/components/form/FormDescription.d.ts +21 -0
- package/dist/components/form/FormItem.d.ts +21 -0
- package/dist/components/form/FormLabel.d.ts +22 -0
- package/dist/components/form/FormMessage.d.ts +2 -0
- package/dist/components/form/index.d.ts +8 -0
- package/dist/components/form/injectionKeys.d.ts +11 -0
- package/dist/components/form/useFormField.d.ts +11 -0
- package/dist/components/icon-button/IconButton.d.ts +31 -0
- package/dist/components/icon-button/IconButton.stories.d.ts +67 -0
- package/dist/components/icon-button/index.d.ts +7 -0
- package/dist/components/input-frame/InputFrame.d.ts +32 -0
- package/dist/components/input-frame/InputFrame.stories.d.ts +75 -0
- package/dist/components/input-frame/InputIcon.d.ts +21 -0
- package/dist/components/input-frame/index.d.ts +4 -0
- package/dist/components/input-frame/inputFrameContext.d.ts +35 -0
- package/dist/components/input-frame/inputFrameVariants.d.ts +26 -0
- package/dist/components/input-group/InputGroup.d.ts +29 -0
- package/dist/components/input-group/InputGroup.stories.d.ts +47 -0
- package/dist/components/input-group/InputGroupAddon.d.ts +20 -0
- package/dist/components/input-group/InputGroupButton.d.ts +21 -0
- package/dist/components/input-group/InputGroupInput.d.ts +6 -0
- package/dist/components/input-group/InputGroupText.d.ts +21 -0
- package/dist/components/input-group/InputGroupTextarea.d.ts +7 -0
- package/dist/components/input-group/index.d.ts +27 -0
- package/dist/components/label/Label.d.ts +22 -0
- package/dist/components/label/Label.stories.d.ts +41 -0
- package/dist/components/label/index.d.ts +1 -0
- package/dist/components/logo/Logo.d.ts +5 -0
- package/dist/components/logo/Logo.stories.d.ts +20 -0
- package/dist/components/logo/index.d.ts +5 -0
- package/dist/components/mobile-date-period-picker/MobileDatePeriodPicker.d.ts +62 -0
- package/dist/components/mobile-date-period-picker/MobileDatePeriodPicker.stories.d.ts +123 -0
- package/dist/components/mobile-date-period-picker/MobileDatePeriodTrigger.d.ts +36 -0
- package/dist/components/mobile-date-period-picker/index.d.ts +2 -0
- package/dist/components/mobile-date-period-selector/MobileDatePeriodSelector.d.ts +49 -0
- package/dist/components/mobile-date-period-selector/MobileDatePeriodSelector.stories.d.ts +69 -0
- package/dist/components/mobile-date-period-selector/index.d.ts +2 -0
- package/dist/components/mobile-date-picker/MobileDatePicker.d.ts +45 -0
- package/dist/components/mobile-date-picker/MobileDatePicker.stories.d.ts +91 -0
- package/dist/components/mobile-date-picker/MobileDateTrigger.d.ts +23 -0
- package/dist/components/mobile-date-picker/index.d.ts +2 -0
- package/dist/components/mobile-time-picker/MobileTimeDial.d.ts +26 -0
- package/dist/components/mobile-time-picker/MobileTimeDial.stories.d.ts +37 -0
- package/dist/components/mobile-time-picker/MobileTimePicker.d.ts +39 -0
- package/dist/components/mobile-time-picker/MobileTimePicker.stories.d.ts +95 -0
- package/dist/components/mobile-time-picker/index.d.ts +2 -0
- package/dist/components/modal/Modal.d.ts +60 -0
- package/dist/components/modal/Modal.stories.d.ts +53 -0
- package/dist/components/modal/index.d.ts +2 -0
- package/dist/components/modal/modalProps.d.ts +57 -0
- package/dist/components/number-field/NumberField.d.ts +12 -0
- package/dist/components/number-field/NumberField.stories.d.ts +43 -0
- package/dist/components/number-field/NumberFieldContent.d.ts +21 -0
- package/dist/components/number-field/NumberFieldDecrement.d.ts +22 -0
- package/dist/components/number-field/NumberFieldIncrement.d.ts +22 -0
- package/dist/components/number-field/NumberFieldInput.d.ts +7 -0
- package/dist/components/number-field/NumberFieldRoot.d.ts +37 -0
- package/dist/components/number-field/index.d.ts +25 -0
- package/dist/components/page-header/PageHeader.d.ts +64 -0
- package/dist/components/page-header/PageHeader.stories.d.ts +27 -0
- package/dist/components/page-header/index.d.ts +1 -0
- package/dist/components/pagination/Pagination.d.ts +29 -0
- package/dist/components/pagination/Pagination.stories.d.ts +50 -0
- package/dist/components/pagination/PaginationContent.d.ts +29 -0
- package/dist/components/pagination/PaginationEllipsis.d.ts +22 -0
- package/dist/components/pagination/PaginationFirst.d.ts +22 -0
- package/dist/components/pagination/PaginationItem.d.ts +22 -0
- package/dist/components/pagination/PaginationLast.d.ts +22 -0
- package/dist/components/pagination/PaginationNext.d.ts +22 -0
- package/dist/components/pagination/PaginationPrevious.d.ts +22 -0
- package/dist/components/pagination/index.d.ts +13 -0
- package/dist/components/panel/Panel.d.ts +23 -0
- package/dist/components/panel/Panel.stories.d.ts +59 -0
- package/dist/components/panel/PanelIcon.d.ts +7 -0
- package/dist/components/panel/index.d.ts +17 -0
- package/dist/components/panel/panelContext.d.ts +8 -0
- package/dist/components/panel/panelVariants.d.ts +13 -0
- package/dist/components/popover/Popover.d.ts +22 -0
- package/dist/components/popover/Popover.stories.d.ts +38 -0
- package/dist/components/popover/PopoverContent.d.ts +39 -0
- package/dist/components/popover/PopoverTrigger.d.ts +18 -0
- package/dist/components/popover/index.d.ts +5 -0
- package/dist/components/radio-group/RadioGroup.d.ts +26 -0
- package/dist/components/radio-group/RadioGroup.stories.d.ts +48 -0
- package/dist/components/radio-group/RadioGroupField.d.ts +28 -0
- package/dist/components/radio-group/RadioGroupField.stories.d.ts +31 -0
- package/dist/components/radio-group/RadioGroupItem.d.ts +12 -0
- package/dist/components/radio-group/index.d.ts +9 -0
- package/dist/components/search-field/SearchField.d.ts +33 -0
- package/dist/components/search-field/SearchField.stories.d.ts +94 -0
- package/dist/components/search-field/index.d.ts +17 -0
- package/dist/components/select/Select.d.ts +33 -0
- package/dist/components/select/Select.stories.d.ts +54 -0
- package/dist/components/select/SelectClearIcon.d.ts +2 -0
- package/dist/components/select/SelectContent.d.ts +33 -0
- package/dist/components/select/SelectField.d.ts +16 -0
- package/dist/components/select/SelectField.stories.d.ts +43 -0
- package/dist/components/select/SelectFieldValue.d.ts +26 -0
- package/dist/components/select/SelectGroup.d.ts +22 -0
- package/dist/components/select/SelectItem.d.ts +22 -0
- package/dist/components/select/SelectItemText.d.ts +18 -0
- package/dist/components/select/SelectLabel.d.ts +22 -0
- package/dist/components/select/SelectScrollDownButton.d.ts +22 -0
- package/dist/components/select/SelectScrollUpButton.d.ts +22 -0
- package/dist/components/select/SelectSeparator.d.ts +7 -0
- package/dist/components/select/SelectTrigger.d.ts +52 -0
- package/dist/components/select/SelectValue.d.ts +18 -0
- package/dist/components/select/index.d.ts +14 -0
- package/dist/components/select/selectContext.d.ts +3 -0
- package/dist/components/select/selectFieldProps.d.ts +38 -0
- package/dist/components/separator/Separator.d.ts +6 -0
- package/dist/components/separator/Separator.stories.d.ts +13 -0
- package/dist/components/separator/index.d.ts +6 -0
- package/dist/components/sheet/Sheet.d.ts +22 -0
- package/dist/components/sheet/Sheet.stories.d.ts +40 -0
- package/dist/components/sheet/SheetClose.d.ts +18 -0
- package/dist/components/sheet/SheetContent.d.ts +35 -0
- package/dist/components/sheet/SheetDescription.d.ts +22 -0
- package/dist/components/sheet/SheetFooter.d.ts +21 -0
- package/dist/components/sheet/SheetHeader.d.ts +21 -0
- package/dist/components/sheet/SheetTitle.d.ts +22 -0
- package/dist/components/sheet/SheetTrigger.d.ts +18 -0
- package/dist/components/sheet/index.d.ts +17 -0
- package/dist/components/sidebar/Sidebar.d.ts +24 -0
- package/dist/components/sidebar/Sidebar.stories.d.ts +45 -0
- package/dist/components/sidebar/SidebarContent.d.ts +21 -0
- package/dist/components/sidebar/SidebarFooter.d.ts +21 -0
- package/dist/components/sidebar/SidebarGroup.d.ts +21 -0
- package/dist/components/sidebar/SidebarGroupAction.d.ts +22 -0
- package/dist/components/sidebar/SidebarGroupContent.d.ts +21 -0
- package/dist/components/sidebar/SidebarGroupLabel.d.ts +22 -0
- package/dist/components/sidebar/SidebarHeader.d.ts +21 -0
- package/dist/components/sidebar/SidebarInput.d.ts +21 -0
- package/dist/components/sidebar/SidebarInset.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenu.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenuAction.d.ts +25 -0
- package/dist/components/sidebar/SidebarMenuBadge.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenuButton.d.ts +27 -0
- package/dist/components/sidebar/SidebarMenuButtonChild.d.ts +25 -0
- package/dist/components/sidebar/SidebarMenuItem.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenuSkeleton.d.ts +7 -0
- package/dist/components/sidebar/SidebarMenuSub.d.ts +24 -0
- package/dist/components/sidebar/SidebarMenuSubButton.d.ts +27 -0
- package/dist/components/sidebar/SidebarMenuSubItem.d.ts +17 -0
- package/dist/components/sidebar/SidebarProvider.d.ts +33 -0
- package/dist/components/sidebar/SidebarRail.d.ts +21 -0
- package/dist/components/sidebar/SidebarSeparator.d.ts +21 -0
- package/dist/components/sidebar/SidebarTrigger.d.ts +6 -0
- package/dist/components/sidebar/index.d.ts +43 -0
- package/dist/components/sidebar/utils.d.ts +62 -0
- package/dist/components/skeleton/Skeleton.d.ts +6 -0
- package/dist/components/skeleton/Skeleton.stories.d.ts +10 -0
- package/dist/components/skeleton/index.d.ts +1 -0
- package/dist/components/spinner/Spinner.d.ts +6 -0
- package/dist/components/spinner/Spinner.stories.d.ts +15 -0
- package/dist/components/spinner/index.d.ts +1 -0
- package/dist/components/stepper/Stepper.d.ts +24 -0
- package/dist/components/stepper/Stepper.stories.d.ts +18 -0
- package/dist/components/stepper/index.d.ts +2 -0
- package/dist/components/table/DataTable.d.ts +46 -0
- package/dist/components/table/DataTable.stories.d.ts +24 -0
- package/dist/components/table/Table.d.ts +28 -0
- package/dist/components/table/Table.stories.d.ts +52 -0
- package/dist/components/table/TableBody.d.ts +21 -0
- package/dist/components/table/TableCaption.d.ts +21 -0
- package/dist/components/table/TableCell.d.ts +46 -0
- package/dist/components/table/TableEmpty.d.ts +24 -0
- package/dist/components/table/TableFooter.d.ts +21 -0
- package/dist/components/table/TableHead.d.ts +24 -0
- package/dist/components/table/TableHeader.d.ts +21 -0
- package/dist/components/table/TableRow.d.ts +21 -0
- package/dist/components/table/dataTableTypes.d.ts +19 -0
- package/dist/components/table/index.d.ts +11 -0
- package/dist/components/tabs/Tabs.d.ts +22 -0
- package/dist/components/tabs/Tabs.stories.d.ts +41 -0
- package/dist/components/tabs/TabsBar.d.ts +41 -0
- package/dist/components/tabs/TabsBar.stories.d.ts +27 -0
- package/dist/components/tabs/TabsContent.d.ts +22 -0
- package/dist/components/tabs/TabsList.d.ts +25 -0
- package/dist/components/tabs/TabsTrigger.d.ts +25 -0
- package/dist/components/tabs/index.d.ts +45 -0
- package/dist/components/tag/Tag.d.ts +27 -0
- package/dist/components/tag/Tag.stories.d.ts +66 -0
- package/dist/components/tag/index.d.ts +14 -0
- package/dist/components/text-button/TextButton.d.ts +32 -0
- package/dist/components/text-button/TextButton.stories.d.ts +67 -0
- package/dist/components/text-button/index.d.ts +7 -0
- package/dist/components/text-field/TextField.d.ts +47 -0
- package/dist/components/text-field/TextField.stories.d.ts +123 -0
- package/dist/components/text-field/TextFieldCount.d.ts +12 -0
- package/dist/components/text-field/TextFieldUnit.d.ts +21 -0
- package/dist/components/text-field/index.d.ts +6 -0
- package/dist/components/text-field/textFieldContext.d.ts +8 -0
- package/dist/components/textarea/Textarea.d.ts +59 -0
- package/dist/components/textarea/Textarea.stories.d.ts +112 -0
- package/dist/components/textarea/TextareaCount.d.ts +12 -0
- package/dist/components/textarea/index.d.ts +5 -0
- package/dist/components/textarea/textareaContext.d.ts +8 -0
- package/dist/components/time-picker/TimeInput.d.ts +28 -0
- package/dist/components/time-picker/TimePanel.d.ts +22 -0
- package/dist/components/time-picker/TimePicker.d.ts +37 -0
- package/dist/components/time-picker/TimePicker.stories.d.ts +94 -0
- package/dist/components/time-picker/TimeTrigger.d.ts +23 -0
- package/dist/components/time-picker/index.d.ts +4 -0
- package/dist/components/time-picker/timePickerContext.d.ts +7 -0
- package/dist/components/toast/Toast.d.ts +5 -0
- package/dist/components/toast/Toast.stories.d.ts +24 -0
- package/dist/components/toast/index.d.ts +3 -0
- package/dist/components/toggle/Toggle.d.ts +25 -0
- package/dist/components/toggle/Toggle.stories.d.ts +64 -0
- package/dist/components/toggle/index.d.ts +30 -0
- package/dist/components/toolbar/Toolbar.d.ts +41 -0
- package/dist/components/toolbar/Toolbar.stories.d.ts +87 -0
- package/dist/components/toolbar/index.d.ts +2 -0
- package/dist/components/tooltip/Tooltip.d.ts +22 -0
- package/dist/components/tooltip/Tooltip.stories.d.ts +36 -0
- package/dist/components/tooltip/TooltipContent.d.ts +30 -0
- package/dist/components/tooltip/TooltipProvider.d.ts +18 -0
- package/dist/components/tooltip/TooltipTrigger.d.ts +18 -0
- package/dist/components/tooltip/index.d.ts +5 -0
- package/dist/docs/AllComponents.d.ts +2 -0
- package/dist/docs/AllComponents.stories.d.ts +6 -0
- package/dist/docs/ColourTokens.d.ts +2 -0
- package/dist/docs/ColourTokens.stories.d.ts +6 -0
- package/dist/docs/ShadowTokens.d.ts +2 -0
- package/dist/docs/ShadowTokens.stories.d.ts +6 -0
- package/dist/docs/SpacingTokens.d.ts +2 -0
- package/dist/docs/SpacingTokens.stories.d.ts +6 -0
- package/dist/docs/TypographyTokens.d.ts +2 -0
- package/dist/docs/TypographyTokens.stories.d.ts +6 -0
- package/dist/global.d.ts +192 -0
- package/dist/i18n.d.ts +2 -0
- package/dist/i18n.mjs +93 -0
- package/dist/index.d.ts +59 -0
- package/dist/index.mjs +11834 -0
- package/dist/lib/options.d.ts +12 -0
- package/dist/lib/useDialogAriaModal.d.ts +22 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/locales/en.d.ts +39 -0
- package/dist/locales/index.d.ts +104 -0
- package/dist/locales/ko.d.ts +43 -0
- package/dist/upbox-ui.css +1 -0
- package/package.json +99 -0
- package/src/style.css +458 -0
- package/tailwind-theme.css +379 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { DialogTriggerProps } from 'reka-ui';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { default as Dialog } from './Dialog';
|
|
2
|
+
export { default as DialogClose } from './DialogClose';
|
|
3
|
+
export { default as DialogContent } from './DialogContent';
|
|
4
|
+
export type { DialogSize } from './DialogContent';
|
|
5
|
+
export { default as DialogDescription } from './DialogDescription';
|
|
6
|
+
export { default as DialogFooter } from './DialogFooter';
|
|
7
|
+
export { default as DialogHeader } from './DialogHeader';
|
|
8
|
+
export { default as DialogScrollContent } from './DialogScrollContent';
|
|
9
|
+
export { default as DialogTitle } from './DialogTitle';
|
|
10
|
+
export { default as DialogTrigger } from './DialogTrigger';
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { DrawerRootProps } from 'vaul-vue';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DrawerRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
12
|
+
"update:open": (open: boolean) => any;
|
|
13
|
+
animationEnd: (open: boolean) => any;
|
|
14
|
+
drag: (percentageDragged: number) => any;
|
|
15
|
+
release: (open: boolean) => any;
|
|
16
|
+
close: () => any;
|
|
17
|
+
"update:activeSnapPoint": (val: string | number) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<DrawerRootProps> & Readonly<{
|
|
19
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
20
|
+
onAnimationEnd?: ((open: boolean) => any) | undefined;
|
|
21
|
+
onDrag?: ((percentageDragged: number) => any) | undefined;
|
|
22
|
+
onRelease?: ((open: boolean) => any) | undefined;
|
|
23
|
+
onClose?: (() => any) | undefined;
|
|
24
|
+
"onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
shouldScaleBackground: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vaul-vue').DrawerRootProps> & Readonly<{
|
|
6
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
7
|
+
onAnimationEnd?: ((open: boolean) => any) | undefined;
|
|
8
|
+
onDrag?: ((percentageDragged: number) => any) | undefined;
|
|
9
|
+
onRelease?: ((open: boolean) => any) | undefined;
|
|
10
|
+
onClose?: (() => any) | undefined;
|
|
11
|
+
"onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
13
|
+
"update:open": (open: boolean) => any;
|
|
14
|
+
animationEnd: (open: boolean) => any;
|
|
15
|
+
drag: (percentageDragged: number) => any;
|
|
16
|
+
release: (open: boolean) => any;
|
|
17
|
+
close: () => any;
|
|
18
|
+
"update:activeSnapPoint": (val: string | number) => any;
|
|
19
|
+
}, import('vue').PublicProps, {
|
|
20
|
+
shouldScaleBackground: boolean;
|
|
21
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
22
|
+
P: {};
|
|
23
|
+
B: {};
|
|
24
|
+
D: {};
|
|
25
|
+
C: {};
|
|
26
|
+
M: {};
|
|
27
|
+
Defaults: {};
|
|
28
|
+
}, Readonly<import('vaul-vue').DrawerRootProps> & Readonly<{
|
|
29
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
30
|
+
onAnimationEnd?: ((open: boolean) => any) | undefined;
|
|
31
|
+
onDrag?: ((percentageDragged: number) => any) | undefined;
|
|
32
|
+
onRelease?: ((open: boolean) => any) | undefined;
|
|
33
|
+
onClose?: (() => any) | undefined;
|
|
34
|
+
"onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
|
|
35
|
+
}>, {}, {}, {}, {}, {
|
|
36
|
+
shouldScaleBackground: boolean;
|
|
37
|
+
}>;
|
|
38
|
+
__isFragment?: never;
|
|
39
|
+
__isTeleport?: never;
|
|
40
|
+
__isSuspense?: never;
|
|
41
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vaul-vue').DrawerRootProps> & Readonly<{
|
|
42
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
43
|
+
onAnimationEnd?: ((open: boolean) => any) | undefined;
|
|
44
|
+
onDrag?: ((percentageDragged: number) => any) | undefined;
|
|
45
|
+
onRelease?: ((open: boolean) => any) | undefined;
|
|
46
|
+
onClose?: (() => any) | undefined;
|
|
47
|
+
"onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
|
|
48
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
49
|
+
"update:open": (open: boolean) => any;
|
|
50
|
+
animationEnd: (open: boolean) => any;
|
|
51
|
+
drag: (percentageDragged: number) => any;
|
|
52
|
+
release: (open: boolean) => any;
|
|
53
|
+
close: () => any;
|
|
54
|
+
"update:activeSnapPoint": (val: string | number) => any;
|
|
55
|
+
}, string, {
|
|
56
|
+
shouldScaleBackground: boolean;
|
|
57
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
58
|
+
$slots: {
|
|
59
|
+
default?(_: {}): any;
|
|
60
|
+
};
|
|
61
|
+
});
|
|
62
|
+
tags: string[];
|
|
63
|
+
};
|
|
64
|
+
export default meta;
|
|
65
|
+
type Story = StoryObj<typeof meta>;
|
|
66
|
+
export declare const Default: Story;
|
|
67
|
+
export declare const WithLongContent: Story;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { DialogContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DialogContentProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
17
|
+
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
18
|
+
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
19
|
+
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
20
|
+
openAutoFocus: (event: Event) => any;
|
|
21
|
+
closeAutoFocus: (event: Event) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
|
+
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
25
|
+
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
26
|
+
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
27
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DrawerDescriptionProps } from 'vaul-vue';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DrawerDescriptionProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DialogOverlayProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DialogOverlayProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DrawerTitleProps } from 'vaul-vue';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DrawerTitleProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as Drawer } from './Drawer';
|
|
2
|
+
export { default as DrawerContent } from './DrawerContent';
|
|
3
|
+
export { default as DrawerDescription } from './DrawerDescription';
|
|
4
|
+
export { default as DrawerFooter } from './DrawerFooter';
|
|
5
|
+
export { default as DrawerHeader } from './DrawerHeader';
|
|
6
|
+
export { default as DrawerOverlay } from './DrawerOverlay';
|
|
7
|
+
export { default as DrawerTitle } from './DrawerTitle';
|
|
8
|
+
export { DrawerClose, DrawerPortal, DrawerTrigger } from 'vaul-vue';
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { SelectOption } from '../../lib/options';
|
|
2
|
+
import { InputFrameSize } from '../input-frame';
|
|
3
|
+
export interface DropdownFilterOption<V = unknown> extends SelectOption<V> {
|
|
4
|
+
/** false 면 목록에서 숨김 (필터 토글). 기본값 노출(true 취급) */
|
|
5
|
+
isActive?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
8
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
9
|
+
readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
10
|
+
readonly onChange?: ((value: T[]) => any) | undefined;
|
|
11
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onChange"> & ({
|
|
12
|
+
modelValue: T[];
|
|
13
|
+
} & {
|
|
14
|
+
options: DropdownFilterOption<T>[];
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
readonly?: boolean;
|
|
17
|
+
canAll?: boolean;
|
|
18
|
+
single?: boolean;
|
|
19
|
+
search?: boolean;
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
searchPlaceholder?: string;
|
|
22
|
+
selectAllText?: string;
|
|
23
|
+
emptyText?: string;
|
|
24
|
+
resetText?: string;
|
|
25
|
+
selectedText?: string;
|
|
26
|
+
countMoreText?: string;
|
|
27
|
+
size?: InputFrameSize;
|
|
28
|
+
displayStyle?: "default" | "filled" | "highlight";
|
|
29
|
+
}) & Partial<{}>> & import('vue').PublicProps;
|
|
30
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
31
|
+
attrs: any;
|
|
32
|
+
slots: {
|
|
33
|
+
label?(_: {}): any;
|
|
34
|
+
trigger?(_: {
|
|
35
|
+
open: boolean;
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
selectedCount: number;
|
|
38
|
+
}): any;
|
|
39
|
+
'count-more'?(_: {
|
|
40
|
+
count: number;
|
|
41
|
+
}): any;
|
|
42
|
+
'select-all'?(_: {}): any;
|
|
43
|
+
item?(_: {
|
|
44
|
+
item: DropdownFilterOption<T>;
|
|
45
|
+
}): any;
|
|
46
|
+
empty?(_: {}): any;
|
|
47
|
+
reset?(_: {}): any;
|
|
48
|
+
selected?(_: {
|
|
49
|
+
count: number;
|
|
50
|
+
}): any;
|
|
51
|
+
};
|
|
52
|
+
emit: ((e: "change", value: T[]) => void) & ((evt: "update:modelValue", value: T[]) => void);
|
|
53
|
+
}>) => import('vue').VNode & {
|
|
54
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
55
|
+
};
|
|
56
|
+
export default _default;
|
|
57
|
+
type __VLS_PrettifyLocal<T> = {
|
|
58
|
+
[K in keyof T]: T[K];
|
|
59
|
+
} & {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: any;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
size: {
|
|
8
|
+
control: "select";
|
|
9
|
+
options: string[];
|
|
10
|
+
};
|
|
11
|
+
displayStyle: {
|
|
12
|
+
control: "select";
|
|
13
|
+
options: string[];
|
|
14
|
+
};
|
|
15
|
+
disabled: {
|
|
16
|
+
control: "boolean";
|
|
17
|
+
};
|
|
18
|
+
readonly: {
|
|
19
|
+
control: "boolean";
|
|
20
|
+
};
|
|
21
|
+
canAll: {
|
|
22
|
+
control: "boolean";
|
|
23
|
+
};
|
|
24
|
+
single: {
|
|
25
|
+
control: "boolean";
|
|
26
|
+
};
|
|
27
|
+
search: {
|
|
28
|
+
control: "boolean";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export default meta;
|
|
33
|
+
type Story = StoryObj<typeof meta>;
|
|
34
|
+
export declare const Default: Story;
|
|
35
|
+
export declare const Sizes: Story;
|
|
36
|
+
export declare const DisplayStyles: Story;
|
|
37
|
+
export declare const SingleSelect: Story;
|
|
38
|
+
export declare const WithSearch: Story;
|
|
39
|
+
export declare const Disabled: Story;
|
|
40
|
+
export declare const WithPreselected: Story;
|
|
41
|
+
export declare const CustomTriggerAndText: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DropdownMenuRootProps } from 'reka-ui';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DropdownMenuRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:open": (payload: boolean) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
|
|
14
|
+
"onUpdate:open"?: ((payload: boolean) => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DropdownMenuRootProps> & Readonly<{
|
|
6
|
+
"onUpdate:open"?: ((payload: boolean) => any) | undefined;
|
|
7
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
"update:open": (payload: boolean) => any;
|
|
9
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
10
|
+
P: {};
|
|
11
|
+
B: {};
|
|
12
|
+
D: {};
|
|
13
|
+
C: {};
|
|
14
|
+
M: {};
|
|
15
|
+
Defaults: {};
|
|
16
|
+
}, Readonly<import('reka-ui').DropdownMenuRootProps> & Readonly<{
|
|
17
|
+
"onUpdate:open"?: ((payload: boolean) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, {}>;
|
|
19
|
+
__isFragment?: never;
|
|
20
|
+
__isTeleport?: never;
|
|
21
|
+
__isSuspense?: never;
|
|
22
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DropdownMenuRootProps> & Readonly<{
|
|
23
|
+
"onUpdate:open"?: ((payload: boolean) => any) | undefined;
|
|
24
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
25
|
+
"update:open": (payload: boolean) => any;
|
|
26
|
+
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
27
|
+
$slots: {
|
|
28
|
+
default?(_: {}): any;
|
|
29
|
+
};
|
|
30
|
+
});
|
|
31
|
+
tags: string[];
|
|
32
|
+
};
|
|
33
|
+
export default meta;
|
|
34
|
+
type Story = StoryObj<typeof meta>;
|
|
35
|
+
export declare const Default: Story;
|
|
36
|
+
export declare const WithShortcuts: Story;
|
|
37
|
+
export declare const WithCheckboxItems: Story;
|
|
38
|
+
export declare const WithSubMenu: Story;
|
|
39
|
+
export declare const WithDisabledItems: Story;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { DropdownMenuCheckboxItemProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuCheckboxItemProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
"update:modelValue": (payload: boolean) => any;
|
|
17
|
+
select: (event: Event) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
19
|
+
"onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
|
|
20
|
+
onSelect?: ((event: Event) => any) | undefined;
|
|
21
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { DropdownMenuContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuContentProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
17
|
+
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
18
|
+
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
19
|
+
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
20
|
+
closeAutoFocus: (event: Event) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
22
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
23
|
+
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
24
|
+
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
25
|
+
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
26
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
27
|
+
}>, {
|
|
28
|
+
sideOffset: number;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { DropdownMenuGroupProps } from 'reka-ui';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DropdownMenuGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DropdownMenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DropdownMenuItemProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuItemProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
inset?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: any;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DropdownMenuLabelProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuLabelProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
inset?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: any;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DropdownMenuRadioGroupProps } from 'reka-ui';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DropdownMenuRadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (payload: import('reka-ui').AcceptableValue) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<DropdownMenuRadioGroupProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue) => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { DropdownMenuRadioItemProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuRadioItemProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
select: (event: Event) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
18
|
+
onSelect?: ((event: Event) => any) | undefined;
|
|
19
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DropdownMenuSeparatorProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuSeparatorProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|