nicklabs-ui 1.0.1 → 1.0.2

package/dist/src/layouts/NCard.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    size?: PaddingSize;
+    radius?: RadiusSize;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layouts/NHeroSection.vue.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    icon?: string;
+    title?: string;
+}
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layouts/NLayout.vue.d.ts

@@ -0,0 +1,38 @@
+import "../variables.css";
+import "../reset.css";
+import "@fontsource/open-sans/400.css";
+import "@fontsource/open-sans/500.css";
+import "@fontsource/open-sans/600.css";
+import "@fontsource/poppins/400.css";
+import "@fontsource/poppins/500.css";
+import "@fontsource/poppins/600.css";
+import "@fontsource/poppins/700.css";
+type __VLS_Props = {
+    isShowSidebar?: boolean;
+    menus: {
+        icon: string;
+        title: string;
+        children?: {
+            icon: string;
+            title: string;
+            route: string;
+        }[];
+    }[];
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+    logout: () => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layouts/NLoginLayout.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    backgroundImage?: string;
+    logo?: string;
+    title?: string;
+    description?: string;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layouts/NNavigation.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    isShowSidebar?: boolean;
+    isShowFullscreen?: boolean;
+    isShowUser?: boolean;
+    isShowLogoutButton?: boolean;
+};
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+    logout: () => any;
+    toggleSidebar: () => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+    onToggleSidebar?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/layouts/NPaginate.vue.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    totalItems: number;
+    pageSize: number;
+    maxPageButtons: number;
+}
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+    onPageChange: (page: number) => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<Props> & Readonly<{
+    onOnPageChange?: ((page: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/layouts/NSideFilter.vue.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    open: boolean;
+    title?: string;
+}
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/layouts/NSidebar.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    isOpen?: boolean;
+    menus: Menu[];
+};
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+    "update:isOpen": (value: boolean) => any;
+    logout: () => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+    onLogout?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/variables.css

@@ -0,0 +1,103 @@
+:root {
+    --primary-color: #2563EB;
+    --primary-hover: #1D4ED8;
+    --primary-light: #EFF6FF;
+
+    --secondary-color: #64748B;
+
+    --bg-body: #F4F9FF;
+    --bg-gradient: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
+
+    --surface-glass: rgba(255, 255, 255, 0.7);
+    --surface-glass-hover: rgba(255, 255, 255, 0.85);
+    --surface-glass-border: rgba(255, 255, 255, 0.5);
+    --surface-solid: #FFFFFF;
+
+    --text-main: #1E293B;
+    --text-secondary: #475569;
+    --text-muted: #94A3B8;
+    --text-inverse: #FFFFFF;
+
+    --slate-50: #F8FAFC;
+    --slate-100: #F1F5F9;
+    --slate-200: #E2E8F0;
+    --slate-300: #CBD5E1;
+    --slate-400: #94A3B8;
+    --slate-500: #64748B;
+    --slate-600: #475569;
+
+    --border-color: var(--slate-200);
+
+    --error-color: #EF4444;
+    --error-light: #FEF2F2;
+    --success-color: #10B981;
+    --warning-color: #F59E0B;
+    --info-color: #3B82F6;
+
+    --header-height: 64px;
+    --sidebar-logo-height: 84px;
+    --sidebar-width: 70px;
+    --sidebar-width-open: 260px;
+
+    --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
+
+    --radius-sm: 4px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
+    --radius-xl: 16px;
+
+    --blur-amount: 12px;
+
+    --transition-fast: 0.15s ease;
+    --transition-normal: 0.3s ease;
+
+    --font-heading: 'Poppins', sans-serif;
+    --font-body: 'Open Sans', sans-serif;
+
+    --drawer-border: var(--slate-200);
+
+    --scrollbar-width: 6px;
+    --scrollbar-height: 6px;
+    --scrollbar-track-background-color: var(--slate-100);
+    --scrollbar-thumb-background-color: var(--slate-300);
+    --scrollbar-thumb-hover-background-color: var(--slate-400);
+    --scrollbar-thumb-border-radius: 10px;
+
+    --button-background-color: var(--surface-glass);
+
+    --button-primary-background-color: var(--primary-color);
+    --button-primary-text-color: #FFFFFF;
+    --button-primary-hover-background-color: var(--primary-hover);
+    --button-primary-hover-text-color: #FFFFFF;
+
+    --button-error-background-color: var(--error-light);
+    --button-error-text-color: var(--error-color);
+    --button-error-hover-background-color: #FEE2E2;
+    --button-error-hover-text-color: var(--error-color);
+
+    --button-success-background-color: #DCFCE7;
+    --button-success-text-color: #166534;
+    --button-success-hover-background-color: #BBF7D0;
+    --button-success-hover-text-color: #166534;
+
+    --button-warning-background-color: #FEF3C7;
+    --button-warning-text-color: #92400E;
+    --button-warning-hover-background-color: #FDE68A;
+    --button-warning-hover-text-color: #92400E;
+
+    --button-info-background-color: #3B82F6;
+    --button-info-text-color: #FFFFFF;
+    --button-info-hover-background-color: #2563EB;
+    --button-info-hover-text-color: #FFFFFF;
+
+    --button-default-background-color: var(--slate-200);
+    --button-default-text-color: var(--slate-600);
+    --button-default-hover-background-color: var(--slate-300);
+    --button-default-hover-text-color: var(--slate-600);
+
+    --input-focus-ring: var(--primary-color);
+    --input-border-color: var(--slate-300);
+    --input-bg: var(--surface-solid);
+    --input-disabled-bg: var(--slate-100);
+    --input-disabled-text: var(--slate-400);
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "nicklabs-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/src/index.d.ts",
   "files": [
     "dist"
   ],
@@ -13,6 +13,12 @@
       "types": "./dist/src/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
+    },
+    "./reset.css": {
+      "default": "./dist/reset.css"
+    },
+    "./variables.css": {
+      "default": "./dist/variables.css"
     }
   },
   "peerDependencies": {
@@ -34,9 +40,9 @@
     "nicklabs-utils": "1.0.2"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && rimraf node_modules/.tmp && vue-tsc --project tsconfig.build.json --pretty",
     "dev": "vite build --watch",
-    "type-check": "rimraf node_modules/.tmp && vue-tsc --project tsconfig.build.json --pretty",
+    "type-check": "rimraf node_modules/.tmp && vue-tsc --project tsconfig.build.json --noEmit --pretty",
     "build-pron": "pnpm run build && pnpm run type-check"
   }
 }