@geniusdynamics/ns8-ui-lib 1.0.0 → 1.0.2

package/dist/src/components/NS/cards/NSBackupCard.vue.d.ts

@@ -39,8 +39,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onDisable?: ((backupId: string) => any) | undefined;
 }>, {
     title: string;
-    status: Status;
     loading: boolean;
+    status: Status;
     backups: Backup[];
     noBackupMessage: string;
     statusLabel: string;

package/dist/src/components/NS/cards/NSSystemInfoCard.vue.d.ts

@@ -42,8 +42,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onRefresh?: (() => any) | undefined;
 }>, {
-    title: string;
     description: string;
+    title: string;
     loading: boolean;
     light: boolean;
     showUptime: boolean;

package/dist/src/components/NS/cards/NSSystemdServiceCard.vue.d.ts

@@ -35,10 +35,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onEnable?: ((serviceName: string) => any) | undefined;
     onDisable?: ((serviceName: string) => any) | undefined;
 }>, {
-    title: string;
-    status: ServiceStatus;
     description: string;
+    title: string;
     loading: boolean;
+    status: ServiceStatus;
     light: boolean;
     serviceName: string;
     showUptime: boolean;

package/dist/src/components/NS/empty-state/NSEmptyState.vue.d.ts

@@ -30,8 +30,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     title: string;
-    size: "default" | "sm" | "lg";
     variant: "default" | "muted";
+    size: "default" | "sm" | "lg";
     loop: boolean | number;
     animateOnHover: boolean;
     autoPlay: boolean;

package/dist/src/components/NS/lottie-animation/NSLottieAnimation.vue.d.ts

@@ -56,11 +56,11 @@ declare const _default: import('vue').DefineComponent<Props, {
     onMouseOver?: (() => any) | undefined;
     onMouseOut?: (() => any) | undefined;
 }>, {
-    preserveAspectRatio: string;
     height: number | string;
     width: number | string;
     role: string;
     direction: number;
+    preserveAspectRatio: string;
     speed: number;
     loop: boolean;
     autoplay: boolean;

package/dist/src/components/NS/pagination/NSPagination.vue.d.ts

@@ -23,8 +23,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onPage-change"?: ((page: number) => any) | undefined;
     "onSize-change"?: ((size: number) => any) | undefined;
 }>, {
-    size: "sm" | "default" | "lg";
     disabled: boolean;
+    size: "sm" | "default" | "lg";
     currentPage: number;
     itemsPerPage: number;
     showSizeChanger: boolean;

package/dist/src/components/NS/progress/NSProgress.vue.d.ts

@@ -22,10 +22,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: "default" | "sm" | "lg";
     indeterminate: boolean;
     max: number;
     variant: "default" | "destructive" | "success" | "warning" | "info";
+    size: "default" | "sm" | "lg";
     showLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/src/components/NS/progress/NSProgressBar.vue.d.ts

@@ -23,10 +23,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: "default" | "sm" | "lg";
     indeterminate: boolean;
     max: number;
     variant: "default" | "destructive" | "success" | "warning" | "info";
+    size: "default" | "sm" | "lg";
     showLabel: boolean;
     animated: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/src/components/NS/tag/NSTag.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onRemove?: (() => any) | undefined;
     onClick?: ((event: Event) => any) | undefined;
 }>, {
-    size: "default" | "sm" | "lg";
     variant: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "gray";
+    size: "default" | "sm" | "lg";
     interactive: boolean;
     removable: boolean;
     clearAriaLabel: string;

package/dist/src/components/NS/toggle/NSToggle.vue.d.ts

@@ -37,10 +37,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "default" | "sm" | "lg";
     leftText: string;
     rightText: string;
     variant: "default" | "destructive" | "success" | "warning";
+    size: "default" | "sm" | "lg";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/ui/badge/Badge.vue.d.ts

@@ -0,0 +1,24 @@
+import { PrimitiveProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { BadgeVariants } from '.';
+type __VLS_Props = PrimitiveProps & {
+    variant?: BadgeVariants["variant"];
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/ui/badge/index.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export { default as Badge } from './Badge.vue';
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/src/components/ui/checkbox/NsCheckbox.vue.d.ts

@@ -36,8 +36,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "default" | "sm" | "lg" | null;
     variant: "default" | "destructive" | "outline" | null;
+    size: "default" | "sm" | "lg" | null;
     labelVariant: "default" | "destructive" | "muted" | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/src/components/ui/empty-state/NsEmptyState.vue.d.ts

@@ -30,8 +30,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     title: string;
-    size: "default" | "sm" | "lg" | null;
     variant: "default" | "muted" | null;
+    size: "default" | "sm" | "lg" | null;
     loop: boolean | number;
     animateOnHover: boolean;
     autoPlay: boolean;

package/dist/src/components/ui/inline-notification/NsInlineNotification.vue.d.ts

@@ -30,7 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onClose?: (() => any) | undefined;
     onAction?: (() => any) | undefined;
 }>, {
-    variant: "success" | "warning" | "info" | "default" | "destructive" | null;
+    variant: "default" | "destructive" | "warning" | "success" | "info" | null;
     showCloseButton: boolean;
     closeAriaLabel: string;
     loading: boolean;

package/dist/src/components/ui/inline-notification/index.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 export { default as NsInlineNotification } from './NsInlineNotification.vue';
 export declare const inlineNotificationVariants: (props?: ({
-    variant?: "success" | "warning" | "info" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type InlineNotificationVariants = VariantProps<typeof inlineNotificationVariants>;

package/dist/src/components/ui/input-group/InputGroupButton.vue.d.ts

@@ -10,8 +10,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
-    size: "sm" | "icon-sm" | "xs" | "icon-xs" | null;
     variant: cn["variant"];
+    size: "sm" | "icon-sm" | "xs" | "icon-xs" | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/ui/item/index.d.ts

@@ -14,7 +14,7 @@ export declare const itemVariants: (props?: ({
     size?: "default" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | null | undefined;
+    variant?: "default" | "image" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ItemVariants = VariantProps<typeof itemVariants>;
 export type ItemMediaVariants = VariantProps<typeof itemMediaVariants>;

package/dist/src/components/ui/progress/Progress.vue.d.ts

@@ -0,0 +1,9 @@
+import { ProgressRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ProgressRootProps & {
+    class?: HTMLAttributes["class"];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    modelValue: number | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/ui/progress/index.d.ts

@@ -0,0 +1 @@
+export { default as Progress } from './Progress.vue';

package/dist/src/components/ui/sidebar/SidebarMenuButton.vue.d.ts

@@ -14,9 +14,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "default" | "sm" | "lg" | null;
     as: import('reka-ui').AsTag | Component;
     variant: "default" | "outline" | null;
+    size: "default" | "sm" | "lg" | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/ui/sidebar/SidebarMenuButtonChild.vue.d.ts

@@ -17,9 +17,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SidebarMenuButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarMenuButtonProps> & Readonly<{}>, {
-    size: "default" | "sm" | "lg" | null;
     as: import('reka-ui').AsTag | import('vue').Component;
     variant: "default" | "outline" | null;
+    size: "default" | "sm" | "lg" | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/ui/sidebar/SidebarMenuSubButton.vue.d.ts

@@ -15,8 +15,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "md";
     as: import('reka-ui').AsTag | import('vue').Component;
+    size: "sm" | "md";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/ui/tag/NsTag.vue.d.ts

@@ -27,8 +27,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onRemove?: (() => any) | undefined;
     onClick?: ((event: Event) => any) | undefined;
 }>, {
+    variant: "default" | "destructive" | "warning" | "success" | "secondary" | "outline" | "info" | "gray" | null;
     size: "default" | "sm" | "lg" | null;
-    variant: "success" | "warning" | "info" | "default" | "destructive" | "secondary" | "outline" | "gray" | null;
     interactive: boolean;
     removable: boolean;
     clearAriaLabel: string;

package/dist/src/components/ui/tag/index.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 export { default as NsTag } from './NsTag.vue';
 export declare const tagVariants: (props?: ({
-    variant?: "success" | "warning" | "info" | "default" | "destructive" | "secondary" | "outline" | "gray" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | "secondary" | "outline" | "info" | "gray" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/components/ui/text-input/NsTextInput.vue.d.ts

@@ -62,10 +62,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     onChange?: ((event: Event) => any) | undefined;
 }>, {
     type: string;
-    size: "default" | "sm" | "lg" | null;
     showPasswordToggle: boolean;
-    variant: "success" | "warning" | "default" | "destructive" | null;
-    labelVariant: "success" | "warning" | "default" | "destructive" | "muted" | null;
+    variant: "default" | "destructive" | "warning" | "success" | null;
+    size: "default" | "sm" | "lg" | null;
+    labelVariant: "default" | "destructive" | "warning" | "success" | "muted" | null;
     validateOnChange: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;

package/dist/src/components/ui/text-input/index.d.ts

@@ -1,14 +1,14 @@
 import { VariantProps } from 'class-variance-authority';
 export { default as NsTextInput } from './NsTextInput.vue';
 export declare const textInputVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const labelVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | "muted" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | "muted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const helperTextVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TextInputVariants = VariantProps<typeof textInputVariants>;
 export type LabelVariants = VariantProps<typeof labelVariants>;

package/dist/src/components/ui/toggle/NsToggle.vue.d.ts

@@ -39,11 +39,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "default" | "sm" | "lg" | null;
     leftText: string;
     rightText: string;
-    variant: "success" | "warning" | "default" | "destructive" | null;
-    labelVariant: "success" | "warning" | "default" | "destructive" | "muted" | null;
+    variant: "default" | "destructive" | "warning" | "success" | null;
+    size: "default" | "sm" | "lg" | null;
+    labelVariant: "default" | "destructive" | "warning" | "success" | "muted" | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/ui/toggle/index.d.ts

@@ -1,14 +1,14 @@
 import { VariantProps } from 'class-variance-authority';
 export { default as NsToggle } from './NsToggle.vue';
 export declare const toggleVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const toggleThumbVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const labelVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | "muted" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | "muted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ToggleVariants = VariantProps<typeof toggleVariants>;
 export type ToggleThumbVariants = VariantProps<typeof toggleThumbVariants>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geniusdynamics/ns8-ui-lib",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Vue 3 library for NethServer 8 UI with TailwindCSS and Shadcn Vue",
   "keywords": [
     "nethserver",

package/src/components/ui/badge/Badge.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { PrimitiveProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import type { BadgeVariants } from "."
+import { reactiveOmit } from "@vueuse/core"
+import { Primitive } from "reka-ui"
+import { cn } from "@/lib/utils"
+import { badgeVariants } from "."
+
+const props = defineProps<PrimitiveProps & {
+  variant?: BadgeVariants["variant"]
+  class?: HTMLAttributes["class"]
+}>()
+
+const delegatedProps = reactiveOmit(props, "class")
+</script>
+
+<template>
+  <Primitive
+    data-slot="badge"
+    :class="cn(badgeVariants({ variant }), props.class)"
+    v-bind="delegatedProps"
+  >
+    <slot />
+  </Primitive>
+</template>

package/src/components/ui/progress/Progress.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import type { ProgressRootProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import {
+  ProgressIndicator,
+  ProgressRoot,
+} from "reka-ui"
+import { cn } from "@/lib/utils"
+
+const props = withDefaults(
+  defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(),
+  {
+    modelValue: 0,
+  },
+)
+
+const delegatedProps = reactiveOmit(props, "class")
+</script>
+
+<template>
+  <ProgressRoot
+    data-slot="progress"
+    v-bind="delegatedProps"
+    :class="
+      cn(
+        'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
+        props.class,
+      )
+    "
+  >
+    <ProgressIndicator
+      data-slot="progress-indicator"
+      class="bg-primary h-full w-full flex-1 transition-all"
+      :style="`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`"
+    />
+  </ProgressRoot>
+</template>