manolis-ui 0.6.12 → 0.6.18

package/README.md

@@ -1,3 +1,9 @@
+
+<p align="center">
+  <img width="256" height="256" src="./manolis-ui-icon.png">
+</p>
+
+
 # Manolis UI - Accelerate Your Vue 3 Development
 
 Manolis UI is a high-quality Vue 3 component library meticulously crafted to accelerate your development process without compromising on visual appeal or ease of use. Built on the solid foundation of Tailwind CSS 4 and enhanced with the extensive component set of Daisy UI v5 (including potential additions), Manolis UI provides you with a rich collection of ready-to-use, customizable components. Spend less time building the basics and more time focusing on the unique aspects of your application.

package/dist/index.d.ts

@@ -22,17 +22,48 @@ declare const __VLS_component_10: DefineComponent<__VLS_Props, {}, {}, {}, {}, C
 inputRef: HTMLInputElement;
 }, HTMLDivElement>;
 
-declare const __VLS_component_11: DefineComponent<Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_14> & Readonly<{}>, {
+declare const __VLS_component_11: DefineComponent<Props_12, {
+focusInput: () => void;
+isValid: typeof isValid;
+isTouched: typeof isTouched;
+errorMessage: typeof errorMessage;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: string | number | null) => any;
+validate: (isValid: boolean) => any;
+}, string, PublicProps, Readonly<Props_12> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+onValidate?: ((isValid: boolean) => any) | undefined;
+}>, {
+type: string;
+size: "xs" | "sm" | "md" | "lg" | "xl";
+label: string;
+style: "" | "ghost";
+color: "" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
+placeholder: string;
+modelValue: string | number | null;
+rules: {
+required?: boolean;
+minLength?: number;
+maxLength?: number;
+email?: boolean;
+[key: string]: any;
+};
+successMessage: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputElement: HTMLInputElement;
+}, HTMLDivElement>;
+
+declare const __VLS_component_12: DefineComponent<Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_14> & Readonly<{}>, {
 collapseOnMobile: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_12: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component_13: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-declare const __VLS_component_13: DefineComponent<Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_16> & Readonly<{}>, {
+declare const __VLS_component_14: DefineComponent<Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_16> & Readonly<{}>, {
 isCollapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_14: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_15: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "tab-changed": (...args: any[]) => void;
 }, string, PublicProps, Readonly<Props_17> & Readonly<{
 "onTab-changed"?: ((...args: any[]) => any) | undefined;
@@ -175,6 +206,7 @@ data: any;
 }) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
 searchContainer: HTMLDivElement;
+inlineComponentRef: unknown;
 }, any>;
 
 declare type __VLS_Props = {
@@ -222,11 +254,22 @@ declare function __VLS_template_11(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        inputElement: HTMLInputElement;
+    };
     rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_12(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_13(): {
     attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
@@ -241,7 +284,7 @@ declare function __VLS_template_12(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_13(): {
+declare function __VLS_template_14(): {
     attrs: Partial<{}>;
     slots: {
         start?(_: {}): any;
@@ -253,7 +296,7 @@ declare function __VLS_template_13(): {
     rootEl: HTMLElement;
 };
 
-declare function __VLS_template_14(): {
+declare function __VLS_template_15(): {
     attrs: Partial<{}>;
     slots: Partial<Record<`${string}-tab`, (_: {}) => any>> & {
         default?(_: {}): any;
@@ -349,6 +392,7 @@ declare function __VLS_template_9(): {
     };
     refs: {
         searchContainer: HTMLDivElement;
+        inlineComponentRef: unknown;
     };
     rootEl: any;
 };
@@ -365,6 +409,8 @@ declare type __VLS_TemplateResult_13 = ReturnType<typeof __VLS_template_13>;
 
 declare type __VLS_TemplateResult_14 = ReturnType<typeof __VLS_template_14>;
 
+declare type __VLS_TemplateResult_15 = ReturnType<typeof __VLS_template_15>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -417,6 +463,12 @@ declare type __VLS_WithTemplateSlots_14<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_15<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -527,7 +579,7 @@ declare const errorMessage: Ref<string, string>;
 
 export { FilterableSelect }
 
-export declare const Footer: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const Footer: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
 declare interface FooterNavigation {
     title: string;
@@ -540,38 +592,9 @@ declare interface FooterNavigationItem {
     enabled: Boolean;
 }
 
-export declare const Hero: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const Hero: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
-export declare const InputField: DefineComponent<Props_12, {
-focusInput: () => void;
-isValid: typeof isValid;
-isTouched: typeof isTouched;
-errorMessage: typeof errorMessage;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: string | number | null) => any;
-validate: (isValid: boolean) => any;
-}, string, PublicProps, Readonly<Props_12> & Readonly<{
-"onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
-onValidate?: ((isValid: boolean) => any) | undefined;
-}>, {
-type: string;
-size: "xs" | "sm" | "md" | "lg" | "xl";
-label: string;
-style: "" | "ghost";
-color: "" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
-modelValue: string | number | null;
-placeholder: string;
-rules: {
-required?: boolean;
-minLength?: number;
-maxLength?: number;
-email?: boolean;
-[key: string]: any;
-};
-successMessage: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-inputElement: HTMLInputElement;
-}, HTMLDivElement>;
+export declare const InputField: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
 declare const isTouched: Ref<boolean, boolean>;
 
@@ -592,7 +615,7 @@ declare const modalPosition: {
     center: string;
 };
 
-export declare const NavigationBar: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
+export declare const NavigationBar: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
 declare interface Props {
     outlined?: boolean;
@@ -609,6 +632,8 @@ declare interface Props_10 {
         tabs: Tab_2[];
     }>;
     currentCategory: string;
+    id?: string;
+    value?: any;
 }
 
 declare interface Props_11 {
@@ -634,6 +659,10 @@ declare interface Props_12 {
         email?: boolean;
         [key: string]: any;
     };
+    needsValidation?: {
+        default: true;
+        type: boolean;
+    };
     successMessage?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     color?: "" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
@@ -753,15 +782,18 @@ selectElement: HTMLSelectElement;
 
 export declare const Swap: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
-export declare const Tab: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
+export declare const Tab: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
 
 declare interface Tab_2 {
-    name: string | any;
+    name: string;
     description: string;
-    type: "datetime";
-    range: boolean;
-    props?: Object;
+    type: string;
+    range?: boolean;
+    props?: {
+        [key: string]: any;
+    };
     value?: any;
+    displayMode?: "popup" | "inline";
 }
 
 declare interface Tab_3 {

package/dist/inputField-BxT95oyM.js

@@ -0,0 +1,4 @@
+import { InputField as t } from "./manolis-ui.js";
+export {
+  t as default
+};

package/dist/manolis-ui.css

@@ -1 +1 @@
-.carousel[data-v-db55a6a5]{-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-db55a6a5]::-webkit-scrollbar{display:none}.carousel-item[data-v-507384bc]{flex-shrink:0}.tabs button[data-v-08fa37eb]{cursor:pointer}.tab-content[data-v-08fa37eb]{position:absolute;z-index:10;transform-origin:top center;transition:opacity .3s ease}.tabs-boxed[data-v-08fa37eb] :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),.tabs-boxed[data-v-08fa37eb] :is(input:checked){background-color:var(--color-base-300);color:var(--color-base-content)}@media (max-width: 768px){.tab-content[data-v-08fa37eb]{width:100%;left:50%;transform:translate(-50%);top:auto;bottom:0}}@media (min-width: 769px){.tab-content[data-v-08fa37eb]{width:auto;left:unset;transform:unset}}.input[data-v-661f4719]{cursor:pointer}.navigationbar[data-v-8ddb2b45]{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;grid-template-areas:"center center center" "bottom bottom bottom";position:fixed;width:100%!important;gap:0 1rem;align-items:center;padding:var(--navbar-padding, .5rem);min-height:4rem;z-index:5}@media (min-width: 768px){.navigationbar[data-v-8ddb2b45]{grid-template-columns:.7fr 1.6fr .7fr;grid-template-areas:"start center end" "bottom bottom bottom";grid-row-gap:2rem;padding:2rem}}.navbar-start[data-v-8ddb2b45]{grid-area:start;height:100%}.navbar-center[data-v-8ddb2b45]{grid-area:center;width:100%;height:100%}.navbar-end[data-v-8ddb2b45]{width:100%;height:100%;grid-area:end}.navbar-bottom[data-v-8ddb2b45]{grid-area:center;width:100%;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.navbar-bottom[data-v-8ddb2b45]{grid-area:bottom}}nav.navigationbar.collapsed[data-v-8ddb2b45]{top:0;z-index:10;grid-template-columns:auto 1fr auto!important}@media (min-width: 768px){nav.navigationbar.collapsed[data-v-8ddb2b45]{row-gap:0;padding:1rem}}nav.navigationbar.collapsed .navbar-bottom[data-v-8ddb2b45]{grid-area:center!important}
+.carousel[data-v-db55a6a5]{-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-db55a6a5]::-webkit-scrollbar{display:none}.carousel-item[data-v-507384bc]{flex-shrink:0}.tab-content[data-v-2a095d4c]{background-color:var(--color-base-100);padding:1rem;border-radius:var(--radius-box, .5rem);box-shadow:var(--tw-shadow-lg);border:1px solid var(--color-base-300)}.tabs button[data-v-2a095d4c]{cursor:pointer;flex-grow:1;flex-shrink:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 1rem;position:relative}.tabs button .text-sm[data-v-2a095d4c],.tabs button .text-xs[data-v-2a095d4c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tabs button>.inline-component-wrapper[data-v-2a095d4c]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem;background-color:var(--color-base-100);z-index:1}.tabs button.tab-active-inline .flex-col[data-v-2a095d4c]{visibility:hidden}@media (max-width: 768px){.tab-content[data-v-2a095d4c]{width:90%;left:50%!important;transform:translate(-50%)!important;top:auto!important;bottom:unset!important;margin-top:10px;position:fixed;max-height:80vh;overflow-y:auto}}@media (min-width: 769px){.tab-content[data-v-2a095d4c]{width:auto;left:unset;transform:unset;position:absolute;max-height:unset;overflow-y:visible}.tabs-boxed .tab[data-v-2a095d4c]{flex-basis:0}}@media (max-width: 768px){.collapse-title>div[data-v-2a095d4c]:last-child{opacity:.75}}.tabs-boxed .tab.tab-active[data-v-2a095d4c],.tabs-boxed .tab.tab-active[data-v-2a095d4c]:hover{background-color:var(--color-primary);color:var(--color-primary-content)}.tabs-boxed .tab.tab-active-inline[data-v-2a095d4c]{background-color:var(--color-primary);color:var(--color-primary-content);flex:6}.tabs button>.inline-component-wrapper[data-v-2a095d4c] *{color:var(--color-base-content)}.input[data-v-661f4719]{cursor:pointer}.navigationbar[data-v-8ddb2b45]{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;grid-template-areas:"center center center" "bottom bottom bottom";position:fixed;width:100%!important;gap:0 1rem;align-items:center;padding:var(--navbar-padding, .5rem);min-height:4rem;z-index:5}@media (min-width: 768px){.navigationbar[data-v-8ddb2b45]{grid-template-columns:.7fr 1.6fr .7fr;grid-template-areas:"start center end" "bottom bottom bottom";grid-row-gap:2rem;padding:2rem}}.navbar-start[data-v-8ddb2b45]{grid-area:start;height:100%}.navbar-center[data-v-8ddb2b45]{grid-area:center;width:100%;height:100%}.navbar-end[data-v-8ddb2b45]{width:100%;height:100%;grid-area:end}.navbar-bottom[data-v-8ddb2b45]{grid-area:center;width:100%;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.navbar-bottom[data-v-8ddb2b45]{grid-area:bottom}}nav.navigationbar.collapsed[data-v-8ddb2b45]{top:0;z-index:10;grid-template-columns:auto 1fr auto!important}@media (min-width: 768px){nav.navigationbar.collapsed[data-v-8ddb2b45]{row-gap:0;padding:1rem}}nav.navigationbar.collapsed .navbar-bottom[data-v-8ddb2b45]{grid-area:center!important}