@kong/kongponents 9.44.1-pr.2962.c6edd95.0 → 9.45.2-pr.2962.134ff71.0

package/dist/nuxt/index.js

@@ -0,0 +1,69 @@
+import { defineNuxtModule, createResolver, addComponent, useLogger, addImportsDir } from '@nuxt/kit';
+import { components } from '@kong/kongponents';
+// Components that should always be excluded from auto-registration
+const ALWAYS_EXCLUDE_COMPONENTS = ['ToastManager', 'KTable', 'KModalFullscreen', 'KDropdownMenu'];
+export default defineNuxtModule({
+    meta: {
+        name: '@kong/kongponents',
+        configKey: 'kongponents',
+    },
+    defaults: {
+        components: {
+            include: [],
+            exclude: [],
+        },
+        composables: true,
+    },
+    setup(options, nuxt) {
+        const { resolve } = createResolver(import.meta.url);
+        const logger = useLogger('kongponents');
+        // Register the styles
+        nuxt.options.css.push('@kong/kongponents/dist/style.css');
+        if (options.composables) {
+            // Register composables
+            addImportsDir(resolve('./runtime/composables'));
+        }
+        // Define a list of components that should be auto-registered.
+        const includeList = options.components?.include || [];
+        // Define a list of components that should never be auto-registered.
+        const excludeList = [...ALWAYS_EXCLUDE_COMPONENTS, ...(options.components?.exclude || [])];
+        const filteredComponents = Object.keys(components).filter((name) => 
+        // Only include components that start with 'K' (e.g., KButton)
+        name.startsWith('K')
+            // If an include list is provided, only keep those in the list
+            && (includeList.length === 0 || includeList.includes(name))
+            // Exclude any components explicitly listed in the exclude list
+            && !excludeList.includes(name));
+        if (filteredComponents.length === 0) {
+            logger.warn('⚠️ No Kongponents components were registered. Check your include/exclude config.');
+        }
+        filteredComponents.forEach((name) => {
+            addComponent({
+                name,
+                export: name,
+                filePath: '@kong/kongponents',
+                // we don't need global registration here
+                global: false,
+                // 'all' means both client and server
+                mode: 'all',
+            });
+        });
+        /**
+         * Integrate with Nuxt DevTools by adding a "Kongponents" tab.
+         * This gives quick access to documentation within the DevTools UI.
+         */
+        // @ts-ignore - nuxt types are missing devtools hook
+        nuxt.hook('devtools:customTabs', (tabs) => {
+            tabs.push({
+                name: 'kongponents',
+                title: 'Kongponents',
+                icon: 'https://kongponents.konghq.com/img/kong-logomark.png',
+                view: {
+                    type: 'iframe',
+                    src: 'https://kongponents.konghq.com',
+                },
+            });
+        });
+        logger.success('🚀 Kongponents module has been registered.');
+    },
+});

package/dist/nuxt/runtime/composables/useToast.js

@@ -0,0 +1,27 @@
+import { onBeforeUnmount } from 'vue';
+import { ToastManager } from '@kong/kongponents';
+/** The default toaster configuration */
+const defaultToastConfig = {
+    key: 'kongponents-toast',
+    appearance: 'success',
+    message: 'Success',
+    timeoutMilliseconds: 3000,
+};
+export function useToast() {
+    // Initialize the toast manager; stub out the `open` and `destroy` methods on the server
+    const toast = import.meta.client ? new ToastManager() : { open: () => { }, destroy: () => { } };
+    const showToast = async (notification) => {
+        if (import.meta.client) {
+            toast.open({
+                ...defaultToastConfig,
+                ...notification,
+            });
+        }
+    };
+    onBeforeUnmount(() => {
+        toast.destroy();
+    });
+    return {
+        showToast,
+    };
+}

package/dist/types/nuxt/index.d.ts

@@ -0,0 +1,25 @@
+import { components } from '@kong/kongponents';
+type ComponentKeys = keyof typeof components;
+type ExcludedComponentKeys = Exclude<ComponentKeys, 'ToastManager' | 'KTable' | 'KModalFullscreen' | 'KDropdownMenu'>;
+export interface ModuleOptions {
+    components?: {
+        /**
+         * List of component names to include in auto-registration. If unset or empty, all components will be included.
+         * @default []
+         */
+        include?: ComponentKeys[];
+        /**
+         * List of component names to exclude from automatic registration
+         * @default []
+         */
+        exclude?: ExcludedComponentKeys[];
+    };
+    /**
+     * Whether to register provided composables.
+     * For example, you can access the included `useToast` composable.
+     * @default true
+     */
+    composables?: boolean;
+}
+declare const _default: import("nuxt/schema").NuxtModule<ModuleOptions, ModuleOptions, false>;
+export default _default;

package/dist/types/nuxt/runtime/composables/useToast.d.ts

@@ -0,0 +1,4 @@
+import type { Toast } from '@kong/kongponents';
+export declare function useToast(): {
+    showToast: (notification: Partial<Toast>) => Promise<void>;
+};

package/dist/types/types/table.d.ts

@@ -93,7 +93,7 @@ export type TableState = 'loading' | 'error' | 'success' | 'empty';
 export interface TableSortPayload<Key extends string = string> {
     prevKey: Key | '';
     sortColumnKey: Key | '';
-    sortColumnOrder: SortColumnOrder | '';
+    sortColumnOrder: SortColumnOrder;
 }
 export interface TableStatePayload {
     state: TableState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.44.1-pr.2962.c6edd95.0",
+  "version": "9.45.2-pr.2962.134ff71.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -22,6 +22,10 @@
       "import": "./dist/kongponents.es.js",
       "require": "./dist/kongponents.umd.js"
     },
+    "./nuxt": {
+      "import": "./dist/nuxt/index.js",
+      "types": "./dist/types/nuxt/index.d.ts"
+    },
     "./dist/style.css": "./dist/kongponents.css",
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
@@ -44,7 +48,7 @@
   },
   "peerDependencies": {
     "vue": ">= 3.5.0 < 4",
-    "vue-router": "^4.6.0"
+    "vue-router": "^4.6.3"
   },
   "devDependencies": {
     "@babel/types": "^7.28.4",
@@ -53,15 +57,16 @@
     "@cypress/vite-dev-server": "^6.0.3",
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
     "@evilmartians/lefthook": "^1.13.6",
-    "@kong-ui-public/sandbox-layout": "^2.3.4",
+    "@kong-ui-public/sandbox-layout": "^2.3.6",
     "@kong/design-tokens": "^1.18.1",
     "@kong/eslint-config-kong-ui": "1.5.1",
+    "@nuxt/kit": "^4.1.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@stylistic/stylelint-plugin": "^4.0.0",
     "@types/inquirer": "^9.0.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.18.10",
+    "@types/node": "^22.18.11",
     "@types/sortablejs": "^1.15.8",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/compiler-core": "^3.5.22",
@@ -79,12 +84,13 @@
     "inquirer": "^9.3.6",
     "nanospinner": "^1.2.2",
     "node-emoji": "^2.2.0",
+    "nuxt": "^4.1.3",
     "picocolors": "^1.1.1",
     "postcss-cli": "^11.0.1",
     "postcss-custom-properties": "^14.0.6",
     "postcss-html": "^1.8.0",
     "rimraf": "^6.0.1",
-    "rollup-plugin-visualizer": "^6.0.4",
+    "rollup-plugin-visualizer": "^6.0.5",
     "sass": "^1.93.2",
     "semantic-release": "^24.2.9",
     "shiki": "^3.13.0",
@@ -96,11 +102,11 @@
     "stylelint-order": "^7.0.0",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.9.3",
-    "vite": "^6.3.6",
+    "vite": "^6.4.0",
     "vite-plugin-vue-devtools": "^7.7.7",
     "vitepress": "^1.6.4",
     "vue": "^3.5.22",
-    "vue-router": "^4.6.0",
+    "vue-router": "^4.6.3",
     "vue-tsc": "^2.2.12"
   },
   "resolutions": {
@@ -162,7 +168,7 @@
   },
   "volta": {
     "node": "24.10.0",
-    "pnpm": "10.18.2"
+    "pnpm": "10.18.3"
   },
   "config": {
     "commitizen": {
@@ -177,7 +183,8 @@
   "scripts": {
     "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
     "build:docs": "vitepress build docs",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:nuxt",
+    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
     "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
     "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
     "build:ci": "pnpm build:kongponents && pnpm build:docs",