@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,43 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
export interface SidebarProps {
|
|
4
|
+
side?: "left" | "right";
|
|
5
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
6
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
7
|
+
class?: HTMLAttributes["class"];
|
|
8
|
+
}
|
|
9
|
+
export { default as Sidebar } from './Sidebar';
|
|
10
|
+
export { default as SidebarContent } from './SidebarContent';
|
|
11
|
+
export { default as SidebarFooter } from './SidebarFooter';
|
|
12
|
+
export { default as SidebarGroup } from './SidebarGroup';
|
|
13
|
+
export { default as SidebarGroupAction } from './SidebarGroupAction';
|
|
14
|
+
export { default as SidebarGroupContent } from './SidebarGroupContent';
|
|
15
|
+
export { default as SidebarGroupLabel } from './SidebarGroupLabel';
|
|
16
|
+
export { default as SidebarHeader } from './SidebarHeader';
|
|
17
|
+
export { default as SidebarInput } from './SidebarInput';
|
|
18
|
+
export { default as SidebarInset } from './SidebarInset';
|
|
19
|
+
export { default as SidebarMenu } from './SidebarMenu';
|
|
20
|
+
export { default as SidebarMenuAction } from './SidebarMenuAction';
|
|
21
|
+
export { default as SidebarMenuBadge } from './SidebarMenuBadge';
|
|
22
|
+
export { default as SidebarMenuButton } from './SidebarMenuButton';
|
|
23
|
+
export { default as SidebarMenuItem } from './SidebarMenuItem';
|
|
24
|
+
export { default as SidebarMenuSkeleton } from './SidebarMenuSkeleton';
|
|
25
|
+
export { default as SidebarMenuSub } from './SidebarMenuSub';
|
|
26
|
+
export { default as SidebarMenuSubButton } from './SidebarMenuSubButton';
|
|
27
|
+
export { default as SidebarMenuSubItem } from './SidebarMenuSubItem';
|
|
28
|
+
export { default as SidebarProvider } from './SidebarProvider';
|
|
29
|
+
export { default as SidebarRail } from './SidebarRail';
|
|
30
|
+
export { default as SidebarSeparator } from './SidebarSeparator';
|
|
31
|
+
export { default as SidebarTrigger } from './SidebarTrigger';
|
|
32
|
+
export { useSidebar } from './utils';
|
|
33
|
+
export declare const sidebarMenuButtonVariants: (props?: ({
|
|
34
|
+
variant?: "default" | "outline" | null | undefined;
|
|
35
|
+
size?: "small" | "large" | "regular" | null | undefined;
|
|
36
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
37
|
+
export type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
|
|
38
|
+
export interface SidebarMenuButtonChildProps {
|
|
39
|
+
variant?: "default" | "outline";
|
|
40
|
+
size?: "regular" | "small" | "large";
|
|
41
|
+
isActive?: boolean;
|
|
42
|
+
class?: HTMLAttributes["class"];
|
|
43
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
|
+
export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
3
|
+
export declare const SIDEBAR_COOKIE_MAX_AGE: number;
|
|
4
|
+
export declare const SIDEBAR_WIDTH = "220px";
|
|
5
|
+
export declare const SIDEBAR_WIDTH_MOBILE = "220px";
|
|
6
|
+
export declare const SIDEBAR_WIDTH_ICON = "88px";
|
|
7
|
+
export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
8
|
+
export declare const useSidebar: <T extends {
|
|
9
|
+
state: ComputedRef<"expanded" | "collapsed">;
|
|
10
|
+
open: Ref<boolean>;
|
|
11
|
+
setOpen: (value: boolean) => void;
|
|
12
|
+
isMobile: Ref<boolean>;
|
|
13
|
+
disableMobile: Ref<boolean>;
|
|
14
|
+
openMobile: Ref<boolean>;
|
|
15
|
+
setOpenMobile: (value: boolean) => void;
|
|
16
|
+
toggleSidebar: () => void;
|
|
17
|
+
} | null | undefined = {
|
|
18
|
+
state: ComputedRef<"expanded" | "collapsed">;
|
|
19
|
+
open: Ref<boolean>;
|
|
20
|
+
setOpen: (value: boolean) => void;
|
|
21
|
+
isMobile: Ref<boolean>;
|
|
22
|
+
disableMobile: Ref<boolean>;
|
|
23
|
+
openMobile: Ref<boolean>;
|
|
24
|
+
setOpenMobile: (value: boolean) => void;
|
|
25
|
+
toggleSidebar: () => void;
|
|
26
|
+
}>(fallback?: T | undefined) => T extends null ? {
|
|
27
|
+
state: ComputedRef<"expanded" | "collapsed">;
|
|
28
|
+
open: Ref<boolean>;
|
|
29
|
+
setOpen: (value: boolean) => void;
|
|
30
|
+
isMobile: Ref<boolean>;
|
|
31
|
+
disableMobile: Ref<boolean>;
|
|
32
|
+
openMobile: Ref<boolean>;
|
|
33
|
+
setOpenMobile: (value: boolean) => void;
|
|
34
|
+
toggleSidebar: () => void;
|
|
35
|
+
} | null : {
|
|
36
|
+
state: ComputedRef<"expanded" | "collapsed">;
|
|
37
|
+
open: Ref<boolean>;
|
|
38
|
+
setOpen: (value: boolean) => void;
|
|
39
|
+
isMobile: Ref<boolean>;
|
|
40
|
+
disableMobile: Ref<boolean>;
|
|
41
|
+
openMobile: Ref<boolean>;
|
|
42
|
+
setOpenMobile: (value: boolean) => void;
|
|
43
|
+
toggleSidebar: () => void;
|
|
44
|
+
}, provideSidebarContext: (contextValue: {
|
|
45
|
+
state: ComputedRef<"expanded" | "collapsed">;
|
|
46
|
+
open: Ref<boolean>;
|
|
47
|
+
setOpen: (value: boolean) => void;
|
|
48
|
+
isMobile: Ref<boolean>;
|
|
49
|
+
disableMobile: Ref<boolean>;
|
|
50
|
+
openMobile: Ref<boolean>;
|
|
51
|
+
setOpenMobile: (value: boolean) => void;
|
|
52
|
+
toggleSidebar: () => void;
|
|
53
|
+
}) => {
|
|
54
|
+
state: ComputedRef<"expanded" | "collapsed">;
|
|
55
|
+
open: Ref<boolean>;
|
|
56
|
+
setOpen: (value: boolean) => void;
|
|
57
|
+
isMobile: Ref<boolean>;
|
|
58
|
+
disableMobile: Ref<boolean>;
|
|
59
|
+
openMobile: Ref<boolean>;
|
|
60
|
+
setOpenMobile: (value: boolean) => void;
|
|
61
|
+
toggleSidebar: () => void;
|
|
62
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface SkeletonProps {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import('vue').DefineComponent<SkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('vue').DefineComponent<import('./Skeleton').SkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Skeleton').SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof meta>;
|
|
9
|
+
export declare const Default: Story;
|
|
10
|
+
export declare const CardSkeleton: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Skeleton } from './Skeleton';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
};
|
|
5
|
+
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>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('vue').DefineComponent<{
|
|
5
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
6
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
7
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
8
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const Sizes: Story;
|
|
15
|
+
export declare const Colored: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Spinner } from './Spinner';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export interface StepItem {
|
|
2
|
+
/** Step unique identifier */
|
|
3
|
+
value: string | number;
|
|
4
|
+
/** Step label text */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Whether this step is completed */
|
|
7
|
+
isComplete: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface StepperProps {
|
|
10
|
+
/** List of steps */
|
|
11
|
+
steps: StepItem[];
|
|
12
|
+
/** Additional classes */
|
|
13
|
+
class?: string;
|
|
14
|
+
}
|
|
15
|
+
type __VLS_Props = StepperProps;
|
|
16
|
+
type __VLS_PublicProps = {
|
|
17
|
+
modelValue: string | number;
|
|
18
|
+
} & __VLS_Props;
|
|
19
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
"update:modelValue": (value: string | number) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
23
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('vue').DefineComponent<{
|
|
5
|
+
modelValue: string | number;
|
|
6
|
+
} & import('./Stepper').StepperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: string | number) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
9
|
+
modelValue: string | number;
|
|
10
|
+
} & import('./Stepper').StepperProps> & Readonly<{
|
|
11
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
13
|
+
tags: string[];
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
export declare const Default: Story;
|
|
18
|
+
export declare const AllComplete: Story;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { DataTableColumn, DataTableRowKey } from './dataTableTypes';
|
|
3
|
+
declare const _default: <Row extends Record<string, any> = Record<string, any>>(__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<{
|
|
4
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
|
+
readonly "onUpdate:selected"?: ((keys: DataTableRowKey[]) => any) | undefined;
|
|
6
|
+
readonly "onRow-click"?: ((payload: {
|
|
7
|
+
row: Row;
|
|
8
|
+
index: number;
|
|
9
|
+
}) => any) | undefined;
|
|
10
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:selected" | "onRow-click"> & {
|
|
11
|
+
columns: DataTableColumn<Row>[];
|
|
12
|
+
rows: Row[];
|
|
13
|
+
/** 행 고유키: 속성명 또는 (row) => key */
|
|
14
|
+
rowKey: string | ((row: Row) => DataTableRowKey);
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
emptyText?: string;
|
|
17
|
+
/** 체크박스 선택 컬럼 노출 (v-model:selected 와 함께 사용) */
|
|
18
|
+
selectable?: boolean;
|
|
19
|
+
/** v-model:selected — 선택된 행 key 배열 */
|
|
20
|
+
selected?: DataTableRowKey[];
|
|
21
|
+
/** 행 클릭/선택 비활성 조건 */
|
|
22
|
+
rowDisabled?: (row: Row) => boolean;
|
|
23
|
+
class?: HTMLAttributes["class"];
|
|
24
|
+
} & Partial<{}>> & import('vue').PublicProps;
|
|
25
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
26
|
+
attrs: any;
|
|
27
|
+
slots: Partial<Record<`header-${string}`, (_: {
|
|
28
|
+
column: DataTableColumn<Row>;
|
|
29
|
+
}) => any>> & Partial<Record<`cell-${string}`, (_: {
|
|
30
|
+
row: Row;
|
|
31
|
+
value: any;
|
|
32
|
+
index: number;
|
|
33
|
+
}) => any>> & {
|
|
34
|
+
empty?(_: {}): any;
|
|
35
|
+
};
|
|
36
|
+
emit: ((evt: "update:selected", keys: DataTableRowKey[]) => void) & ((evt: "row-click", payload: {
|
|
37
|
+
row: Row;
|
|
38
|
+
index: number;
|
|
39
|
+
}) => void);
|
|
40
|
+
}>) => import('vue').VNode & {
|
|
41
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
42
|
+
};
|
|
43
|
+
export default _default;
|
|
44
|
+
type __VLS_PrettifyLocal<T> = {
|
|
45
|
+
[K in keyof T]: T[K];
|
|
46
|
+
} & {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: any;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
loading: {
|
|
8
|
+
control: "boolean";
|
|
9
|
+
};
|
|
10
|
+
selectable: {
|
|
11
|
+
control: "boolean";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
/** columns + rows 만으로 끝 (레거시 49곳에서 반복되던 thead/tbody v-for 제거) */
|
|
18
|
+
export declare const Default: Story;
|
|
19
|
+
/** 체크박스 선택 — v-model:selected (헤더 전체선택 + indeterminate 자동) */
|
|
20
|
+
export declare const Selectable: Story;
|
|
21
|
+
/** 커스텀 셀 — #cell-<key> 슬롯 (Badge/버튼 등) */
|
|
22
|
+
export declare const CustomCell: Story;
|
|
23
|
+
export declare const Loading: Story;
|
|
24
|
+
export declare const Empty: Story;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** <table> 에 적용할 클래스 */
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
/**
|
|
6
|
+
* 스크롤 래퍼 div 에 적용할 클래스.
|
|
7
|
+
* 바깥에 이미 스크롤 컨테이너가 있어 이 래퍼의 overflow 를 끄고 싶을 때 쓴다
|
|
8
|
+
* (예: overflow-visible). class prop 은 <table> 로 가므로 래퍼는 이 prop 으로 제어한다.
|
|
9
|
+
*/
|
|
10
|
+
wrapperClass?: HTMLAttributes["class"];
|
|
11
|
+
};
|
|
12
|
+
declare function __VLS_template(): {
|
|
13
|
+
attrs: Partial<{}>;
|
|
14
|
+
slots: {
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
rootEl: HTMLDivElement;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
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>;
|
|
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,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<{
|
|
6
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
7
|
+
wrapperClass?: import('vue').HTMLAttributes["class"];
|
|
8
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
9
|
+
P: {};
|
|
10
|
+
B: {};
|
|
11
|
+
D: {};
|
|
12
|
+
C: {};
|
|
13
|
+
M: {};
|
|
14
|
+
Defaults: {};
|
|
15
|
+
}, Readonly<{
|
|
16
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
17
|
+
wrapperClass?: import('vue').HTMLAttributes["class"];
|
|
18
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
19
|
+
__isFragment?: never;
|
|
20
|
+
__isTeleport?: never;
|
|
21
|
+
__isSuspense?: never;
|
|
22
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
23
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
24
|
+
wrapperClass?: import('vue').HTMLAttributes["class"];
|
|
25
|
+
}> & 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 () => {
|
|
26
|
+
$slots: {
|
|
27
|
+
default?(_: {}): any;
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
tags: string[];
|
|
31
|
+
};
|
|
32
|
+
export default meta;
|
|
33
|
+
type Story = StoryObj<typeof meta>;
|
|
34
|
+
export declare const Default: Story;
|
|
35
|
+
export declare const WithCaption: Story;
|
|
36
|
+
export declare const WithFooter: Story;
|
|
37
|
+
/**
|
|
38
|
+
* 셀 밀도는 단일 값이다(size prop 없음).
|
|
39
|
+
* 시안의 singleline / doubleLine 은 밀도 옵션이 아니라 콘텐츠가 몇 줄로 흐르느냐의 결과라,
|
|
40
|
+
* 별도 prop 없이 행 높이가 자연스럽게 32px / 52px 로 늘어난다.
|
|
41
|
+
*/
|
|
42
|
+
/**
|
|
43
|
+
* truncate — 셀 내용을 clampLines 줄에서 말줄임하고, 실제로 잘렸을 때만
|
|
44
|
+
* 전문 보기 아이콘을 노출한다. 아이콘 hover 시 전체 텍스트가 툴팁으로 뜬다.
|
|
45
|
+
* 잘리지 않은 셀에는 아이콘이 붙지 않는다.
|
|
46
|
+
*/
|
|
47
|
+
export declare const TruncatedCell: Story;
|
|
48
|
+
/** tooltip-icon 슬롯으로 전문 보기 트리거를 교체할 수 있다 */
|
|
49
|
+
export declare const TruncatedCellCustomIcon: Story;
|
|
50
|
+
export declare const RowHeights: Story;
|
|
51
|
+
export declare const WithTooltipHeader: Story;
|
|
52
|
+
export declare const EmptyState: 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: HTMLTableSectionElement;
|
|
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, {}, HTMLTableSectionElement>;
|
|
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: HTMLTableCaptionElement;
|
|
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, {}, HTMLTableCaptionElement>;
|
|
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 { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
/**
|
|
5
|
+
* 셀 내용을 clampLines 줄에서 말줄임하고, 실제로 잘렸을 때만 전문 보기 아이콘을 노출한다.
|
|
6
|
+
* 아이콘에 hover 하면 잘리지 않은 전체 텍스트가 툴팁으로 뜬다.
|
|
7
|
+
*/
|
|
8
|
+
truncate?: boolean;
|
|
9
|
+
/** truncate 시 노출할 최대 줄 수 */
|
|
10
|
+
clampLines?: number;
|
|
11
|
+
/**
|
|
12
|
+
* 셀 내용 정렬 (default: left).
|
|
13
|
+
* 내부 flex 컨테이너를 justify 하므로 text-align 보다 안전하다. TableHead 의 align 과 대응한다.
|
|
14
|
+
*/
|
|
15
|
+
align?: "left" | "center" | "right";
|
|
16
|
+
};
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
slots: Readonly<{
|
|
20
|
+
default?: () => any;
|
|
21
|
+
/** 전문 보기 아이콘 교체용. 미지정 시 lucide TextAlignStart */
|
|
22
|
+
"tooltip-icon"?: () => any;
|
|
23
|
+
}> & {
|
|
24
|
+
default?: () => any;
|
|
25
|
+
/** 전문 보기 아이콘 교체용. 미지정 시 lucide TextAlignStart */
|
|
26
|
+
"tooltip-icon"?: () => any;
|
|
27
|
+
};
|
|
28
|
+
refs: {
|
|
29
|
+
textRef: HTMLDivElement;
|
|
30
|
+
};
|
|
31
|
+
rootEl: HTMLTableCellElement;
|
|
32
|
+
};
|
|
33
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
34
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
35
|
+
truncate: boolean;
|
|
36
|
+
clampLines: number;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
38
|
+
textRef: HTMLDivElement;
|
|
39
|
+
}, HTMLTableCellElement>;
|
|
40
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
41
|
+
export default _default;
|
|
42
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
43
|
+
new (): {
|
|
44
|
+
$slots: S;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
colspan?: number;
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLTableRowElement;
|
|
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
|
+
colspan: number;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
|
|
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: HTMLTableSectionElement;
|
|
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, {}, HTMLTableSectionElement>;
|
|
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 { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
tooltip?: string;
|
|
5
|
+
/** 헤더 정렬 (default: left). 내부 flex 컨테이너를 justify 하므로 text-align 보다 안전 */
|
|
6
|
+
align?: "left" | "center" | "right";
|
|
7
|
+
};
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: HTMLTableCellElement;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
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, {}, HTMLTableCellElement>;
|
|
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: HTMLTableSectionElement;
|
|
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, {}, HTMLTableSectionElement>;
|
|
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: HTMLTableRowElement;
|
|
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, {}, HTMLTableRowElement>;
|
|
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,19 @@
|
|
|
1
|
+
export type DataTableRowKey = string | number;
|
|
2
|
+
export interface DataTableColumn<Row = any> {
|
|
3
|
+
/** 행 객체에서 기본 셀 값을 읽을 속성명 */
|
|
4
|
+
key: string;
|
|
5
|
+
/** 헤더 라벨 */
|
|
6
|
+
label: string;
|
|
7
|
+
/** 컬럼 너비 (number → px) */
|
|
8
|
+
width?: string | number;
|
|
9
|
+
/** 컬럼 최소 너비 (number → px). table-layout auto 에서 컬럼이 최소 이 폭을 유지 */
|
|
10
|
+
minWidth?: string | number;
|
|
11
|
+
/** 컬럼 최대 너비 (number → px). 초과 내용은 셀에서 wrap/clamp */
|
|
12
|
+
maxWidth?: string | number;
|
|
13
|
+
/** 셀/헤더 정렬 (default: left) */
|
|
14
|
+
align?: "left" | "center" | "right";
|
|
15
|
+
/** 헤더 라벨 옆 question-mark tooltip */
|
|
16
|
+
headTooltip?: string;
|
|
17
|
+
/** 기본 셀 값 변환 (#cell-<key> 슬롯 미사용 시) */
|
|
18
|
+
format?: (value: any, row: Row, index: number) => string | number;
|
|
19
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as Table } from './Table';
|
|
2
|
+
export { default as DataTable } from './DataTable';
|
|
3
|
+
export type { DataTableColumn, DataTableRowKey } from './dataTableTypes';
|
|
4
|
+
export { default as TableBody } from './TableBody';
|
|
5
|
+
export { default as TableCaption } from './TableCaption';
|
|
6
|
+
export { default as TableCell } from './TableCell';
|
|
7
|
+
export { default as TableEmpty } from './TableEmpty';
|
|
8
|
+
export { default as TableFooter } from './TableFooter';
|
|
9
|
+
export { default as TableHead } from './TableHead';
|
|
10
|
+
export { default as TableHeader } from './TableHeader';
|
|
11
|
+
export { default as TableRow } from './TableRow';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TabsProps } 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<TabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (payload: string | number) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((payload: string | number) => 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
|
+
};
|