@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,23 @@
|
|
|
1
|
+
import { AccordionRootProps } from 'reka-ui';
|
|
2
|
+
type __VLS_Props = AccordionRootProps;
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
attrs: Partial<{}>;
|
|
5
|
+
slots: {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: any;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:modelValue": (value: string | string[] | undefined) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, 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,38 @@
|
|
|
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').AccordionRootProps<string | string[]>> & Readonly<{
|
|
6
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
7
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
"update:modelValue": (value: string | string[] | undefined) => 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').AccordionRootProps<string | string[]>> & Readonly<{
|
|
17
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, {}>;
|
|
19
|
+
__isFragment?: never;
|
|
20
|
+
__isTeleport?: never;
|
|
21
|
+
__isSuspense?: never;
|
|
22
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').AccordionRootProps<string | string[]>> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
24
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
25
|
+
"update:modelValue": (value: string | string[] | undefined) => 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 Multiple: Story;
|
|
37
|
+
export declare const DefaultOpen: Story;
|
|
38
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { AccordionContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = AccordionContentProps & {
|
|
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,22 @@
|
|
|
1
|
+
import { AccordionItemProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = AccordionItemProps & {
|
|
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,23 @@
|
|
|
1
|
+
import { AccordionTriggerProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = AccordionTriggerProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
icon?(_: {}): 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,21 @@
|
|
|
1
|
+
import { AvatarProps } from '.';
|
|
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<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
|
|
12
|
+
size: "small" | "base" | "large";
|
|
13
|
+
shape: "circle" | "square";
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
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,46 @@
|
|
|
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('.').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
6
|
+
size: "small" | "base" | "large";
|
|
7
|
+
shape: "circle" | "square";
|
|
8
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
9
|
+
P: {};
|
|
10
|
+
B: {};
|
|
11
|
+
D: {};
|
|
12
|
+
C: {};
|
|
13
|
+
M: {};
|
|
14
|
+
Defaults: {};
|
|
15
|
+
}, Readonly<import('.').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
16
|
+
size: "small" | "base" | "large";
|
|
17
|
+
shape: "circle" | "square";
|
|
18
|
+
}>;
|
|
19
|
+
__isFragment?: never;
|
|
20
|
+
__isTeleport?: never;
|
|
21
|
+
__isSuspense?: never;
|
|
22
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('.').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
23
|
+
size: "small" | "base" | "large";
|
|
24
|
+
shape: "circle" | "square";
|
|
25
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
26
|
+
$slots: {
|
|
27
|
+
default?(_: {}): any;
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
tags: string[];
|
|
31
|
+
argTypes: {
|
|
32
|
+
size: {
|
|
33
|
+
control: "select";
|
|
34
|
+
options: string[];
|
|
35
|
+
};
|
|
36
|
+
shape: {
|
|
37
|
+
control: "select";
|
|
38
|
+
options: string[];
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
export default meta;
|
|
43
|
+
type Story = StoryObj<typeof meta>;
|
|
44
|
+
export declare const WithFallback: Story;
|
|
45
|
+
export declare const Sizes: Story;
|
|
46
|
+
export declare const Shapes: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { AvatarFallbackProps } 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<AvatarFallbackProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarFallbackProps> & 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,18 @@
|
|
|
1
|
+
import { AvatarImageProps } 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<AvatarImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarImageProps> & 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,14 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export { default as Avatar } from './Avatar';
|
|
3
|
+
export { default as AvatarFallback } from './AvatarFallback';
|
|
4
|
+
export { default as AvatarImage } from './AvatarImage';
|
|
5
|
+
export declare const avatarVariant: (props?: ({
|
|
6
|
+
size?: "small" | "base" | "large" | null | undefined;
|
|
7
|
+
shape?: "circle" | "square" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
+
export type AvatarVariants = VariantProps<typeof avatarVariant>;
|
|
10
|
+
export interface AvatarProps {
|
|
11
|
+
size?: "small" | "base" | "large";
|
|
12
|
+
shape?: "circle" | "square";
|
|
13
|
+
class?: string;
|
|
14
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { BadgeProps } from '.';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
icon?(_: {}): any;
|
|
7
|
+
count?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: HTMLDivElement;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
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('.').BadgeProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
6
|
+
P: {};
|
|
7
|
+
B: {};
|
|
8
|
+
D: {};
|
|
9
|
+
C: {};
|
|
10
|
+
M: {};
|
|
11
|
+
Defaults: {};
|
|
12
|
+
}, Readonly<import('.').BadgeProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
13
|
+
__isFragment?: never;
|
|
14
|
+
__isTeleport?: never;
|
|
15
|
+
__isSuspense?: never;
|
|
16
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('.').BadgeProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
17
|
+
$slots: {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
icon?(_: {}): any;
|
|
20
|
+
count?(_: {}): any;
|
|
21
|
+
};
|
|
22
|
+
});
|
|
23
|
+
tags: string[];
|
|
24
|
+
argTypes: {
|
|
25
|
+
variant: {
|
|
26
|
+
control: "select";
|
|
27
|
+
options: string[];
|
|
28
|
+
};
|
|
29
|
+
tone: {
|
|
30
|
+
control: "select";
|
|
31
|
+
options: string[];
|
|
32
|
+
};
|
|
33
|
+
round: {
|
|
34
|
+
control: "boolean";
|
|
35
|
+
};
|
|
36
|
+
size: {
|
|
37
|
+
control: "select";
|
|
38
|
+
options: string[];
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
export default meta;
|
|
43
|
+
type Story = StoryObj<typeof meta>;
|
|
44
|
+
export declare const Default: Story;
|
|
45
|
+
export declare const Variants: Story;
|
|
46
|
+
export declare const Tones: Story;
|
|
47
|
+
export declare const Shapes: Story;
|
|
48
|
+
export declare const Sizes: Story;
|
|
49
|
+
export declare const WithIcon: Story;
|
|
50
|
+
export declare const WithCount: Story;
|
|
51
|
+
export declare const WithIconAndCount: Story;
|
|
52
|
+
export declare const Matrix: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export { default as Badge } from './Badge';
|
|
3
|
+
export declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "neutral" | "negative" | "positive" | "informative" | "warning" | null | undefined;
|
|
5
|
+
tone?: "soft" | "solid" | "outline" | null | undefined;
|
|
6
|
+
round?: boolean | null | undefined;
|
|
7
|
+
size?: "3xsmall" | "2xsmall" | "xsmall" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
+
export type BadgeVariants = VariantProps<typeof badgeVariants>;
|
|
10
|
+
export interface BadgeProps {
|
|
11
|
+
variant?: "neutral" | "negative" | "positive" | "informative" | "warning";
|
|
12
|
+
tone?: "soft" | "solid" | "outline";
|
|
13
|
+
size?: "3xsmall" | "2xsmall" | "xsmall";
|
|
14
|
+
round?: boolean;
|
|
15
|
+
class?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const badgeCountVariants: (props?: ({
|
|
18
|
+
variant?: "neutral" | "negative" | "positive" | "informative" | "warning" | null | undefined;
|
|
19
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
20
|
+
export type BadgeCountVariants = VariantProps<typeof badgeCountVariants>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BadgeDividerProps } from '.';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLSpanElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<BadgeDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
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,38 @@
|
|
|
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('.').BadgeDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
|
|
6
|
+
P: {};
|
|
7
|
+
B: {};
|
|
8
|
+
D: {};
|
|
9
|
+
C: {};
|
|
10
|
+
M: {};
|
|
11
|
+
Defaults: {};
|
|
12
|
+
}, Readonly<import('.').BadgeDividerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
13
|
+
__isFragment?: never;
|
|
14
|
+
__isTeleport?: never;
|
|
15
|
+
__isSuspense?: never;
|
|
16
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('.').BadgeDividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
17
|
+
$slots: {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
};
|
|
20
|
+
});
|
|
21
|
+
tags: string[];
|
|
22
|
+
argTypes: {
|
|
23
|
+
variant: {
|
|
24
|
+
control: "select";
|
|
25
|
+
options: string[];
|
|
26
|
+
};
|
|
27
|
+
size: {
|
|
28
|
+
control: "select";
|
|
29
|
+
options: string[];
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default meta;
|
|
34
|
+
type Story = StoryObj<typeof meta>;
|
|
35
|
+
export declare const Default: Story;
|
|
36
|
+
export declare const Variants: Story;
|
|
37
|
+
export declare const Sizes: Story;
|
|
38
|
+
export declare const UsageExample: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export { default as BadgeDivider } from './BadgeDivider';
|
|
3
|
+
export declare const badgeDividerVariants: (props?: ({
|
|
4
|
+
variant?: "navy" | "green" | null | undefined;
|
|
5
|
+
size?: "3xsmall" | "2xsmall" | "xsmall" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export type BadgeDividerVariants = VariantProps<typeof badgeDividerVariants>;
|
|
8
|
+
export interface BadgeDividerProps {
|
|
9
|
+
variant?: "green" | "navy";
|
|
10
|
+
size?: "3xsmall" | "2xsmall" | "xsmall";
|
|
11
|
+
class?: string;
|
|
12
|
+
}
|
|
@@ -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: HTMLElement;
|
|
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, {}, HTMLElement>;
|
|
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,33 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
6
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
7
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
|
|
8
|
+
P: {};
|
|
9
|
+
B: {};
|
|
10
|
+
D: {};
|
|
11
|
+
C: {};
|
|
12
|
+
M: {};
|
|
13
|
+
Defaults: {};
|
|
14
|
+
}, Readonly<{
|
|
15
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
16
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
17
|
+
__isFragment?: never;
|
|
18
|
+
__isTeleport?: never;
|
|
19
|
+
__isSuspense?: never;
|
|
20
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
21
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
22
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
23
|
+
$slots: {
|
|
24
|
+
default?(_: {}): any;
|
|
25
|
+
};
|
|
26
|
+
});
|
|
27
|
+
tags: string[];
|
|
28
|
+
};
|
|
29
|
+
export default meta;
|
|
30
|
+
type Story = StoryObj<typeof meta>;
|
|
31
|
+
export declare const Default: Story;
|
|
32
|
+
export declare const WithEllipsis: Story;
|
|
33
|
+
export declare const LongPath: Story;
|
|
@@ -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: HTMLSpanElement;
|
|
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, {}, HTMLSpanElement>;
|
|
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: HTMLLIElement;
|
|
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, {}, HTMLLIElement>;
|
|
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,24 @@
|
|
|
1
|
+
import { PrimitiveProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PrimitiveProps & {
|
|
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<{}>, {
|
|
16
|
+
as: import('reka-ui').AsTag | import('vue').Component;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -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: HTMLOListElement;
|
|
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, {}, HTMLOListElement>;
|
|
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: HTMLSpanElement;
|
|
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, {}, HTMLSpanElement>;
|
|
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: HTMLLIElement;
|
|
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, {}, HTMLLIElement>;
|
|
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
|
+
export { default as Breadcrumb } from './Breadcrumb';
|
|
2
|
+
export { default as BreadcrumbEllipsis } from './BreadcrumbEllipsis';
|
|
3
|
+
export { default as BreadcrumbItem } from './BreadcrumbItem';
|
|
4
|
+
export { default as BreadcrumbLink } from './BreadcrumbLink';
|
|
5
|
+
export { default as BreadcrumbList } from './BreadcrumbList';
|
|
6
|
+
export { default as BreadcrumbPage } from './BreadcrumbPage';
|
|
7
|
+
export { default as BreadcrumbSeparator } from './BreadcrumbSeparator';
|