reka-ui 0.0.2 → 1.0.0-alpha.2

package/README.md

@@ -1,31 +1,28 @@
 <br />
 <p align="center">
-  <a href="https://github.com/radix-vue/radix-vue">
+  <a href="https://github.com/unovue/reka-ui">
     <img src="https://reka-ui.com/logo.svg" alt="Logo" width="150" />
   </a>
 
 <h1 align="center">
-Radix Vue
+Reka UI
 </h1>
-<p align="center">
-An unofficial Vue port of Radix UI. <br>
-Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems.
 
+<p align="center">
+Craft accessible web apps with <a href="https://vuejs.org/">Vue</a>.
 <p>
 
 <p align="center">
-<a href='https://github.com/radix-vue/radix-vue/actions/workflows/test.yml'>
-</a>
-<a href="https://www.npmjs.com/package/radix-vue" target="__blank"><img src="https://img.shields.io/npm/v/radix-vue?style=flat&colorA=002438&colorB=41c399" alt="NPM version"></a>
-<a href="https://www.npmjs.com/package/radix-vue" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/radix-vue?flat&colorA=002438&colorB=41c399"></a>
-<a href="https://github.com/radix-vue/radix-vue" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/radix-vue/radix-vue?flat&colorA=002438&colorB=41c399"></a>
+<a href="https://www.npmjs.com/package/reka-ui" target="__blank"><img src="https://img.shields.io/npm/v/reka-ui?style=flat&colorA=002438&colorB=41c399" alt="NPM version"></a>
+<a href="https://www.npmjs.com/package/reka-ui" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/reka-ui?flat&colorA=002438&colorB=41c399"></a>
+<a href="https://github.com/unovue/reka-ui" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/unovue/reka-ui?flat&colorA=002438&colorB=41c399"></a>
 </p>
 
 <p align="center">
-<a href="https://chat.radix-vue.com"><b>Get involved!</b></a>
+<a href="https://chat.unovue.com"><b>Get involved!</b></a>
 </p>
 <p align="center">
- <a href="https://radix-vue.com">Documentation</a> | <a href="https://reka-ui.com/overview/getting-started.html">Getting Started</a> | <a href="https://reka-ui.com/">Examples</a> | <a href="https://reka-ui.com/overview/introduction.html">Why Radix Vue?</a>
+ <a href="https://reka-ui.com">Documentation</a> | <a href="https://reka-ui.com/docs/overview/getting-started">Getting Started</a> | <a href="https://reka-ui.com/examples">Examples</a> | <a href="https://reka-ui.com/docs/overview/introduction">Why Reka UI?</a>
 </p>
 
 ![hero image](https://reka-ui.com/og.jpg)
@@ -34,22 +31,22 @@ Radix is an unstyled, customisable UI Library with built in accessibility for bu
 ## Installation
 
 ```bash
-pnpm add radix-vue
+pnpm add reka-ui
 ```
 ```bash
-npm install radix-vue
+npm install reka-ui
 ```
 ```bash
-yarn add radix-vue
+yarn add reka-ui
 ```
 
 ## Documentation
 
-For full documentation, visit [radix-vue.com](https://radix-vue.com).
+For full documentation, visit [reka-ui.com](https://reka-ui.com).
 
 ## Releases
 
-For changelog, visit [releases](https://github.com/radix-vue/radix-vue/releases).
+For changelog, visit [releases](https://github.com/unovue/reka-ui/releases).
 
 ## Contributing
 
@@ -61,6 +58,7 @@ We would love to have your contributions! All PRs all welcomed! We need help bui
 
 1. Clone the repo
 2. Run `pnpm i`
+3. Run `pnpm build` to run build `reka-ui` locally
 3. Run `pnpm docs:dev` to run vitepress
 4. Open `http://localhost:5173`
 
@@ -70,20 +68,19 @@ We would love to have your contributions! All PRs all welcomed! We need help bui
 2. Run `pnpm i`
 3. Run `pnpm story:dev` to run histoire (storybook)
 4. Open `http://localhost:6006`
+5. Run `pnpm test` to test changes
 
-## Authors
+## Core Team
 
-- [Khairul Haaziq](https://github.com/khairulhaaziq)
-- [Mujahid Anuar](https://github.com/mujahidfa)
 - [Zernonia](https://github.com/zernonia)
+- [Khairul Haaziq](https://github.com/k11q)
+- [Mujahid Anuar](https://github.com/mujahidfa)
 
 ## Credits
 
 All credits go to these open-source works and resources
 
-- [Radix UI](https://radix-ui.com) for doing all the hard work to make sure components are accessible
-- [Floating UI](https://floating-ui.com) for creating powerful components that as the base of many Radix Vue components
-- [VueUse](https://vueuse.org) for providing many useful utilities.
-- [Ark UI](https://ark-ui.com) for the `<Primitive>` component
-- [Radix Svelte](https://radix-svelte.com)
+- [Radix UI](https://radix-ui.com)
+- [React Spectrum](https://react-spectrum.adobe.com/index.html)
+- [Floating UI](https://floating-ui.com)
 - [Headless UI](https://headlessui.com)

package/dist/constant.js

@@ -22,8 +22,8 @@ const e = {
   ],
   avatar: [
     "AvatarRoot",
-    "AvatarImage",
-    "AvatarFallback"
+    "AvatarFallback",
+    "AvatarImage"
   ],
   calendar: [
     "CalendarRoot",
@@ -93,6 +93,7 @@ const e = {
     "DateFieldInput"
   ],
   datePicker: [
+    "DatePickerRoot",
     "DatePickerHeader",
     "DatePickerHeading",
     "DatePickerGrid",
@@ -105,7 +106,6 @@ const e = {
     "DatePickerGridRow",
     "DatePickerCellTrigger",
     "DatePickerInput",
-    "DatePickerRoot",
     "DatePickerCalendar",
     "DatePickerField",
     "DatePickerAnchor",
@@ -115,6 +115,7 @@ const e = {
     "DatePickerContent"
   ],
   dateRangePicker: [
+    "DateRangePickerRoot",
     "DateRangePickerHeader",
     "DateRangePickerHeading",
     "DateRangePickerGrid",
@@ -127,7 +128,6 @@ const e = {
     "DateRangePickerGridRow",
     "DateRangePickerCellTrigger",
     "DateRangePickerInput",
-    "DateRangePickerRoot",
     "DateRangePickerCalendar",
     "DateRangePickerField",
     "DateRangePickerAnchor",
@@ -217,12 +217,12 @@ const e = {
     "MenubarMenu"
   ],
   navigationMenu: [
+    "NavigationMenuRoot",
     "NavigationMenuContent",
     "NavigationMenuIndicator",
     "NavigationMenuItem",
     "NavigationMenuLink",
     "NavigationMenuList",
-    "NavigationMenuRoot",
     "NavigationMenuSub",
     "NavigationMenuTrigger",
     "NavigationMenuViewport"

package/dist/constant.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={accordion:["AccordionContent","AccordionHeader","AccordionItem","AccordionRoot","AccordionTrigger"],alertDialog:["AlertDialogRoot","AlertDialogTrigger","AlertDialogPortal","AlertDialogContent","AlertDialogOverlay","AlertDialogCancel","AlertDialogTitle","AlertDialogDescription","AlertDialogAction"],aspectRatio:["AspectRatio"],avatar:["AvatarRoot","AvatarImage","AvatarFallback"],calendar:["CalendarRoot","CalendarHeader","CalendarHeading","CalendarGrid","CalendarCell","CalendarHeadCell","CalendarNext","CalendarPrev","CalendarGridHead","CalendarGridBody","CalendarGridRow","CalendarCellTrigger"],checkbox:["CheckboxGroupRoot","CheckboxRoot","CheckboxIndicator"],collapsible:["CollapsibleRoot","CollapsibleTrigger","CollapsibleContent"],combobox:["ComboboxRoot","ComboboxInput","ComboboxAnchor","ComboboxEmpty","ComboboxTrigger","ComboboxCancel","ComboboxGroup","ComboboxLabel","ComboboxContent","ComboboxViewport","ComboboxVirtualizer","ComboboxItem","ComboboxItemIndicator","ComboboxSeparator","ComboboxArrow","ComboboxPortal"],configProvider:["ConfigProvider"],contextMenu:["ContextMenuRoot","ContextMenuTrigger","ContextMenuPortal","ContextMenuContent","ContextMenuArrow","ContextMenuItem","ContextMenuGroup","ContextMenuSeparator","ContextMenuCheckboxItem","ContextMenuItemIndicator","ContextMenuLabel","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSub","ContextMenuSubContent","ContextMenuSubTrigger"],dateField:["DateFieldRoot","DateFieldInput"],datePicker:["DatePickerHeader","DatePickerHeading","DatePickerGrid","DatePickerCell","DatePickerHeadCell","DatePickerNext","DatePickerPrev","DatePickerGridHead","DatePickerGridBody","DatePickerGridRow","DatePickerCellTrigger","DatePickerInput","DatePickerRoot","DatePickerCalendar","DatePickerField","DatePickerAnchor","DatePickerArrow","DatePickerClose","DatePickerTrigger","DatePickerContent"],dateRangePicker:["DateRangePickerHeader","DateRangePickerHeading","DateRangePickerGrid","DateRangePickerCell","DateRangePickerHeadCell","DateRangePickerNext","DateRangePickerPrev","DateRangePickerGridHead","DateRangePickerGridBody","DateRangePickerGridRow","DateRangePickerCellTrigger","DateRangePickerInput","DateRangePickerRoot","DateRangePickerCalendar","DateRangePickerField","DateRangePickerAnchor","DateRangePickerArrow","DateRangePickerClose","DateRangePickerTrigger","DateRangePickerContent"],dateRangeField:["DateRangeFieldRoot","DateRangeFieldInput"],dialog:["DialogRoot","DialogTrigger","DialogPortal","DialogContent","DialogOverlay","DialogClose","DialogTitle","DialogDescription"],dropdownMenu:["DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuPortal","DropdownMenuContent","DropdownMenuArrow","DropdownMenuItem","DropdownMenuGroup","DropdownMenuSeparator","DropdownMenuCheckboxItem","DropdownMenuItemIndicator","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger"],editable:["EditableRoot","EditableArea","EditableInput","EditablePreview","EditableSubmitTrigger","EditableCancelTrigger","EditableEditTrigger"],hoverCard:["HoverCardRoot","HoverCardTrigger","HoverCardPortal","HoverCardContent","HoverCardArrow"],label:["Label"],listbox:["ListboxRoot","ListboxContent","ListboxFilter","ListboxItem","ListboxItemIndicator","ListboxVirtualizer","ListboxGroup","ListboxGroupLabel"],menubar:["MenubarRoot","MenubarTrigger","MenubarPortal","MenubarContent","MenubarArrow","MenubarItem","MenubarGroup","MenubarSeparator","MenubarCheckboxItem","MenubarItemIndicator","MenubarLabel","MenubarRadioGroup","MenubarRadioItem","MenubarSub","MenubarSubContent","MenubarSubTrigger","MenubarMenu"],navigationMenu:["NavigationMenuContent","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuLink","NavigationMenuList","NavigationMenuRoot","NavigationMenuSub","NavigationMenuTrigger","NavigationMenuViewport"],numberField:["NumberFieldRoot","NumberFieldInput","NumberFieldIncrement","NumberFieldDecrement"],pagination:["PaginationRoot","PaginationEllipsis","PaginationFirst","PaginationLast","PaginationList","PaginationListItem","PaginationNext","PaginationPrev"],pinInput:["PinInputRoot","PinInputInput"],popover:["PopoverRoot","PopoverTrigger","PopoverPortal","PopoverContent","PopoverArrow","PopoverClose","PopoverAnchor"],presence:["Presence"],progress:["ProgressRoot","ProgressIndicator"],radioGroup:["RadioGroupRoot","RadioGroupItem","RadioGroupIndicator"],rangeCalendar:["RangeCalendarRoot","RangeCalendarHeader","RangeCalendarHeading","RangeCalendarGrid","RangeCalendarCell","RangeCalendarHeadCell","RangeCalendarNext","RangeCalendarPrev","RangeCalendarGridHead","RangeCalendarGridBody","RangeCalendarGridRow","RangeCalendarCellTrigger"],scrollArea:["ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner"],select:["SelectRoot","SelectTrigger","SelectPortal","SelectContent","SelectArrow","SelectSeparator","SelectItemIndicator","SelectLabel","SelectGroup","SelectItem","SelectItemText","SelectViewport","SelectScrollUpButton","SelectScrollDownButton","SelectValue","SelectIcon"],separator:["Separator"],slider:["SliderRoot","SliderThumb","SliderTrack","SliderRange"],splitter:["SplitterGroup","SplitterPanel","SplitterResizeHandle"],stepper:["StepperRoot","StepperItem","StepperTrigger","StepperDescription","StepperTitle","StepperIndicator","StepperSeparator"],switch:["SwitchRoot","SwitchThumb"],tabs:["TabsRoot","TabsList","TabsContent","TabsTrigger","TabsIndicator"],tagsInput:["TagsInputRoot","TagsInputInput","TagsInputItem","TagsInputItemText","TagsInputItemDelete","TagsInputClear"],toast:["ToastProvider","ToastRoot","ToastAction","ToastClose","ToastViewport","ToastTitle","ToastDescription"],toggle:["Toggle"],toggleGroup:["ToggleGroupRoot","ToggleGroupItem"],toolbar:["ToolbarRoot","ToolbarButton","ToolbarLink","ToolbarToggleGroup","ToolbarToggleItem","ToolbarSeparator"],tooltip:["TooltipRoot","TooltipTrigger","TooltipContent","TooltipArrow","TooltipPortal","TooltipProvider"],tree:["TreeRoot","TreeItem","TreeVirtualizer"],viewport:["Viewport"],primitive:["Primitive","Slot"],visuallyHidden:["VisuallyHidden"]},o={utilities:["useEmitAsProps","useFilter","useForwardProps","useForwardPropsEmits","useForwardExpose","useId","useStateMachine","useBodyScrollLock","useDateFormatter","withDefault","createContext"]};exports.components=e;exports.utilities=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={accordion:["AccordionContent","AccordionHeader","AccordionItem","AccordionRoot","AccordionTrigger"],alertDialog:["AlertDialogRoot","AlertDialogTrigger","AlertDialogPortal","AlertDialogContent","AlertDialogOverlay","AlertDialogCancel","AlertDialogTitle","AlertDialogDescription","AlertDialogAction"],aspectRatio:["AspectRatio"],avatar:["AvatarRoot","AvatarFallback","AvatarImage"],calendar:["CalendarRoot","CalendarHeader","CalendarHeading","CalendarGrid","CalendarCell","CalendarHeadCell","CalendarNext","CalendarPrev","CalendarGridHead","CalendarGridBody","CalendarGridRow","CalendarCellTrigger"],checkbox:["CheckboxGroupRoot","CheckboxRoot","CheckboxIndicator"],collapsible:["CollapsibleRoot","CollapsibleTrigger","CollapsibleContent"],combobox:["ComboboxRoot","ComboboxInput","ComboboxAnchor","ComboboxEmpty","ComboboxTrigger","ComboboxCancel","ComboboxGroup","ComboboxLabel","ComboboxContent","ComboboxViewport","ComboboxVirtualizer","ComboboxItem","ComboboxItemIndicator","ComboboxSeparator","ComboboxArrow","ComboboxPortal"],configProvider:["ConfigProvider"],contextMenu:["ContextMenuRoot","ContextMenuTrigger","ContextMenuPortal","ContextMenuContent","ContextMenuArrow","ContextMenuItem","ContextMenuGroup","ContextMenuSeparator","ContextMenuCheckboxItem","ContextMenuItemIndicator","ContextMenuLabel","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSub","ContextMenuSubContent","ContextMenuSubTrigger"],dateField:["DateFieldRoot","DateFieldInput"],datePicker:["DatePickerRoot","DatePickerHeader","DatePickerHeading","DatePickerGrid","DatePickerCell","DatePickerHeadCell","DatePickerNext","DatePickerPrev","DatePickerGridHead","DatePickerGridBody","DatePickerGridRow","DatePickerCellTrigger","DatePickerInput","DatePickerCalendar","DatePickerField","DatePickerAnchor","DatePickerArrow","DatePickerClose","DatePickerTrigger","DatePickerContent"],dateRangePicker:["DateRangePickerRoot","DateRangePickerHeader","DateRangePickerHeading","DateRangePickerGrid","DateRangePickerCell","DateRangePickerHeadCell","DateRangePickerNext","DateRangePickerPrev","DateRangePickerGridHead","DateRangePickerGridBody","DateRangePickerGridRow","DateRangePickerCellTrigger","DateRangePickerInput","DateRangePickerCalendar","DateRangePickerField","DateRangePickerAnchor","DateRangePickerArrow","DateRangePickerClose","DateRangePickerTrigger","DateRangePickerContent"],dateRangeField:["DateRangeFieldRoot","DateRangeFieldInput"],dialog:["DialogRoot","DialogTrigger","DialogPortal","DialogContent","DialogOverlay","DialogClose","DialogTitle","DialogDescription"],dropdownMenu:["DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuPortal","DropdownMenuContent","DropdownMenuArrow","DropdownMenuItem","DropdownMenuGroup","DropdownMenuSeparator","DropdownMenuCheckboxItem","DropdownMenuItemIndicator","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger"],editable:["EditableRoot","EditableArea","EditableInput","EditablePreview","EditableSubmitTrigger","EditableCancelTrigger","EditableEditTrigger"],hoverCard:["HoverCardRoot","HoverCardTrigger","HoverCardPortal","HoverCardContent","HoverCardArrow"],label:["Label"],listbox:["ListboxRoot","ListboxContent","ListboxFilter","ListboxItem","ListboxItemIndicator","ListboxVirtualizer","ListboxGroup","ListboxGroupLabel"],menubar:["MenubarRoot","MenubarTrigger","MenubarPortal","MenubarContent","MenubarArrow","MenubarItem","MenubarGroup","MenubarSeparator","MenubarCheckboxItem","MenubarItemIndicator","MenubarLabel","MenubarRadioGroup","MenubarRadioItem","MenubarSub","MenubarSubContent","MenubarSubTrigger","MenubarMenu"],navigationMenu:["NavigationMenuRoot","NavigationMenuContent","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuLink","NavigationMenuList","NavigationMenuSub","NavigationMenuTrigger","NavigationMenuViewport"],numberField:["NumberFieldRoot","NumberFieldInput","NumberFieldIncrement","NumberFieldDecrement"],pagination:["PaginationRoot","PaginationEllipsis","PaginationFirst","PaginationLast","PaginationList","PaginationListItem","PaginationNext","PaginationPrev"],pinInput:["PinInputRoot","PinInputInput"],popover:["PopoverRoot","PopoverTrigger","PopoverPortal","PopoverContent","PopoverArrow","PopoverClose","PopoverAnchor"],presence:["Presence"],progress:["ProgressRoot","ProgressIndicator"],radioGroup:["RadioGroupRoot","RadioGroupItem","RadioGroupIndicator"],rangeCalendar:["RangeCalendarRoot","RangeCalendarHeader","RangeCalendarHeading","RangeCalendarGrid","RangeCalendarCell","RangeCalendarHeadCell","RangeCalendarNext","RangeCalendarPrev","RangeCalendarGridHead","RangeCalendarGridBody","RangeCalendarGridRow","RangeCalendarCellTrigger"],scrollArea:["ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner"],select:["SelectRoot","SelectTrigger","SelectPortal","SelectContent","SelectArrow","SelectSeparator","SelectItemIndicator","SelectLabel","SelectGroup","SelectItem","SelectItemText","SelectViewport","SelectScrollUpButton","SelectScrollDownButton","SelectValue","SelectIcon"],separator:["Separator"],slider:["SliderRoot","SliderThumb","SliderTrack","SliderRange"],splitter:["SplitterGroup","SplitterPanel","SplitterResizeHandle"],stepper:["StepperRoot","StepperItem","StepperTrigger","StepperDescription","StepperTitle","StepperIndicator","StepperSeparator"],switch:["SwitchRoot","SwitchThumb"],tabs:["TabsRoot","TabsList","TabsContent","TabsTrigger","TabsIndicator"],tagsInput:["TagsInputRoot","TagsInputInput","TagsInputItem","TagsInputItemText","TagsInputItemDelete","TagsInputClear"],toast:["ToastProvider","ToastRoot","ToastAction","ToastClose","ToastViewport","ToastTitle","ToastDescription"],toggle:["Toggle"],toggleGroup:["ToggleGroupRoot","ToggleGroupItem"],toolbar:["ToolbarRoot","ToolbarButton","ToolbarLink","ToolbarToggleGroup","ToolbarToggleItem","ToolbarSeparator"],tooltip:["TooltipRoot","TooltipTrigger","TooltipContent","TooltipArrow","TooltipPortal","TooltipProvider"],tree:["TreeRoot","TreeItem","TreeVirtualizer"],viewport:["Viewport"],primitive:["Primitive","Slot"],visuallyHidden:["VisuallyHidden"]},o={utilities:["useEmitAsProps","useFilter","useForwardProps","useForwardPropsEmits","useForwardExpose","useId","useStateMachine","useBodyScrollLock","useDateFormatter","withDefault","createContext"]};exports.components=e;exports.utilities=o;