@ui-organized/vue 0.0.0-stage → 0.1.0
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/LICENSE +201 -0
- package/README.md +135 -2
- package/dist/components/Accordion/Accordion.types.d.ts +28 -0
- package/dist/components/Accordion/Accordion.vue.d.ts +13 -0
- package/dist/components/Accordion/index.d.ts +2 -0
- package/dist/components/Alert/Alert.types.d.ts +23 -0
- package/dist/components/Alert/Alert.vue.d.ts +16 -0
- package/dist/components/Alert/index.d.ts +3 -0
- package/dist/components/AlertDialog/AlertDialog.types.d.ts +18 -0
- package/dist/components/AlertDialog/AlertDialog.vue.d.ts +24 -0
- package/dist/components/AlertDialog/AlertDialogCancel.vue.d.ts +12 -0
- package/dist/components/AlertDialog/AlertDialogConfirm.vue.d.ts +15 -0
- package/dist/components/AlertDialog/AlertDialogContent.vue.d.ts +16 -0
- package/dist/components/AlertDialog/AlertDialogDescription.vue.d.ts +12 -0
- package/dist/components/AlertDialog/AlertDialogFooter.vue.d.ts +12 -0
- package/dist/components/AlertDialog/AlertDialogTitle.vue.d.ts +12 -0
- package/dist/components/AlertDialog/AlertDialogTrigger.vue.d.ts +15 -0
- package/dist/components/AlertDialog/index.d.ts +9 -0
- package/dist/components/AngleSlider/AngleSlider.types.d.ts +35 -0
- package/dist/components/AngleSlider/AngleSlider.vue.d.ts +16 -0
- package/dist/components/AngleSlider/AngleSliderValue.vue.d.ts +2 -0
- package/dist/components/AngleSlider/index.d.ts +3 -0
- package/dist/components/Avatar/Avatar.types.d.ts +12 -0
- package/dist/components/Avatar/Avatar.vue.d.ts +16 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Breadcrumb/Breadcrumb.types.d.ts +20 -0
- package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts +14 -0
- package/dist/components/Breadcrumb/index.d.ts +2 -0
- package/dist/components/Button/Button.types.d.ts +33 -0
- package/dist/components/Button/Button.vue.d.ts +17 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Calendar/Calendar.types.d.ts +38 -0
- package/dist/components/Calendar/Calendar.vue.d.ts +11 -0
- package/dist/components/Calendar/index.d.ts +2 -0
- package/dist/components/Card/Card.types.d.ts +6 -0
- package/dist/components/Card/Card.vue.d.ts +14 -0
- package/dist/components/Card/CardBody.vue.d.ts +12 -0
- package/dist/components/Card/CardFooter.vue.d.ts +12 -0
- package/dist/components/Card/CardHeader.vue.d.ts +12 -0
- package/dist/components/Card/index.d.ts +5 -0
- package/dist/components/Carousel/Carousel.types.d.ts +48 -0
- package/dist/components/Carousel/Carousel.vue.d.ts +20 -0
- package/dist/components/Carousel/index.d.ts +3 -0
- package/dist/components/Checkbox/Checkbox.types.d.ts +27 -0
- package/dist/components/Checkbox/Checkbox.vue.d.ts +15 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Chip/Chip.types.d.ts +30 -0
- package/dist/components/Chip/Chip.vue.d.ts +23 -0
- package/dist/components/Chip/ChipSegment.vue.d.ts +15 -0
- package/dist/components/Chip/chipContext.d.ts +3 -0
- package/dist/components/Chip/index.d.ts +4 -0
- package/dist/components/Clipboard/Clipboard.types.d.ts +25 -0
- package/dist/components/Clipboard/Clipboard.vue.d.ts +13 -0
- package/dist/components/Clipboard/index.d.ts +3 -0
- package/dist/components/Collapsible/Collapsible.types.d.ts +27 -0
- package/dist/components/Collapsible/Collapsible.vue.d.ts +24 -0
- package/dist/components/Collapsible/CollapsibleContent.vue.d.ts +15 -0
- package/dist/components/Collapsible/CollapsibleTrigger.vue.d.ts +13 -0
- package/dist/components/Collapsible/index.d.ts +4 -0
- package/dist/components/ColorPicker/ChannelField.vue.d.ts +14 -0
- package/dist/components/ColorPicker/ColorPicker.types.d.ts +60 -0
- package/dist/components/ColorPicker/ColorPicker.vue.d.ts +27 -0
- package/dist/components/ColorPicker/FormatInputs.vue.d.ts +17 -0
- package/dist/components/ColorPicker/channelFields.d.ts +35 -0
- package/dist/components/ColorPicker/index.d.ts +3 -0
- package/dist/components/Combobox/Combobox.types.d.ts +45 -0
- package/dist/components/Combobox/Combobox.vue.d.ts +18 -0
- package/dist/components/Combobox/index.d.ts +2 -0
- package/dist/components/ContextMenu/ContextMenu.types.d.ts +38 -0
- package/dist/components/ContextMenu/ContextMenu.vue.d.ts +25 -0
- package/dist/components/ContextMenu/ContextMenuCheckboxItem.vue.d.ts +22 -0
- package/dist/components/ContextMenu/ContextMenuContent.vue.d.ts +15 -0
- package/dist/components/ContextMenu/ContextMenuGroup.vue.d.ts +12 -0
- package/dist/components/ContextMenu/ContextMenuGroupLabel.vue.d.ts +12 -0
- package/dist/components/ContextMenu/ContextMenuItem.vue.d.ts +19 -0
- package/dist/components/ContextMenu/ContextMenuRadioGroup.vue.d.ts +19 -0
- package/dist/components/ContextMenu/ContextMenuRadioItem.vue.d.ts +15 -0
- package/dist/components/ContextMenu/ContextMenuSeparator.vue.d.ts +2 -0
- package/dist/components/ContextMenu/ContextMenuTrigger.vue.d.ts +12 -0
- package/dist/components/ContextMenu/index.d.ts +11 -0
- package/dist/components/DateField/DateFieldBase.types.d.ts +44 -0
- package/dist/components/DateField/DateFieldBase.vue.d.ts +12 -0
- package/dist/components/DateField/DatePopover.types.d.ts +10 -0
- package/dist/components/DateField/DatePopover.vue.d.ts +14 -0
- package/dist/components/DateField/datePopoverPositioning.d.ts +26 -0
- package/dist/components/DateField/openDatePicker.d.ts +8 -0
- package/dist/components/DateField/setNativeInputValue.d.ts +13 -0
- package/dist/components/DateField/useCoarsePointer.d.ts +14 -0
- package/dist/components/DateInput/DateInput.types.d.ts +41 -0
- package/dist/components/DateInput/DateInput.vue.d.ts +10 -0
- package/dist/components/DateInput/index.d.ts +3 -0
- package/dist/components/DatePicker/DatePicker.types.d.ts +54 -0
- package/dist/components/DatePicker/DatePicker.vue.d.ts +21 -0
- package/dist/components/DatePicker/index.d.ts +23 -0
- package/dist/components/DateRangeInput/DateRangeInput.types.d.ts +53 -0
- package/dist/components/DateRangeInput/DateRangeInput.vue.d.ts +30 -0
- package/dist/components/DateRangeInput/index.d.ts +3 -0
- package/dist/components/DateTimeInput/DateTimeInput.types.d.ts +41 -0
- package/dist/components/DateTimeInput/DateTimeInput.vue.d.ts +10 -0
- package/dist/components/DateTimeInput/index.d.ts +3 -0
- package/dist/components/Dialog/Dialog.types.d.ts +16 -0
- package/dist/components/Dialog/Dialog.vue.d.ts +24 -0
- package/dist/components/Dialog/DialogClose.vue.d.ts +15 -0
- package/dist/components/Dialog/DialogContent.vue.d.ts +15 -0
- package/dist/components/Dialog/DialogDescription.vue.d.ts +12 -0
- package/dist/components/Dialog/DialogFooter.vue.d.ts +12 -0
- package/dist/components/Dialog/DialogTitle.vue.d.ts +12 -0
- package/dist/components/Dialog/DialogTrigger.vue.d.ts +15 -0
- package/dist/components/Dialog/index.d.ts +8 -0
- package/dist/components/Divider/Divider.types.d.ts +6 -0
- package/dist/components/Divider/Divider.vue.d.ts +7 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Editable/Editable.types.d.ts +43 -0
- package/dist/components/Editable/Editable.vue.d.ts +18 -0
- package/dist/components/Editable/index.d.ts +3 -0
- package/dist/components/Field/Field.types.d.ts +16 -0
- package/dist/components/Field/Field.vue.d.ts +19 -0
- package/dist/components/Field/FieldControl.vue.d.ts +2 -0
- package/dist/components/Field/FieldDescription.vue.d.ts +12 -0
- package/dist/components/Field/FieldErrorMessage.vue.d.ts +13 -0
- package/dist/components/Field/FieldLabel.vue.d.ts +12 -0
- package/dist/components/Field/Fieldset.vue.d.ts +12 -0
- package/dist/components/Field/FieldsetLegend.vue.d.ts +12 -0
- package/dist/components/Field/index.d.ts +9 -0
- package/dist/components/FieldError/FieldError.types.d.ts +10 -0
- package/dist/components/FieldError/FieldError.vue.d.ts +14 -0
- package/dist/components/FieldError/index.d.ts +2 -0
- package/dist/components/FileUpload/FileUpload.types.d.ts +54 -0
- package/dist/components/FileUpload/FileUpload.vue.d.ts +28 -0
- package/dist/components/FileUpload/FileUploadLabel.vue.d.ts +12 -0
- package/dist/components/FileUpload/FileUploadTrigger.vue.d.ts +7 -0
- package/dist/components/FileUpload/index.d.ts +3 -0
- package/dist/components/FloatingPanel/FloatingPanel.types.d.ts +39 -0
- package/dist/components/FloatingPanel/FloatingPanel.vue.d.ts +25 -0
- package/dist/components/FloatingPanel/FloatingPanelBody.vue.d.ts +12 -0
- package/dist/components/FloatingPanel/FloatingPanelClose.vue.d.ts +12 -0
- package/dist/components/FloatingPanel/FloatingPanelContent.vue.d.ts +13 -0
- package/dist/components/FloatingPanel/FloatingPanelHeader.vue.d.ts +12 -0
- package/dist/components/FloatingPanel/FloatingPanelTitle.vue.d.ts +12 -0
- package/dist/components/FloatingPanel/FloatingPanelTrigger.vue.d.ts +12 -0
- package/dist/components/FloatingPanel/index.d.ts +9 -0
- package/dist/components/HoverCard/HoverCard.types.d.ts +24 -0
- package/dist/components/HoverCard/HoverCard.vue.d.ts +23 -0
- package/dist/components/HoverCard/HoverCardContent.vue.d.ts +17 -0
- package/dist/components/HoverCard/HoverCardTrigger.vue.d.ts +15 -0
- package/dist/components/HoverCard/index.d.ts +4 -0
- package/dist/components/Icon/Icon.types.d.ts +29 -0
- package/dist/components/Icon/Icon.vue.d.ts +6 -0
- package/dist/components/Icon/index.d.ts +2 -0
- package/dist/components/Icon/warnMissingIconSet.d.ts +12 -0
- package/dist/components/ImageCropper/ImageCropper.types.d.ts +36 -0
- package/dist/components/ImageCropper/ImageCropper.vue.d.ts +28 -0
- package/dist/components/ImageCropper/index.d.ts +3 -0
- package/dist/components/Input/Input.types.d.ts +20 -0
- package/dist/components/Input/Input.vue.d.ts +11 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Listbox/Listbox.types.d.ts +39 -0
- package/dist/components/Listbox/Listbox.vue.d.ts +14 -0
- package/dist/components/Listbox/ListboxOptions.vue.d.ts +7 -0
- package/dist/components/Listbox/index.d.ts +3 -0
- package/dist/components/Marquee/Marquee.types.d.ts +37 -0
- package/dist/components/Marquee/Marquee.vue.d.ts +18 -0
- package/dist/components/Marquee/index.d.ts +3 -0
- package/dist/components/Menu/Menu.types.d.ts +46 -0
- package/dist/components/Menu/Menu.vue.d.ts +25 -0
- package/dist/components/Menu/MenuCheckboxItem.vue.d.ts +22 -0
- package/dist/components/Menu/MenuContent.vue.d.ts +17 -0
- package/dist/components/Menu/MenuGroup.vue.d.ts +12 -0
- package/dist/components/Menu/MenuGroupLabel.vue.d.ts +12 -0
- package/dist/components/Menu/MenuItem.vue.d.ts +19 -0
- package/dist/components/Menu/MenuRadioGroup.vue.d.ts +19 -0
- package/dist/components/Menu/MenuRadioItem.vue.d.ts +15 -0
- package/dist/components/Menu/MenuSeparator.vue.d.ts +2 -0
- package/dist/components/Menu/MenuTrigger.vue.d.ts +15 -0
- package/dist/components/Menu/index.d.ts +11 -0
- package/dist/components/Menubar/Menubar.types.d.ts +4 -0
- package/dist/components/Menubar/Menubar.vue.d.ts +16 -0
- package/dist/components/Menubar/index.d.ts +3 -0
- package/dist/components/Menubar/menubarContext.d.ts +2 -0
- package/dist/components/Meter/Meter.types.d.ts +36 -0
- package/dist/components/Meter/Meter.vue.d.ts +8 -0
- package/dist/components/Meter/index.d.ts +3 -0
- package/dist/components/Navigation/NavItem.vue.d.ts +25 -0
- package/dist/components/Navigation/NavProvider.vue.d.ts +15 -0
- package/dist/components/Navigation/NavSubItem.vue.d.ts +8 -0
- package/dist/components/Navigation/Navigation.types.d.ts +60 -0
- package/dist/components/Navigation/Sidebar.vue.d.ts +38 -0
- package/dist/components/Navigation/index.d.ts +8 -0
- package/dist/components/Navigation/navContext.d.ts +19 -0
- package/dist/components/NumberField/NumberField.types.d.ts +44 -0
- package/dist/components/NumberField/NumberField.vue.d.ts +15 -0
- package/dist/components/NumberField/index.d.ts +3 -0
- package/dist/components/Pagination/Pagination.types.d.ts +12 -0
- package/dist/components/Pagination/Pagination.vue.d.ts +14 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/PasswordInput/PasswordInput.types.d.ts +22 -0
- package/dist/components/PasswordInput/PasswordInput.vue.d.ts +14 -0
- package/dist/components/PasswordInput/index.d.ts +3 -0
- package/dist/components/PinInput/PinInput.types.d.ts +50 -0
- package/dist/components/PinInput/PinInput.vue.d.ts +21 -0
- package/dist/components/PinInput/index.d.ts +3 -0
- package/dist/components/Popover/Popover.types.d.ts +22 -0
- package/dist/components/Popover/Popover.vue.d.ts +24 -0
- package/dist/components/Popover/PopoverClose.vue.d.ts +15 -0
- package/dist/components/Popover/PopoverContent.vue.d.ts +17 -0
- package/dist/components/Popover/PopoverDescription.vue.d.ts +12 -0
- package/dist/components/Popover/PopoverTitle.vue.d.ts +12 -0
- package/dist/components/Popover/PopoverTrigger.vue.d.ts +15 -0
- package/dist/components/Popover/index.d.ts +7 -0
- package/dist/components/Popover/positioning.d.ts +41 -0
- package/dist/components/Progress/Progress.types.d.ts +26 -0
- package/dist/components/Progress/Progress.vue.d.ts +9 -0
- package/dist/components/Progress/index.d.ts +2 -0
- package/dist/components/QRCode/QRCode.types.d.ts +27 -0
- package/dist/components/QRCode/QRCode.vue.d.ts +20 -0
- package/dist/components/QRCode/index.d.ts +3 -0
- package/dist/components/Radio/Radio.types.d.ts +31 -0
- package/dist/components/Radio/Radio.vue.d.ts +13 -0
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/Range/Range.types.d.ts +63 -0
- package/dist/components/Range/Range.vue.d.ts +17 -0
- package/dist/components/Range/index.d.ts +3 -0
- package/dist/components/RatingGroup/RatingGroup.types.d.ts +38 -0
- package/dist/components/RatingGroup/RatingGroup.vue.d.ts +17 -0
- package/dist/components/RatingGroup/index.d.ts +3 -0
- package/dist/components/ScrollArea/ScrollArea.types.d.ts +7 -0
- package/dist/components/ScrollArea/ScrollArea.vue.d.ts +16 -0
- package/dist/components/ScrollArea/index.d.ts +2 -0
- package/dist/components/SearchInput/SearchInput.types.d.ts +27 -0
- package/dist/components/SearchInput/SearchInput.vue.d.ts +16 -0
- package/dist/components/SearchInput/index.d.ts +3 -0
- package/dist/components/SegmentedControl/SegmentedControl.types.d.ts +41 -0
- package/dist/components/SegmentedControl/SegmentedControl.vue.d.ts +13 -0
- package/dist/components/SegmentedControl/index.d.ts +3 -0
- package/dist/components/Select/Select.types.d.ts +44 -0
- package/dist/components/Select/Select.vue.d.ts +17 -0
- package/dist/components/Select/SelectTrigger.vue.d.ts +15 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Sheet/Sheet.types.d.ts +19 -0
- package/dist/components/Sheet/Sheet.vue.d.ts +25 -0
- package/dist/components/Sheet/SheetClose.vue.d.ts +15 -0
- package/dist/components/Sheet/SheetContent.vue.d.ts +15 -0
- package/dist/components/Sheet/SheetDescription.vue.d.ts +12 -0
- package/dist/components/Sheet/SheetFooter.vue.d.ts +12 -0
- package/dist/components/Sheet/SheetTitle.vue.d.ts +12 -0
- package/dist/components/Sheet/SheetTrigger.vue.d.ts +15 -0
- package/dist/components/Sheet/index.d.ts +9 -0
- package/dist/components/SignaturePad/SignaturePad.types.d.ts +43 -0
- package/dist/components/SignaturePad/SignaturePad.vue.d.ts +21 -0
- package/dist/components/SignaturePad/index.d.ts +3 -0
- package/dist/components/Skeleton/Skeleton.types.d.ts +12 -0
- package/dist/components/Skeleton/Skeleton.vue.d.ts +8 -0
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/Splitter/Splitter.types.d.ts +33 -0
- package/dist/components/Splitter/Splitter.vue.d.ts +14 -0
- package/dist/components/Splitter/index.d.ts +3 -0
- package/dist/components/Steps/Steps.types.d.ts +30 -0
- package/dist/components/Steps/Steps.vue.d.ts +18 -0
- package/dist/components/Steps/index.d.ts +3 -0
- package/dist/components/Switch/Switch.types.d.ts +25 -0
- package/dist/components/Switch/Switch.vue.d.ts +15 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Tabs/Tabs.types.d.ts +23 -0
- package/dist/components/Tabs/Tabs.vue.d.ts +13 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tag/Tag.types.d.ts +18 -0
- package/dist/components/Tag/Tag.vue.d.ts +17 -0
- package/dist/components/Tag/index.d.ts +2 -0
- package/dist/components/TagsInput/TagsInput.types.d.ts +41 -0
- package/dist/components/TagsInput/TagsInput.vue.d.ts +16 -0
- package/dist/components/TagsInput/index.d.ts +3 -0
- package/dist/components/TextArea/TextArea.types.d.ts +28 -0
- package/dist/components/TextArea/TextArea.vue.d.ts +13 -0
- package/dist/components/TextArea/index.d.ts +2 -0
- package/dist/components/Timer/Timer.types.d.ts +27 -0
- package/dist/components/Timer/Timer.vue.d.ts +16 -0
- package/dist/components/Timer/index.d.ts +3 -0
- package/dist/components/Toast/Toast.types.d.ts +16 -0
- package/dist/components/Toast/ToastProvider.vue.d.ts +13 -0
- package/dist/components/Toast/index.d.ts +3 -0
- package/dist/components/Toast/toaster.d.ts +17 -0
- package/dist/components/Toggle/Toggle.types.d.ts +34 -0
- package/dist/components/Toggle/Toggle.vue.d.ts +24 -0
- package/dist/components/Toggle/ToggleGroup.vue.d.ts +23 -0
- package/dist/components/Toggle/index.d.ts +4 -0
- package/dist/components/Toolbar/Toolbar.types.d.ts +4 -0
- package/dist/components/Toolbar/Toolbar.vue.d.ts +16 -0
- package/dist/components/Toolbar/ToolbarGroup.vue.d.ts +12 -0
- package/dist/components/Toolbar/index.d.ts +3 -0
- package/dist/components/Tooltip/Tooltip.types.d.ts +31 -0
- package/dist/components/Tooltip/Tooltip.vue.d.ts +29 -0
- package/dist/components/Tooltip/TooltipProvider.vue.d.ts +13 -0
- package/dist/components/Tooltip/delays.d.ts +15 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tour/Tour.types.d.ts +73 -0
- package/dist/components/Tour/Tour.vue.d.ts +13 -0
- package/dist/components/Tour/index.d.ts +3 -0
- package/dist/components/TreeView/TreeNode.vue.d.ts +9 -0
- package/dist/components/TreeView/TreeView.types.d.ts +36 -0
- package/dist/components/TreeView/TreeView.vue.d.ts +17 -0
- package/dist/components/TreeView/index.d.ts +3 -0
- package/dist/context/IconProvider.types.d.ts +16 -0
- package/dist/context/IconProvider.vue.d.ts +16 -0
- package/dist/context/iconContext.d.ts +20 -0
- package/dist/icons/entry-heroicons.d.ts +30 -0
- package/dist/icons/entry-heroicons.js +127 -0
- package/dist/icons/entry-lucide.d.ts +40 -0
- package/dist/icons/entry-lucide.js +62 -0
- package/dist/icons/entry-tabler.d.ts +30 -0
- package/dist/icons/entry-tabler.js +86 -0
- package/dist/icons/glyph.d.ts +17 -0
- package/dist/icons/heroicons.d.ts +11 -0
- package/dist/icons/lucide.d.ts +25 -0
- package/dist/icons/registry.d.ts +22 -0
- package/dist/icons/tabler.d.ts +16 -0
- package/dist/index.d.ts +150 -0
- package/dist/index.js +7814 -0
- package/dist/props.d.ts +50 -0
- package/dist/registry-DyLcm8o3.js +10 -0
- package/dist/styles.css +6045 -0
- package/dist/types.d.ts +10 -0
- package/package.json +103 -3
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { Component } from "vue";
|
|
2
|
+
export interface MarqueeItem {
|
|
3
|
+
/** Unique id across the marquee. */
|
|
4
|
+
id: string;
|
|
5
|
+
/**
|
|
6
|
+
* Item contents. A string, or a component for anything richer.
|
|
7
|
+
*
|
|
8
|
+
* React takes a ReactNode here, which can be either. Vue has no single type
|
|
9
|
+
* that covers both, so the union is explicit and the component renders
|
|
10
|
+
* whichever it was given.
|
|
11
|
+
*/
|
|
12
|
+
content?: string | Component;
|
|
13
|
+
}
|
|
14
|
+
export interface MarqueeProps {
|
|
15
|
+
/** The items to scroll, in order. */
|
|
16
|
+
items: MarqueeItem[];
|
|
17
|
+
/** Pixels travelled per second. Higher is faster. Defaults to 50. */
|
|
18
|
+
speed?: number;
|
|
19
|
+
/** Seconds to wait before the first pass. Defaults to 0. */
|
|
20
|
+
delay?: number;
|
|
21
|
+
/** Scroll direction. Defaults to 'horizontal'. */
|
|
22
|
+
orientation?: "horizontal" | "vertical";
|
|
23
|
+
/** Reverses the travel direction. Defaults to false. */
|
|
24
|
+
reverse?: boolean;
|
|
25
|
+
/** Gap between items. Defaults to the space-04 token. */
|
|
26
|
+
spacing?: string;
|
|
27
|
+
/** Repeats the content until the track is full, so there is never a gap. Defaults to true. */
|
|
28
|
+
autoFill?: boolean;
|
|
29
|
+
/** Pauses while hovered or focused. Defaults to false. */
|
|
30
|
+
pauseOnInteraction?: boolean;
|
|
31
|
+
/** Starts paused. Useful for reduced-motion and for deterministic snapshots. Defaults to false. */
|
|
32
|
+
defaultPaused?: boolean;
|
|
33
|
+
/** Number of passes before stopping. 0 scrolls forever. Defaults to 0. */
|
|
34
|
+
loopCount?: number;
|
|
35
|
+
/** Fades the leading and trailing edges into the background. Defaults to true. */
|
|
36
|
+
showEdges?: boolean;
|
|
37
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { MarqueeProps } from "./Marquee.types.js";
|
|
2
|
+
import "@ui-organized/core/components/Marquee/Marquee.css";
|
|
3
|
+
declare const _default: import("vue").DefineComponent<MarqueeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
|
+
complete: () => any;
|
|
5
|
+
loopComplete: () => any;
|
|
6
|
+
}, string, import("vue").PublicProps, Readonly<MarqueeProps> & Readonly<{
|
|
7
|
+
onComplete?: (() => any) | undefined;
|
|
8
|
+
onLoopComplete?: (() => any) | undefined;
|
|
9
|
+
}>, {
|
|
10
|
+
reverse: boolean;
|
|
11
|
+
orientation: "horizontal" | "vertical";
|
|
12
|
+
spacing: string;
|
|
13
|
+
autoFill: boolean;
|
|
14
|
+
pauseOnInteraction: boolean;
|
|
15
|
+
defaultPaused: boolean;
|
|
16
|
+
showEdges: boolean;
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import type { IconComponent, IconName } from "../Icon/Icon.types.js";
|
|
2
|
+
export type MenuSide = "top" | "right" | "bottom" | "left";
|
|
3
|
+
export type MenuAlign = "start" | "center" | "end";
|
|
4
|
+
export interface MenuProps {
|
|
5
|
+
/** Open state. Use `v-model:open` for two-way binding. */
|
|
6
|
+
open?: boolean;
|
|
7
|
+
/** Initial open state for uncontrolled usage. */
|
|
8
|
+
defaultOpen?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface MenuContentProps {
|
|
11
|
+
/** Side of the trigger to position against. Defaults to 'bottom'. */
|
|
12
|
+
side?: MenuSide;
|
|
13
|
+
/** Alignment along the chosen side. Defaults to 'start'. */
|
|
14
|
+
align?: MenuAlign;
|
|
15
|
+
/** Gap between trigger and popup, in px. Defaults to 4. */
|
|
16
|
+
sideOffset?: number;
|
|
17
|
+
/** Offset along the alignment axis, in px. */
|
|
18
|
+
alignOffset?: number;
|
|
19
|
+
/** DOM element to teleport into. Defaults to `body`. */
|
|
20
|
+
container?: HTMLElement | null;
|
|
21
|
+
}
|
|
22
|
+
export interface MenuItemProps {
|
|
23
|
+
/** Icon rendered before the label. */
|
|
24
|
+
icon?: IconName | IconComponent;
|
|
25
|
+
/** Renders the item in the destructive color. */
|
|
26
|
+
destructive?: boolean;
|
|
27
|
+
/** Stable value for the item. Generated when omitted. */
|
|
28
|
+
value?: string;
|
|
29
|
+
/** Disable the item. */
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
}
|
|
32
|
+
export interface MenuCheckboxItemProps {
|
|
33
|
+
value?: string;
|
|
34
|
+
checked?: boolean;
|
|
35
|
+
/** Disable the item. */
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
}
|
|
38
|
+
export interface MenuRadioItemProps {
|
|
39
|
+
value: string;
|
|
40
|
+
/** Disable the item. */
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
}
|
|
43
|
+
export interface MenuRadioGroupProps {
|
|
44
|
+
/** Selected value. Use `v-model` for two-way binding. */
|
|
45
|
+
modelValue?: string;
|
|
46
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { MenuProps } from "./Menu.types.js";
|
|
2
|
+
import "@ui-organized/core/components/Menu/Menu.css";
|
|
3
|
+
import "@ui-organized/core/components/Checkbox/Checkbox.css";
|
|
4
|
+
import "@ui-organized/core/components/Radio/Radio.css";
|
|
5
|
+
declare var __VLS_10: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_10) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<MenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
openChange: (open: boolean) => any;
|
|
11
|
+
"update:open": (open: boolean) => any;
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{
|
|
13
|
+
onOpenChange?: ((open: boolean) => any) | undefined;
|
|
14
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
open: boolean;
|
|
17
|
+
defaultOpen: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { MenuCheckboxItemProps } from "./Menu.types.js";
|
|
2
|
+
declare var __VLS_13: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_13) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"update:checked": (checked: boolean) => any;
|
|
8
|
+
checkedChange: (checked: boolean) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
|
|
10
|
+
"onUpdate:checked"?: ((checked: boolean) => any) | undefined;
|
|
11
|
+
onCheckedChange?: ((checked: boolean) => any) | undefined;
|
|
12
|
+
}>, {
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
checked: boolean;
|
|
15
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { MenuContentProps } from "./Menu.types.js";
|
|
2
|
+
declare var __VLS_14: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_14) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<MenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuContentProps> & Readonly<{}>, {
|
|
7
|
+
side: import("./Menu.types.js").MenuSide;
|
|
8
|
+
align: import("./Menu.types.js").MenuAlign;
|
|
9
|
+
sideOffset: number;
|
|
10
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare var __VLS_6: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_6) => any;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
7
|
+
export default _default;
|
|
8
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
9
|
+
new (): {
|
|
10
|
+
$slots: S;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare var __VLS_6: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_6) => any;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
7
|
+
export default _default;
|
|
8
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
9
|
+
new (): {
|
|
10
|
+
$slots: S;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { MenuItemProps } from "./Menu.types.js";
|
|
2
|
+
declare var __VLS_13: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_13) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<MenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
select: () => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<MenuItemProps> & Readonly<{
|
|
9
|
+
onSelect?: (() => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { MenuRadioGroupProps } from "./Menu.types.js";
|
|
2
|
+
declare var __VLS_10: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_10) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<MenuRadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: string) => any;
|
|
8
|
+
valueChange: (value: string) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<MenuRadioGroupProps> & Readonly<{
|
|
10
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
11
|
+
onValueChange?: ((value: string) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { MenuRadioItemProps } from "./Menu.types.js";
|
|
2
|
+
declare var __VLS_6: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_6) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<MenuRadioItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuRadioItemProps> & Readonly<{}>, {
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
12
|
+
new (): {
|
|
13
|
+
$slots: S;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
asChild?: boolean;
|
|
3
|
+
};
|
|
4
|
+
declare var __VLS_6: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
default?: (props: typeof __VLS_6) => any;
|
|
7
|
+
};
|
|
8
|
+
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>;
|
|
9
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
12
|
+
new (): {
|
|
13
|
+
$slots: S;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as Menu } from "./Menu.vue";
|
|
2
|
+
export { default as MenuTrigger } from "./MenuTrigger.vue";
|
|
3
|
+
export { default as MenuContent } from "./MenuContent.vue";
|
|
4
|
+
export { default as MenuItem } from "./MenuItem.vue";
|
|
5
|
+
export { default as MenuSeparator } from "./MenuSeparator.vue";
|
|
6
|
+
export { default as MenuGroup } from "./MenuGroup.vue";
|
|
7
|
+
export { default as MenuGroupLabel } from "./MenuGroupLabel.vue";
|
|
8
|
+
export { default as MenuRadioGroup } from "./MenuRadioGroup.vue";
|
|
9
|
+
export { default as MenuCheckboxItem } from "./MenuCheckboxItem.vue";
|
|
10
|
+
export { default as MenuRadioItem } from "./MenuRadioItem.vue";
|
|
11
|
+
export type { MenuProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuRadioGroupProps, MenuSide, MenuAlign, } from "./Menu.types.js";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { MenubarProps } from "./Menubar.types.js";
|
|
2
|
+
import "@ui-organized/core/components/Menubar/Menubar.css";
|
|
3
|
+
declare var __VLS_1: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
default?: (props: typeof __VLS_1) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_component: import("vue").DefineComponent<MenubarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenubarProps> & Readonly<{}>, {
|
|
8
|
+
orientation: "horizontal" | "vertical";
|
|
9
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type { Component } from "vue";
|
|
2
|
+
import type { ControlSize } from "@ui-organized/core";
|
|
3
|
+
export interface MeterProps {
|
|
4
|
+
/** The current value. Required — a meter always shows a concrete measurement. */
|
|
5
|
+
value: number;
|
|
6
|
+
/** Minimum value. Defaults to 0. */
|
|
7
|
+
min?: number;
|
|
8
|
+
/** Maximum value. Defaults to 100. */
|
|
9
|
+
max?: number;
|
|
10
|
+
/**
|
|
11
|
+
* Optional label rendered above the track.
|
|
12
|
+
*
|
|
13
|
+
* A string, or a component for anything richer — the same union `Progress`
|
|
14
|
+
* takes, and for the same reason: React's ReactNode has no Vue equivalent.
|
|
15
|
+
*/
|
|
16
|
+
label?: string | Component;
|
|
17
|
+
/** Whether to show the formatted value beside the label. Defaults to false. */
|
|
18
|
+
showValue?: boolean;
|
|
19
|
+
/** Options to format the displayed value (e.g. `{ style: "percent" }`). */
|
|
20
|
+
format?: Intl.NumberFormatOptions;
|
|
21
|
+
/** Color variant. Defaults to 'default'. */
|
|
22
|
+
variant?: "default" | "success" | "warning" | "error";
|
|
23
|
+
/** Track thickness. Defaults to 'md'. */
|
|
24
|
+
size?: ControlSize;
|
|
25
|
+
/**
|
|
26
|
+
* Accessible name when the meter is rendered without a visible `label`.
|
|
27
|
+
*
|
|
28
|
+
* `ariaLabel`, not `"aria-label"`. Vue camelises a type-declared prop name
|
|
29
|
+
* before matching, so a prop written as `"aria-label"` compiles to `ariaLabel`
|
|
30
|
+
* and the quoted key is never populated — the declaration would look right and
|
|
31
|
+
* hand the component `undefined` forever. Writing it camelCase is not a
|
|
32
|
+
* different API: a template that says `aria-label="Disk usage"` still lands
|
|
33
|
+
* here, because incoming keys are camelised the same way.
|
|
34
|
+
*/
|
|
35
|
+
ariaLabel?: string;
|
|
36
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MeterProps } from "./Meter.types.js";
|
|
2
|
+
import "@ui-organized/core/components/Meter/Meter.css";
|
|
3
|
+
declare const _default: import("vue").DefineComponent<MeterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MeterProps> & Readonly<{}>, {
|
|
4
|
+
max: number;
|
|
5
|
+
min: number;
|
|
6
|
+
showValue: boolean;
|
|
7
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { NavItemProps } from "./Navigation.types.js";
|
|
2
|
+
import "@ui-organized/core/components/Navigation/Navigation.css";
|
|
3
|
+
type __VLS_Slots = {
|
|
4
|
+
default?: () => unknown;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<NavItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"update:expanded": (expanded: boolean) => any;
|
|
8
|
+
expandedChange: (expanded: boolean) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<NavItemProps> & Readonly<{
|
|
10
|
+
"onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
|
|
11
|
+
onExpandedChange?: ((expanded: boolean) => any) | undefined;
|
|
12
|
+
}>, {
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
expanded: boolean;
|
|
15
|
+
selected: boolean;
|
|
16
|
+
collapsed: boolean;
|
|
17
|
+
defaultExpanded: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { NavProviderProps } from "./Navigation.types.js";
|
|
2
|
+
declare var __VLS_1: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_1) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<NavProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavProviderProps> & Readonly<{}>, {
|
|
7
|
+
collapsed: boolean;
|
|
8
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
12
|
+
new (): {
|
|
13
|
+
$slots: S;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { NavSubItemProps } from "./Navigation.types.js";
|
|
2
|
+
import "@ui-organized/core/components/Navigation/Navigation.css";
|
|
3
|
+
declare const _default: import("vue").DefineComponent<NavSubItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavSubItemProps> & Readonly<{}>, {
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
selected: boolean;
|
|
6
|
+
collapsed: boolean;
|
|
7
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import type { IconName } from "../Icon/Icon.types.js";
|
|
2
|
+
import type { Component } from "vue";
|
|
3
|
+
import type { IconComponent } from "../../icons/registry.js";
|
|
4
|
+
export interface NavProviderProps {
|
|
5
|
+
/** Collapse all descendant nav items to an icon-only rail. @default false */
|
|
6
|
+
collapsed?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface SidebarProps {
|
|
9
|
+
/** Accessible label for the inner nav landmark. @default "Primary" */
|
|
10
|
+
navLabel?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Allow collapsing to an icon-only rail. When true, a working expand/collapse
|
|
13
|
+
* toggle button is rendered in the footer automatically.
|
|
14
|
+
*/
|
|
15
|
+
collapsible?: boolean;
|
|
16
|
+
/** Collapsed state for controlled usage. Use `v-model:collapsed`. */
|
|
17
|
+
collapsed?: boolean;
|
|
18
|
+
/** Initial collapsed state for uncontrolled usage. @default false */
|
|
19
|
+
defaultCollapsed?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export interface NavItemProps {
|
|
22
|
+
/**
|
|
23
|
+
* Text label for the page. A string, or a component for anything richer —
|
|
24
|
+
* the same union `Progress` and `Breadcrumb` take.
|
|
25
|
+
*/
|
|
26
|
+
label: string | Component;
|
|
27
|
+
/**
|
|
28
|
+
* Optional leading icon, rendered via the Icon component — either its native
|
|
29
|
+
* name in the active library or a library icon component supplied directly.
|
|
30
|
+
*/
|
|
31
|
+
icon?: IconName | IconComponent;
|
|
32
|
+
/** Marks this page as the current page — renders the filled, emphasized appearance. */
|
|
33
|
+
selected?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Render as an icon-only rail (label hidden, sub-list suppressed). Overrides
|
|
36
|
+
* the value from a surrounding `Sidebar` / `NavProvider`; defaults to it.
|
|
37
|
+
*/
|
|
38
|
+
collapsed?: boolean;
|
|
39
|
+
/** Disables the trigger. */
|
|
40
|
+
disabled?: boolean;
|
|
41
|
+
/** Expanded state for controlled usage. Use `v-model:expanded`. */
|
|
42
|
+
expanded?: boolean;
|
|
43
|
+
/** Initial expanded state for uncontrolled usage. @default false */
|
|
44
|
+
defaultExpanded?: boolean;
|
|
45
|
+
}
|
|
46
|
+
export interface NavSubItemProps {
|
|
47
|
+
/** Text label for the sub-page. */
|
|
48
|
+
label: string | Component;
|
|
49
|
+
/** Optional leading icon, rendered via the Icon component. */
|
|
50
|
+
icon?: IconName | IconComponent;
|
|
51
|
+
/** Marks this sub-page as the current page. */
|
|
52
|
+
selected?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Render as an icon-only rail (label hidden). Overrides the value from a
|
|
55
|
+
* surrounding `Sidebar` / `NavProvider`; defaults to it.
|
|
56
|
+
*/
|
|
57
|
+
collapsed?: boolean;
|
|
58
|
+
/** Disables the button. */
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { SidebarProps } from "./Navigation.types.js";
|
|
2
|
+
import "@ui-organized/core/components/Navigation/Navigation.css";
|
|
3
|
+
type __VLS_Slots = {
|
|
4
|
+
default?: () => unknown;
|
|
5
|
+
/** Logo / wordmark pinned to the top. */
|
|
6
|
+
logo?: () => unknown;
|
|
7
|
+
/**
|
|
8
|
+
* Compact mark shown when collapsed. Falls back to `logo` when omitted.
|
|
9
|
+
*
|
|
10
|
+
* Both spellings are accepted below, because a slot name is matched verbatim:
|
|
11
|
+
* a consumer who writes `#logo-collapsed` — the kebab-case habit templates
|
|
12
|
+
* encourage — would otherwise get no error and a full wordmark crammed into a
|
|
13
|
+
* 56px rail.
|
|
14
|
+
*/
|
|
15
|
+
logoCollapsed?: () => unknown;
|
|
16
|
+
"logo-collapsed"?: () => unknown;
|
|
17
|
+
/** Footer region pinned to the bottom, above the collapse toggle. */
|
|
18
|
+
footer?: () => unknown;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_component: import("vue").DefineComponent<SidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
|
+
"update:collapsed": (collapsed: boolean) => any;
|
|
22
|
+
collapsedChange: (collapsed: boolean) => any;
|
|
23
|
+
}, string, import("vue").PublicProps, Readonly<SidebarProps> & Readonly<{
|
|
24
|
+
"onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
|
|
25
|
+
onCollapsedChange?: ((collapsed: boolean) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
collapsible: boolean;
|
|
28
|
+
navLabel: string;
|
|
29
|
+
collapsed: boolean;
|
|
30
|
+
defaultCollapsed: boolean;
|
|
31
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as Sidebar } from "./Sidebar.vue";
|
|
2
|
+
export { default as NavItem } from "./NavItem.vue";
|
|
3
|
+
export { default as NavSubItem } from "./NavSubItem.vue";
|
|
4
|
+
export { default as NavProvider } from "./NavProvider.vue";
|
|
5
|
+
export { provideNavContext, useNavContext } from "./navContext.js";
|
|
6
|
+
export type { NavContextValue, NavContextRef } from "./navContext.js";
|
|
7
|
+
export type { SidebarProps, NavItemProps, NavSubItemProps, NavProviderProps, } from "./Navigation.types.js";
|
|
8
|
+
export type { NavItemVariants, NavSubItemVariants } from "@ui-organized/core";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type ComputedRef } from "vue";
|
|
2
|
+
export interface NavContextValue {
|
|
3
|
+
/** When true, nav items render as an icon-only rail (labels hidden). */
|
|
4
|
+
collapsed: boolean;
|
|
5
|
+
}
|
|
6
|
+
export type NavContextRef = ComputedRef<NavContextValue>;
|
|
7
|
+
/** Called by a `Sidebar` (or a bare `NavProvider`). */
|
|
8
|
+
export declare function provideNavContext(context: NavContextRef): void;
|
|
9
|
+
/**
|
|
10
|
+
* Read by every `NavItem` / `NavSubItem`, so one toggle drives the whole rail
|
|
11
|
+
* without prop drilling.
|
|
12
|
+
*
|
|
13
|
+
* Held as a ref rather than a snapshot, for the same reason the positioning
|
|
14
|
+
* bridge is: a collapse toggle has to reach items that are already on the page,
|
|
15
|
+
* and a plain object captured at setup would leave them expanded forever.
|
|
16
|
+
* `inject` carries a default, so an item rendered outside any sidebar gets the
|
|
17
|
+
* uncollapsed shape rather than `undefined`.
|
|
18
|
+
*/
|
|
19
|
+
export declare function useNavContext(): NavContextRef;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { ControlSize } from "@ui-organized/core";
|
|
2
|
+
export interface NumberFieldProps {
|
|
3
|
+
/**
|
|
4
|
+
* Numeric value; `null` means empty. Use `v-model` for two-way binding.
|
|
5
|
+
*
|
|
6
|
+
* Spelled `modelValue` rather than React's `value` — Ark Vue names the
|
|
7
|
+
* number-input machine's controlled value for `v-model`, and this package
|
|
8
|
+
* follows Ark. The numeric-vs-string translation happens in the component.
|
|
9
|
+
*/
|
|
10
|
+
modelValue?: number | null;
|
|
11
|
+
/** Initial value for uncontrolled usage. */
|
|
12
|
+
defaultValue?: number;
|
|
13
|
+
/** Minimum allowed value. */
|
|
14
|
+
min?: number;
|
|
15
|
+
/** Maximum allowed value. */
|
|
16
|
+
max?: number;
|
|
17
|
+
/** Increment/decrement step. Defaults to 1. */
|
|
18
|
+
step?: number;
|
|
19
|
+
/** `Intl.NumberFormat` options for displaying the value (e.g. currency). */
|
|
20
|
+
format?: Intl.NumberFormatOptions;
|
|
21
|
+
/** Placeholder shown when empty. */
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
/** Accessible label rendered above the control. */
|
|
24
|
+
label?: string;
|
|
25
|
+
/** Helper text rendered below the control. Hidden when an error is shown. */
|
|
26
|
+
helperText?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Error state. Pass a string to show an error message.
|
|
29
|
+
* Pass `true` to mark the field invalid without a message.
|
|
30
|
+
*/
|
|
31
|
+
error?: string | boolean;
|
|
32
|
+
/** Size variant. Defaults to 'md'. */
|
|
33
|
+
size?: ControlSize;
|
|
34
|
+
/** Whether the field should ignore user interaction. */
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
/** Whether the value can be edited. */
|
|
37
|
+
readOnly?: boolean;
|
|
38
|
+
/** Whether a value is required for form submission. */
|
|
39
|
+
required?: boolean;
|
|
40
|
+
/** Name attribute for form submission. */
|
|
41
|
+
name?: string;
|
|
42
|
+
/** Explicit id for the input (label association). Auto-generated otherwise. */
|
|
43
|
+
id?: string;
|
|
44
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { NumberFieldProps } from "./NumberField.types.js";
|
|
2
|
+
import "@ui-organized/core/components/NumberField/NumberField.css";
|
|
3
|
+
declare const _default: import("vue").DefineComponent<NumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
|
+
"update:modelValue": (value: number | null) => any;
|
|
5
|
+
valueChange: (value: number | null) => any;
|
|
6
|
+
}, string, import("vue").PublicProps, Readonly<NumberFieldProps> & Readonly<{
|
|
7
|
+
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
8
|
+
onValueChange?: ((value: number | null) => any) | undefined;
|
|
9
|
+
}>, {
|
|
10
|
+
size: import("@ui-organized/core").ControlSize;
|
|
11
|
+
required: boolean;
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
readOnly: boolean;
|
|
14
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface PaginationProps {
|
|
2
|
+
/** The current page (1-based). Use `v-model:page` for two-way binding. */
|
|
3
|
+
page: number;
|
|
4
|
+
/** Total number of pages. */
|
|
5
|
+
count: number;
|
|
6
|
+
/** Pages shown on each side of the current page. Defaults to 1. */
|
|
7
|
+
siblingCount?: number;
|
|
8
|
+
/** Pages always shown at the start and end. Defaults to 1. */
|
|
9
|
+
boundaryCount?: number;
|
|
10
|
+
/** Render the previous/next arrow controls. Defaults to true. */
|
|
11
|
+
showPrevNext?: boolean;
|
|
12
|
+
}
|