@naptics/vue-collection 0.0.6 → 0.0.7

package/components/NButton.d.ts

@@ -1,149 +1,149 @@
 import { type PropType } from 'vue';
 export declare const nButtonProps: {
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => void>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
     /**
      * The color of the button.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The html attribute, which indicates the type of the button.
      */
-    type: {
-        type: PropType<"button" | "submit" | "reset">;
-        default: string;
+    readonly type: {
+        readonly type: PropType<"button" | "submit" | "reset">;
+        readonly default: "button";
     };
     /**
      * If set to `true` the button is disabled and no interaction is possible.
      */
-    disabled: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     /**
      * If set to `true` the button will show a loading animation.
      * Setting `loading` to `true` will also disable the button.
      */
-    loading: BooleanConstructor;
+    readonly loading: BooleanConstructor;
     /**
      * If set to `true` the button will appear smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * This is called, when the button is clicked.
      */
-    onClick: PropType<() => void>;
+    readonly onClick: PropType<() => void>;
 };
 /**
  * The `NButton` is a styled button.
  */
 declare const _default: import("vue").DefineComponent<{
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => void>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
     /**
      * The color of the button.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The html attribute, which indicates the type of the button.
      */
-    type: {
-        type: PropType<"button" | "submit" | "reset">;
-        default: string;
+    readonly type: {
+        readonly type: PropType<"button" | "submit" | "reset">;
+        readonly default: "button";
     };
     /**
      * If set to `true` the button is disabled and no interaction is possible.
      */
-    disabled: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     /**
      * If set to `true` the button will show a loading animation.
      * Setting `loading` to `true` will also disable the button.
      */
-    loading: BooleanConstructor;
+    readonly loading: BooleanConstructor;
     /**
      * If set to `true` the button will appear smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * This is called, when the button is clicked.
      */
-    onClick: PropType<() => void>;
+    readonly onClick: PropType<() => void>;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => void>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
     /**
      * The color of the button.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The html attribute, which indicates the type of the button.
      */
-    type: {
-        type: PropType<"button" | "submit" | "reset">;
-        default: string;
+    readonly type: {
+        readonly type: PropType<"button" | "submit" | "reset">;
+        readonly default: "button";
     };
     /**
      * If set to `true` the button is disabled and no interaction is possible.
      */
-    disabled: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     /**
      * If set to `true` the button will show a loading animation.
      * Setting `loading` to `true` will also disable the button.
      */
-    loading: BooleanConstructor;
+    readonly loading: BooleanConstructor;
     /**
      * If set to `true` the button will appear smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * This is called, when the button is clicked.
      */
-    onClick: PropType<() => void>;
+    readonly onClick: PropType<() => void>;
 }>> & {}, {
-    small: boolean;
-    color: string;
-    type: "button" | "submit" | "reset";
-    tooltipHide: boolean;
-    tooltipShow: boolean;
-    tooltipPlacement: import("./NTooltip").TooltipPlacement;
-    tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
-    disabled: boolean;
-    loading: boolean;
+    readonly small: boolean;
+    readonly color: string;
+    readonly type: "button" | "submit" | "reset";
+    readonly tooltipHide: boolean;
+    readonly tooltipShow: boolean;
+    readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
+    readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
+    readonly disabled: boolean;
+    readonly loading: boolean;
 }>;
 export default _default;

package/components/NButton.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { computed } from 'vue';
 import NLoadingIndicator from './NLoadingIndicator';
 import NTooltip, { mapTooltipProps, nToolTipPropsForImplementor } from './NTooltip';
-export const nButtonProps = createProps({
+export const nButtonProps = {
   /**
    * The color of the button.
    */
@@ -36,7 +36,7 @@ export const nButtonProps = createProps({
    */
   onClick: Function,
   ...nToolTipPropsForImplementor
-});
+};
 /**
  * The `NButton` is a styled button.
  */

package/components/NCheckbox.d.ts

@@ -2,16 +2,16 @@ export declare const nCheckboxProps: {
     /**
      * The color of the checkbox.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * If set to `true` the checkbox is disabled and no interaction is possible.
      */
-    disabled: BooleanConstructor;
-    value: import("vue").PropType<boolean>;
-    onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
+    readonly disabled: BooleanConstructor;
+    readonly value: import("vue").PropType<boolean>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
 };
 /**
  * The `NCheckbox` is a styled checkbox.
@@ -20,32 +20,32 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The color of the checkbox.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * If set to `true` the checkbox is disabled and no interaction is possible.
      */
-    disabled: BooleanConstructor;
-    value: import("vue").PropType<boolean>;
-    onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
+    readonly disabled: BooleanConstructor;
+    readonly value: import("vue").PropType<boolean>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The color of the checkbox.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * If set to `true` the checkbox is disabled and no interaction is possible.
      */
-    disabled: BooleanConstructor;
-    value: import("vue").PropType<boolean>;
-    onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
+    readonly disabled: BooleanConstructor;
+    readonly value: import("vue").PropType<boolean>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
 }>> & {}, {
-    color: string;
-    disabled: boolean;
+    readonly color: string;
+    readonly disabled: boolean;
 }>;
 export default _default;

package/components/NCheckbox.js

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { vModelProps } from '../utils/vModel';
 import { nextTick, ref } from 'vue';
-export const nCheckboxProps = createProps({
+export const nCheckboxProps = {
   ...vModelProps(Boolean),
   /**
    * The color of the checkbox.
@@ -15,7 +15,7 @@ export const nCheckboxProps = createProps({
    * If set to `true` the checkbox is disabled and no interaction is possible.
    */
   disabled: Boolean
-});
+};
 /**
  * The `NCheckbox` is a styled checkbox.
  */

package/components/NCheckboxLabel.d.ts

@@ -2,22 +2,22 @@ export declare const nCheckboxLabelProps: {
     /**
      * The title of the checkbox.
      */
-    title: StringConstructor;
+    readonly title: StringConstructor;
     /**
      * The description of the checkbox.
      */
-    description: StringConstructor;
+    readonly description: StringConstructor;
     /**
      * If set to `true`, a smaller margin is applied between the label and the checkbox.
      */
-    compact: BooleanConstructor;
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly compact: BooleanConstructor;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
-    disabled: BooleanConstructor;
-    value: import("vue").PropType<boolean>;
-    onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
+    readonly disabled: BooleanConstructor;
+    readonly value: import("vue").PropType<boolean>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
 };
 /**
  * The `NCheckboxLabel` is a checkbox with a title and a description.
@@ -26,45 +26,45 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The title of the checkbox.
      */
-    title: StringConstructor;
+    readonly title: StringConstructor;
     /**
      * The description of the checkbox.
      */
-    description: StringConstructor;
+    readonly description: StringConstructor;
     /**
      * If set to `true`, a smaller margin is applied between the label and the checkbox.
      */
-    compact: BooleanConstructor;
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly compact: BooleanConstructor;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
-    disabled: BooleanConstructor;
-    value: import("vue").PropType<boolean>;
-    onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
+    readonly disabled: BooleanConstructor;
+    readonly value: import("vue").PropType<boolean>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The title of the checkbox.
      */
-    title: StringConstructor;
+    readonly title: StringConstructor;
     /**
      * The description of the checkbox.
      */
-    description: StringConstructor;
+    readonly description: StringConstructor;
     /**
      * If set to `true`, a smaller margin is applied between the label and the checkbox.
      */
-    compact: BooleanConstructor;
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly compact: BooleanConstructor;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
-    disabled: BooleanConstructor;
-    value: import("vue").PropType<boolean>;
-    onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
+    readonly disabled: BooleanConstructor;
+    readonly value: import("vue").PropType<boolean>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
 }>> & {}, {
-    color: string;
-    disabled: boolean;
-    compact: boolean;
+    readonly color: string;
+    readonly disabled: boolean;
+    readonly compact: boolean;
 }>;
 export default _default;

package/components/NCheckboxLabel.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import NCheckbox, { nCheckboxProps } from './NCheckbox';
-export const nCheckboxLabelProps = createProps({
+export const nCheckboxLabelProps = {
   ...nCheckboxProps,
   /**
    * The title of the checkbox.
@@ -15,7 +15,7 @@ export const nCheckboxLabelProps = createProps({
    * If set to `true`, a smaller margin is applied between the label and the checkbox.
    */
   compact: Boolean
-});
+};
 /**
  * The `NCheckboxLabel` is a checkbox with a title and a description.
  */