@una-ui/nuxt 1.0.0-alpha.1 → 1.0.0-alpha.10

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.
Files changed (114) hide show
  1. package/dist/module.json +3 -3
  2. package/dist/module.mjs +10 -8
  3. package/dist/runtime/components/alert-dialog/AlertDialog.vue.d.ts +1 -1
  4. package/dist/runtime/components/alert-dialog/AlertDialogAction.vue.d.ts +1 -1
  5. package/dist/runtime/components/alert-dialog/AlertDialogCancel.vue.d.ts +1 -1
  6. package/dist/runtime/components/alert-dialog/AlertDialogContent.vue +0 -1
  7. package/dist/runtime/components/aspect-ratio/AspectRatio.vue.d.ts +1 -1
  8. package/dist/runtime/components/combobox/Combobox.vue +3 -2
  9. package/dist/runtime/components/combobox/Combobox.vue.d.ts +19 -19
  10. package/dist/runtime/components/combobox/ComboboxInput.vue.d.ts +1 -1
  11. package/dist/runtime/components/combobox/ComboboxList.vue +3 -0
  12. package/dist/runtime/components/combobox/ComboboxTrigger.vue.d.ts +1 -1
  13. package/dist/runtime/components/data/table/Table.vue +6 -1
  14. package/dist/runtime/components/data/table/TableEmpty.vue +17 -9
  15. package/dist/runtime/components/data/table/TableEmpty.vue.d.ts +4 -0
  16. package/dist/runtime/components/drawer/Drawer.vue.d.ts +1 -1
  17. package/dist/runtime/components/drawer/DrawerContent.vue +0 -1
  18. package/dist/runtime/components/drawer/DrawerOverlay.vue +1 -0
  19. package/dist/runtime/components/elements/Accordion.vue.d.ts +3 -3
  20. package/dist/runtime/components/elements/Badge.vue.d.ts +1 -5
  21. package/dist/runtime/components/elements/Progress.vue.d.ts +1 -1
  22. package/dist/runtime/components/elements/Toggle.vue.d.ts +1 -1
  23. package/dist/runtime/components/elements/collapsible/Collapsible.vue.d.ts +2 -2
  24. package/dist/runtime/components/elements/collapsible/CollapsibleContent.vue +1 -0
  25. package/dist/runtime/components/elements/dialog/Dialog.vue.d.ts +1 -1
  26. package/dist/runtime/components/elements/dialog/DialogContent.vue +0 -1
  27. package/dist/runtime/components/elements/dialog/DialogDescription.vue +2 -1
  28. package/dist/runtime/components/elements/dialog/DialogScrollContent.vue +0 -1
  29. package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue.d.ts +4 -4
  30. package/dist/runtime/components/elements/dropdown-menu/DropdownMenuContent.vue +3 -1
  31. package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubContent.vue +3 -1
  32. package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts +1 -1
  33. package/dist/runtime/components/elements/pagination/Pagination.vue.d.ts +2 -5
  34. package/dist/runtime/components/elements/pagination/PaginationListItem.vue.d.ts +1 -1
  35. package/dist/runtime/components/elements/popover/Popover.vue.d.ts +1 -1
  36. package/dist/runtime/components/elements/popover/PopoverContent.vue +3 -0
  37. package/dist/runtime/components/elements/tabs/Tabs.vue.d.ts +1 -1
  38. package/dist/runtime/components/elements/tabs/TabsTrigger.vue.d.ts +1 -1
  39. package/dist/runtime/components/elements/tooltip/TooltipContent.vue +1 -0
  40. package/dist/runtime/components/forms/Input.vue.d.ts +1 -13
  41. package/dist/runtime/components/forms/Switch.vue.d.ts +2 -2
  42. package/dist/runtime/components/forms/radio-group/RadioGroup.vue +1 -2
  43. package/dist/runtime/components/forms/radio-group/RadioGroup.vue.d.ts +5 -5
  44. package/dist/runtime/components/forms/radio-group/RadioGroupItem.vue +1 -1
  45. package/dist/runtime/components/forms/radio-group/RadioGroupItem.vue.d.ts +2 -1
  46. package/dist/runtime/components/forms/select/Select.vue +4 -6
  47. package/dist/runtime/components/forms/select/Select.vue.d.ts +18 -20
  48. package/dist/runtime/components/forms/select/SelectContent.vue +3 -0
  49. package/dist/runtime/components/hover-card/HoverCard.vue.d.ts +1 -1
  50. package/dist/runtime/components/hover-card/HoverCardContent.vue +3 -0
  51. package/dist/runtime/components/misc/ThemeSwitcher.vue +25 -19
  52. package/dist/runtime/components/misc/ThemeSwitcher.vue.d.ts +1 -1
  53. package/dist/runtime/components/navigation/breadcrumb/Breadcrumb.vue.d.ts +6 -16
  54. package/dist/runtime/components/navigation-menu/NavigationMenu.vue.d.ts +11 -11
  55. package/dist/runtime/components/navigation-menu/NavigationMenuIndicator.vue +1 -0
  56. package/dist/runtime/components/navigation-menu/NavigationMenuLink.vue.d.ts +1 -1
  57. package/dist/runtime/components/navigation-menu/NavigationMenuViewport.vue +1 -0
  58. package/dist/runtime/components/number-field/NumberField.vue +1 -0
  59. package/dist/runtime/components/overlays/Toaster.vue.d.ts +1 -1
  60. package/dist/runtime/components/overlays/toast/Toast.vue.d.ts +1 -1
  61. package/dist/runtime/components/overlays/toast/ToastAction.vue.d.ts +1 -1
  62. package/dist/runtime/components/pin-input/PinInput.vue +139 -0
  63. package/dist/runtime/components/pin-input/PinInput.vue.d.ts +33 -0
  64. package/dist/runtime/components/pin-input/PinInputGroup.vue +28 -0
  65. package/dist/runtime/components/pin-input/PinInputGroup.vue.d.ts +13 -0
  66. package/dist/runtime/components/pin-input/PinInputSeparator.vue +30 -0
  67. package/dist/runtime/components/pin-input/PinInputSeparator.vue.d.ts +15 -0
  68. package/dist/runtime/components/pin-input/PinInputSlot.vue +46 -0
  69. package/dist/runtime/components/pin-input/PinInputSlot.vue.d.ts +5 -0
  70. package/dist/runtime/components/resizable/ResizableHandle.vue +1 -0
  71. package/dist/runtime/components/resizable/ResizablePanel.vue.d.ts +1 -7
  72. package/dist/runtime/components/resizable/ResizablePanelGroup.vue.d.ts +1 -3
  73. package/dist/runtime/components/sheet/Sheet.vue.d.ts +1 -1
  74. package/dist/runtime/components/sheet/SheetContent.vue +6 -2
  75. package/dist/runtime/components/sheet/SheetOverlay.vue +6 -1
  76. package/dist/runtime/components/sidebar/SidebarMenu.vue.d.ts +1 -1
  77. package/dist/runtime/components/stepper/Stepper.vue +163 -0
  78. package/dist/runtime/components/stepper/Stepper.vue.d.ts +62 -0
  79. package/dist/runtime/components/stepper/StepperContainer.vue +21 -0
  80. package/dist/runtime/components/stepper/StepperContainer.vue.d.ts +15 -0
  81. package/dist/runtime/components/stepper/StepperDescription.vue +28 -0
  82. package/dist/runtime/components/stepper/StepperDescription.vue.d.ts +13 -0
  83. package/dist/runtime/components/stepper/StepperHeader.vue +21 -0
  84. package/dist/runtime/components/stepper/StepperHeader.vue.d.ts +15 -0
  85. package/dist/runtime/components/stepper/StepperIndicator.vue +34 -0
  86. package/dist/runtime/components/stepper/StepperIndicator.vue.d.ts +15 -0
  87. package/dist/runtime/components/stepper/StepperItem.vue +44 -0
  88. package/dist/runtime/components/stepper/StepperItem.vue.d.ts +15 -0
  89. package/dist/runtime/components/stepper/StepperSeparator.vue +29 -0
  90. package/dist/runtime/components/stepper/StepperSeparator.vue.d.ts +6 -0
  91. package/dist/runtime/components/stepper/StepperTitle.vue +27 -0
  92. package/dist/runtime/components/stepper/StepperTitle.vue.d.ts +13 -0
  93. package/dist/runtime/components/stepper/StepperTrigger.vue +29 -0
  94. package/dist/runtime/components/stepper/StepperTrigger.vue.d.ts +15 -0
  95. package/dist/runtime/components/stepper/StepperWrapper.vue +21 -0
  96. package/dist/runtime/components/stepper/StepperWrapper.vue.d.ts +15 -0
  97. package/dist/runtime/components/toggle-group/ToggleGroup.vue +70 -0
  98. package/dist/runtime/components/toggle-group/ToggleGroup.vue.d.ts +23 -0
  99. package/dist/runtime/components/toggle-group/ToggleGroupItem.vue +75 -0
  100. package/dist/runtime/components/toggle-group/ToggleGroupItem.vue.d.ts +18 -0
  101. package/dist/runtime/composables/useUnaSettings.js +6 -4
  102. package/dist/runtime/types/combobox.d.ts +3 -2
  103. package/dist/runtime/types/index.d.ts +6 -3
  104. package/dist/runtime/types/index.js +3 -0
  105. package/dist/runtime/types/pin-input.d.ts +88 -0
  106. package/dist/runtime/types/pin-input.js +0 -0
  107. package/dist/runtime/types/radio-group.d.ts +5 -3
  108. package/dist/runtime/types/select.d.ts +6 -3
  109. package/dist/runtime/types/stepper.d.ts +129 -0
  110. package/dist/runtime/types/stepper.js +0 -0
  111. package/dist/runtime/types/table.d.ts +16 -3
  112. package/dist/runtime/types/toggle-group.d.ts +39 -0
  113. package/dist/runtime/types/toggle-group.js +0 -0
  114. package/package.json +18 -17
@@ -0,0 +1,28 @@
1
+ <script setup>
2
+ import { reactiveOmit } from "@vueuse/core";
3
+ import { StepperDescription, useForwardProps } from "reka-ui";
4
+ import { cn } from "../../utils";
5
+ const props = defineProps({
6
+ una: { type: Object, required: false },
7
+ asChild: { type: Boolean, required: false },
8
+ as: { type: null, required: false },
9
+ class: { type: null, required: false },
10
+ size: { type: null, required: false }
11
+ });
12
+ const delegatedProps = reactiveOmit(props, "class", "una");
13
+ const forwarded = useForwardProps(delegatedProps);
14
+ </script>
15
+
16
+ <template>
17
+ <StepperDescription
18
+ v-slot="slotProps"
19
+ v-bind="forwarded"
20
+ :class="cn(
21
+ 'stepper-description',
22
+ props.class,
23
+ props.una?.stepperDescription
24
+ )"
25
+ >
26
+ <slot v-bind="slotProps" />
27
+ </StepperDescription>
28
+ </template>
@@ -0,0 +1,13 @@
1
+ import type { NStepperDescriptionProps } from '../../types/index.js';
2
+ declare var __VLS_6: any;
3
+ type __VLS_Slots = {} & {
4
+ default?: (props: typeof __VLS_6) => any;
5
+ };
6
+ declare const __VLS_component: import("vue").DefineComponent<NStepperDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
8
+ export default _default;
9
+ type __VLS_WithSlots<T, S> = T & {
10
+ new (): {
11
+ $slots: S;
12
+ };
13
+ };
@@ -0,0 +1,21 @@
1
+ <script setup>
2
+ import { cn } from "../../utils";
3
+ const props = defineProps({
4
+ una: { type: Object, required: false },
5
+ class: { type: null, required: false },
6
+ orientation: { type: String, required: false, default: "horizontal" }
7
+ });
8
+ </script>
9
+
10
+ <template>
11
+ <div
12
+ :class="cn(
13
+ 'stepper-header',
14
+ orientation === 'horizontal' && 'stepper-header-horizontal',
15
+ props.class,
16
+ props.una?.stepperHeader
17
+ )"
18
+ >
19
+ <slot />
20
+ </div>
21
+ </template>
@@ -0,0 +1,15 @@
1
+ import type { NStepperHeaderProps } from '../../types/index.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<NStepperHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperHeaderProps> & Readonly<{}>, {
7
+ orientation: "vertical" | "horizontal";
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,34 @@
1
+ <script setup>
2
+ import { reactiveOmit } from "@vueuse/core";
3
+ import { StepperIndicator, useForwardProps } from "reka-ui";
4
+ import { cn } from "../../utils";
5
+ const props = defineProps({
6
+ una: { type: Object, required: false },
7
+ asChild: { type: Boolean, required: false },
8
+ as: { type: null, required: false },
9
+ stepper: { type: String, required: false, default: "solid-primary" },
10
+ class: { type: null, required: false },
11
+ size: { type: null, required: false }
12
+ });
13
+ const delegatedProps = reactiveOmit(props, [
14
+ "class",
15
+ "una",
16
+ "stepper"
17
+ ]);
18
+ const forwarded = useForwardProps(delegatedProps);
19
+ </script>
20
+
21
+ <template>
22
+ <StepperIndicator
23
+ v-slot="slotProps"
24
+ v-bind="forwarded"
25
+ :class="cn(
26
+ 'stepper-indicator',
27
+ props.class,
28
+ props.una?.stepperIndicator
29
+ )"
30
+ :stepper
31
+ >
32
+ <slot v-bind="slotProps" />
33
+ </StepperIndicator>
34
+ </template>
@@ -0,0 +1,15 @@
1
+ import type { NStepperIndicatorProps } from '../../types/index.js';
2
+ declare var __VLS_6: any;
3
+ type __VLS_Slots = {} & {
4
+ default?: (props: typeof __VLS_6) => any;
5
+ };
6
+ declare const __VLS_component: import("vue").DefineComponent<NStepperIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperIndicatorProps> & Readonly<{}>, {
7
+ stepper: string;
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,44 @@
1
+ <script setup>
2
+ import { reactiveOmit } from "@vueuse/core";
3
+ import { StepperItem, useForwardProps } from "reka-ui";
4
+ import { cn } from "../../utils";
5
+ const props = defineProps({
6
+ slot: { type: String, required: false },
7
+ title: { type: String, required: false },
8
+ description: { type: String, required: false },
9
+ value: { type: [String, Number], required: false },
10
+ icon: { type: String, required: false },
11
+ una: { type: Object, required: false },
12
+ step: { type: Number, required: true },
13
+ disabled: { type: Boolean, required: false },
14
+ completed: { type: Boolean, required: false },
15
+ asChild: { type: Boolean, required: false },
16
+ as: { type: null, required: false },
17
+ orientation: { type: String, required: false, default: "horizontal" },
18
+ class: { type: null, required: false },
19
+ size: { type: null, required: false }
20
+ });
21
+ const delegatedProps = reactiveOmit(props, [
22
+ "class",
23
+ "una",
24
+ "title",
25
+ "description",
26
+ "slot"
27
+ ]);
28
+ const forwarded = useForwardProps(delegatedProps);
29
+ </script>
30
+
31
+ <template>
32
+ <StepperItem
33
+ v-slot="slotProps"
34
+ v-bind="forwarded"
35
+ :class="cn(
36
+ 'group stepper-item',
37
+ orientation === 'vertical' && 'stepper-item-vertical',
38
+ props.class,
39
+ props.una?.stepperItem
40
+ )"
41
+ >
42
+ <slot v-bind="slotProps" />
43
+ </StepperItem>
44
+ </template>
@@ -0,0 +1,15 @@
1
+ import type { NStepperItemProps } from '../../types/index.js';
2
+ declare var __VLS_6: any;
3
+ type __VLS_Slots = {} & {
4
+ default?: (props: typeof __VLS_6) => any;
5
+ };
6
+ declare const __VLS_component: import("vue").DefineComponent<NStepperItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperItemProps> & Readonly<{}>, {
7
+ orientation: "vertical" | "horizontal";
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,29 @@
1
+ <script setup>
2
+ import { reactiveOmit } from "@vueuse/core";
3
+ import { StepperSeparator, useForwardProps } from "reka-ui";
4
+ import { cn } from "../../utils";
5
+ const props = defineProps({
6
+ una: { type: Object, required: false },
7
+ orientation: { type: String, required: false, default: "horizontal" },
8
+ decorative: { type: Boolean, required: false },
9
+ asChild: { type: Boolean, required: false },
10
+ as: { type: null, required: false },
11
+ stepper: { type: String, required: false, default: "solid-primary" },
12
+ class: { type: null, required: false }
13
+ });
14
+ const delegatedProps = reactiveOmit(props, "class", "una");
15
+ const forwarded = useForwardProps(delegatedProps);
16
+ </script>
17
+
18
+ <template>
19
+ <StepperSeparator
20
+ v-bind="forwarded"
21
+ :class="cn(
22
+ 'stepper-separator',
23
+ orientation === 'vertical' ? 'stepper-separator-vertical' : 'stepper-separator-horizontal',
24
+ props.class,
25
+ props.una?.stepperSeparator
26
+ )"
27
+ :stepper
28
+ />
29
+ </template>
@@ -0,0 +1,6 @@
1
+ import type { NStepperSeparatorProps } from '../../types/index.js';
2
+ declare const _default: import("vue").DefineComponent<NStepperSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperSeparatorProps> & Readonly<{}>, {
3
+ orientation: "vertical" | "horizontal";
4
+ stepper: string;
5
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
6
+ export default _default;
@@ -0,0 +1,27 @@
1
+ <script setup>
2
+ import { reactiveOmit } from "@vueuse/core";
3
+ import { StepperTitle, useForwardProps } from "reka-ui";
4
+ import { cn } from "../../utils";
5
+ const props = defineProps({
6
+ una: { type: Object, required: false },
7
+ asChild: { type: Boolean, required: false },
8
+ as: { type: null, required: false },
9
+ class: { type: null, required: false },
10
+ size: { type: null, required: false }
11
+ });
12
+ const delegatedProps = reactiveOmit(props, "class", "una");
13
+ const forwarded = useForwardProps(delegatedProps);
14
+ </script>
15
+
16
+ <template>
17
+ <StepperTitle
18
+ v-bind="forwarded"
19
+ :class="cn(
20
+ 'stepper-title',
21
+ props.class,
22
+ props.una?.stepperTitle
23
+ )"
24
+ >
25
+ <slot />
26
+ </StepperTitle>
27
+ </template>
@@ -0,0 +1,13 @@
1
+ import type { NStepperTitleProps } from '../../types/index.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<NStepperTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
8
+ export default _default;
9
+ type __VLS_WithSlots<T, S> = T & {
10
+ new (): {
11
+ $slots: S;
12
+ };
13
+ };
@@ -0,0 +1,29 @@
1
+ <script setup>
2
+ import { reactiveOmit } from "@vueuse/core";
3
+ import { StepperTrigger, useForwardProps } from "reka-ui";
4
+ import { cn } from "../../utils";
5
+ const props = defineProps({
6
+ una: { type: Object, required: false },
7
+ asChild: { type: Boolean, required: false },
8
+ as: { type: null, required: false },
9
+ stepper: { type: String, required: false, default: "solid-primary" },
10
+ class: { type: null, required: false },
11
+ size: { type: null, required: false }
12
+ });
13
+ const delegatedProps = reactiveOmit(props, "class", "una");
14
+ const forwarded = useForwardProps(delegatedProps);
15
+ </script>
16
+
17
+ <template>
18
+ <StepperTrigger
19
+ v-bind="forwarded"
20
+ :class="cn(
21
+ 'stepper-trigger',
22
+ props.class,
23
+ props.una?.stepperTrigger
24
+ )"
25
+ :stepper
26
+ >
27
+ <slot />
28
+ </StepperTrigger>
29
+ </template>
@@ -0,0 +1,15 @@
1
+ import type { NStepperTriggerProps } from '../../types/index.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<NStepperTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperTriggerProps> & Readonly<{}>, {
7
+ stepper: string;
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,21 @@
1
+ <script setup>
2
+ import { cn } from "../../utils";
3
+ const props = defineProps({
4
+ una: { type: Object, required: false },
5
+ class: { type: null, required: false },
6
+ orientation: { type: String, required: false, default: "horizontal" }
7
+ });
8
+ </script>
9
+
10
+ <template>
11
+ <div
12
+ :class="cn(
13
+ 'stepper-wrapper',
14
+ orientation === 'vertical' && 'stepper-wrapper-vertical',
15
+ props.class,
16
+ props.una?.stepperWrapper
17
+ )"
18
+ >
19
+ <slot />
20
+ </div>
21
+ </template>
@@ -0,0 +1,15 @@
1
+ import type { NStepperWrapperProps } from '../../types/index.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<NStepperWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NStepperWrapperProps> & Readonly<{}>, {
7
+ orientation: "vertical" | "horizontal";
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,70 @@
1
+ <script>
2
+
3
+ </script>
4
+
5
+ <script setup>
6
+ import { reactiveOmit } from "@vueuse/core";
7
+ import { ToggleGroupRoot, useForwardPropsEmits } from "reka-ui";
8
+ import { cn } from "../../utils";
9
+ import ToggleGroupItem from "./ToggleGroupItem.vue";
10
+ const props = defineProps({
11
+ items: { type: null, required: false },
12
+ _toggleGroupItem: { type: Object, required: false },
13
+ una: { type: Object, required: false },
14
+ rovingFocus: { type: Boolean, required: false },
15
+ disabled: { type: Boolean, required: false },
16
+ orientation: { type: String, required: false },
17
+ dir: { type: String, required: false },
18
+ loop: { type: Boolean, required: false },
19
+ asChild: { type: Boolean, required: false },
20
+ as: { type: null, required: false },
21
+ name: { type: String, required: false },
22
+ required: { type: Boolean, required: false },
23
+ type: { type: String, required: false },
24
+ modelValue: { type: null, required: false },
25
+ defaultValue: { type: null, required: false },
26
+ toggleOff: { type: String, required: false },
27
+ toggleOn: { type: String, required: false },
28
+ class: { type: null, required: false },
29
+ size: { type: null, required: false }
30
+ });
31
+ const emits = defineEmits(["update:modelValue"]);
32
+ const rootProps = reactiveOmit(props, [
33
+ "class",
34
+ "size",
35
+ "toggleOff",
36
+ "toggleOn",
37
+ "una"
38
+ ]);
39
+ const forwarded = useForwardPropsEmits(rootProps, emits);
40
+ </script>
41
+
42
+ <template>
43
+ <ToggleGroupRoot
44
+ v-slot="slotProps"
45
+ v-bind="forwarded"
46
+ data-slot="toggle-group"
47
+ :class="cn(
48
+ 'toggle-group',
49
+ props.orientation === 'vertical' ? 'toggle-group-vertical' : 'toggle-group-horizontal',
50
+ props.class,
51
+ props.una?.toggleGroup
52
+ )"
53
+ >
54
+ <slot v-bind="slotProps">
55
+ <template v-if="items && items.length">
56
+ <template v-for="item in items" :key="item.value">
57
+ <slot :name="item.slot ?? 'item'" v-bind="{ item, value: item.value }">
58
+ <ToggleGroupItem
59
+ :una
60
+ :size
61
+ :toggle-on
62
+ :toggle-off
63
+ v-bind="{ ...item, ..._toggleGroupItem }"
64
+ />
65
+ </slot>
66
+ </template>
67
+ </template>
68
+ </slot>
69
+ </ToggleGroupRoot>
70
+ </template>
@@ -0,0 +1,23 @@
1
+ import type { NToggleGroupItemProps, NToggleGroupProps } from '../../types/index.js';
2
+ declare const _default: <T extends NToggleGroupItemProps, U extends Array<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
4
+ readonly "onUpdate:modelValue"?: ((payload: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[]) => any) | undefined;
5
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NToggleGroupProps<U> & Partial<{}>> & import("vue").PublicProps;
6
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
7
+ attrs: any;
8
+ slots: {
9
+ [x: string]: ((props: {
10
+ item: any;
11
+ value: any;
12
+ }) => any) | undefined;
13
+ } & {
14
+ default?: (props: any) => any;
15
+ };
16
+ emit: (evt: "update:modelValue", payload: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[]) => void;
17
+ }>) => import("vue").VNode & {
18
+ __ctx?: Awaited<typeof __VLS_setup>;
19
+ };
20
+ export default _default;
21
+ type __VLS_PrettifyLocal<T> = {
22
+ [K in keyof T]: T[K];
23
+ } & {};
@@ -0,0 +1,75 @@
1
+ <script>
2
+
3
+ </script>
4
+
5
+ <script setup>
6
+ import { reactiveOmit } from "@vueuse/core";
7
+ import { ToggleGroupItem, useForwardPropsEmits } from "reka-ui";
8
+ import { cn } from "../../utils";
9
+ import Toggle from "../elements/Toggle.vue";
10
+ const props = defineProps({
11
+ slot: { type: String, required: false },
12
+ una: { type: Object, required: false },
13
+ value: { type: null, required: true },
14
+ disabled: { type: Boolean, required: false },
15
+ asChild: { type: Boolean, required: false },
16
+ as: { type: null, required: false, default: Toggle },
17
+ toggleOn: { type: String, required: false },
18
+ toggleOff: { type: String, required: false },
19
+ defaultValue: { type: Boolean, required: false },
20
+ modelValue: { type: [Boolean, null], required: false },
21
+ name: { type: String, required: false },
22
+ required: { type: Boolean, required: false },
23
+ type: { type: String, required: false },
24
+ loadingPlacement: { type: String, required: false },
25
+ icon: { type: Boolean, required: false, default: true },
26
+ reverse: { type: Boolean, required: false },
27
+ loading: { type: Boolean, required: false },
28
+ block: { type: Boolean, required: false },
29
+ to: { type: null, required: false },
30
+ label: { type: String, required: false },
31
+ btn: { type: String, required: false },
32
+ leading: { type: String, required: false },
33
+ trailing: { type: String, required: false },
34
+ size: { type: String, required: false },
35
+ square: { type: null, required: false, default: true },
36
+ rounded: { type: null, required: false },
37
+ class: { type: null, required: false },
38
+ breadcrumbActive: { type: String, required: false },
39
+ breadcrumbInactive: { type: String, required: false },
40
+ paginationSelected: { type: String, required: false },
41
+ paginationUnselected: { type: String, required: false },
42
+ dropdownMenu: { type: String, required: false },
43
+ tabsActive: { type: String, required: false },
44
+ tabsInactive: { type: String, required: false },
45
+ navigationMenu: { type: String, required: false },
46
+ navigationMenuLink: { type: String, required: false },
47
+ ariaLabel: { type: String, required: false }
48
+ });
49
+ const emits = defineEmits(["update:modelValue"]);
50
+ const delegatedProps = reactiveOmit(props, [
51
+ "class",
52
+ "toggleOff",
53
+ "toggleOn",
54
+ "una"
55
+ ]);
56
+ const forwarded = useForwardPropsEmits(delegatedProps, emits);
57
+ </script>
58
+
59
+ <template>
60
+ <ToggleGroupItem
61
+ v-slot="slotProps"
62
+ v-bind="forwarded"
63
+ data-slot="toggle-group-item"
64
+ :toggle-on
65
+ :toggle-off
66
+ :as="props.as"
67
+ :class="cn(
68
+ 'toggle-group-item',
69
+ props.una?.toggleGroupItem,
70
+ props.class
71
+ )"
72
+ >
73
+ <slot v-bind="slotProps" />
74
+ </ToggleGroupItem>
75
+ </template>
@@ -0,0 +1,18 @@
1
+ import type { NToggleGroupItemProps } from '../../types/index.js';
2
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NToggleGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ "update:modelValue": (value: boolean) => any;
4
+ }, string, import("vue").PublicProps, Readonly<NToggleGroupItemProps> & Readonly<{
5
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
6
+ }>, {
7
+ icon: boolean;
8
+ square: import("vue").HTMLAttributes["class"];
9
+ as: import("reka-ui").AsTag | import("vue").Component;
10
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
11
+ default?: (props: any) => any;
12
+ }>;
13
+ export default _default;
14
+ type __VLS_WithSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
@@ -6,8 +6,8 @@ export function useUnaSettings() {
6
6
  const { una } = useAppConfig();
7
7
  const { getPrimaryColors, getGrayColors } = useUnaThemes();
8
8
  const defaultSettings = {
9
- primaryColors: getPrimaryColors(una.primary),
10
- grayColors: getGrayColors(una.gray),
9
+ primaryColors: una.primary ? getPrimaryColors(una.primary) : {},
10
+ grayColors: una.gray ? getGrayColors(una.gray) : {},
11
11
  primary: una.primary,
12
12
  gray: una.gray,
13
13
  radius: una.radius,
@@ -21,14 +21,16 @@ export function useUnaSettings() {
21
21
  watch(
22
22
  () => [settings.value.primary, settings.value.gray],
23
23
  ([primary, gray]) => {
24
- settings.value.primaryColors = getPrimaryColors(primary, una.primary);
25
- settings.value.grayColors = getGrayColors(gray, una.gray);
24
+ settings.value.primaryColors = primary ? getPrimaryColors(primary) : {};
25
+ settings.value.grayColors = gray ? getGrayColors(gray) : {};
26
26
  },
27
27
  { immediate: true }
28
28
  );
29
29
  function reset() {
30
30
  if (una.theme) {
31
31
  settings.value.theme = una.theme;
32
+ settings.value.primary = false;
33
+ settings.value.gray = false;
32
34
  return;
33
35
  }
34
36
  settings.value.primary = defaultSettings.primary;
@@ -10,12 +10,12 @@ interface BaseExtensions {
10
10
  export type ExtractItemType<T> = T extends {
11
11
  items: infer I extends AcceptableValue[];
12
12
  } ? I[number] : T;
13
- export interface NComboboxProps<T extends AcceptableValue> extends Omit<ComboboxRootProps<ExtractItemType<T>>, 'modelValue'>, Pick<NComboboxInputProps, 'status' | 'id'>, BaseExtensions {
13
+ export interface NComboboxProps<T extends AcceptableValue, M extends boolean> extends Omit<ComboboxRootProps<ExtractItemType<T>>, 'modelValue'>, Pick<NComboboxInputProps, 'status' | 'id'>, BaseExtensions {
14
14
  /**
15
15
  * The model value for the combobox.
16
16
  * When using grouped items, this will be the item type from within the groups.
17
17
  */
18
- modelValue?: ExtractItemType<T> | ExtractItemType<T>[] | null | undefined;
18
+ modelValue?: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null;
19
19
  /**
20
20
  * The items to display in the combobox.
21
21
  *
@@ -52,6 +52,7 @@ export interface NComboboxProps<T extends AcceptableValue> extends Omit<Combobox
52
52
  * @default ''
53
53
  */
54
54
  label?: string;
55
+ multiple?: M;
55
56
  /**
56
57
  * Sub-component configurations
57
58
  */
@@ -26,6 +26,7 @@ export * from './link.js';
26
26
  export * from './navigation-menu.js';
27
27
  export * from './number-field.js';
28
28
  export * from './pagination.js';
29
+ export * from './pin-input.js';
29
30
  export * from './popover.js';
30
31
  export * from './progress.js';
31
32
  export * from './radio-group.js';
@@ -37,11 +38,13 @@ export * from './sheet.js';
37
38
  export * from './sidebar.js';
38
39
  export * from './skeleton.js';
39
40
  export * from './slider.js';
41
+ export * from './stepper.js';
40
42
  export * from './switch.js';
41
43
  export * from './table.js';
42
44
  export * from './tabs.js';
43
45
  export * from './toast.js';
44
46
  export * from './toggle.js';
47
+ export * from './toggle-group.js';
45
48
  export * from './tooltip.js';
46
49
  export interface Colors {
47
50
  [key: string]: string;
@@ -62,9 +65,9 @@ export interface ColorPalette {
62
65
  export interface UnaSettings {
63
66
  primaryColors: Colors;
64
67
  grayColors: Colors;
65
- theme: string | null | false | undefined;
66
- primary: string;
67
- gray: string;
68
+ theme: string | false;
69
+ primary: string | false;
70
+ gray: string | false;
68
71
  fontSize: number;
69
72
  radius: number;
70
73
  themes: {
@@ -26,6 +26,7 @@ export * from "./link.js";
26
26
  export * from "./navigation-menu.js";
27
27
  export * from "./number-field.js";
28
28
  export * from "./pagination.js";
29
+ export * from "./pin-input.js";
29
30
  export * from "./popover.js";
30
31
  export * from "./progress.js";
31
32
  export * from "./radio-group.js";
@@ -37,9 +38,11 @@ export * from "./sheet.js";
37
38
  export * from "./sidebar.js";
38
39
  export * from "./skeleton.js";
39
40
  export * from "./slider.js";
41
+ export * from "./stepper.js";
40
42
  export * from "./switch.js";
41
43
  export * from "./table.js";
42
44
  export * from "./tabs.js";
43
45
  export * from "./toast.js";
44
46
  export * from "./toggle.js";
47
+ export * from "./toggle-group.js";
45
48
  export * from "./tooltip.js";