@kong/kongponents 9.35.4 → 9.35.5-pr.2805.04dbddeb3.0

package/dist/types/components/KDropdown/KDropdown.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awa
     attrs: any;
     slots: {
         default?: (props: {
-            isOpen: any;
+            isOpen: boolean;
         }) => any;
     } & {
         items?: (props: {

package/dist/types/components/KToggle/KToggle.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ToggleProps, ToggleSlots } from '../../../types';
+type __VLS_Slots = ToggleSlots;
+declare const __VLS_component: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggled: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
+    onToggled?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,6 +1,6 @@
 export { default as KClipboardProvider } from './KClipboardProvider/KClipboardProvider.vue';
 export { default as KComponent } from './KComponent';
-export { default as KToggle } from './KToggle';
+export { default as KToggle } from './KToggle/KToggle.vue';
 export { default as KAlert } from './KAlert/KAlert.vue';
 export { default as KBadge } from './KBadge/KBadge.vue';
 export { default as KBreadcrumbs } from './KBreadcrumbs/KBreadcrumbs.vue';

package/dist/types/composables/useUtilities.d.ts

@@ -19,7 +19,7 @@ export default function useUtilities(): {
         debouncedFn: (...args: Parameters<F>) => void;
         generateDebouncedFn: (delay: number) => (...args: Parameters<F>) => void;
     };
-    clientSideSorter: (key: string, previousKey: string, sortOrder: string, items: Record<string, any>[]) => {
+    clientSideSorter: (key: string, previousKey: string, sortOrder: string, items: Array<Record<string, any>>) => {
         previousKey: string;
         sortOrder: string;
     };

package/dist/types/types/code-block.d.ts

@@ -51,7 +51,7 @@ export interface CodeBlockProps {
      * The line numbers for the lines to highlight by default.
      * @default []
      */
-    highlightedLineNumbers?: string | (number | [number, number])[];
+    highlightedLineNumbers?: string | Array<number | [number, number]>;
     /**
      * Allows controlling the processing state from outside the component. This allows a parent component to show the processing icon when it’s, for example, currently syntax highlighting the code.
      * @default false

package/dist/types/types/dropdown.d.ts

@@ -122,7 +122,7 @@ export interface DropdownProps<T extends string | number> {
      * An array of objects containing a required `label` property and other optional properties which will render a menu of KDropdownItems.
      * @default []
      */
-    items?: DropdownItem<T>[];
+    items?: Array<DropdownItem<T>>;
     /**
      * Whether the dropdown is disabled.
      * @default false

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

@@ -13,8 +13,8 @@ export * from './dropdown';
 export * from './empty-state';
 export * from './external-link';
 export * from './file-upload';
-export * from './input';
 export * from './input-switch';
+export * from './input';
 export * from './label';
 export * from './method-badge';
 export * from './modal';
@@ -26,14 +26,15 @@ export * from './radio';
 export * from './segmented-control';
 export * from './select';
 export * from './skeleton';
+export * from './slider';
 export * from './stepper';
 export * from './swrv';
 export * from './table';
 export * from './tabs';
 export * from './text-area';
 export * from './toaster';
+export * from './toggle';
 export * from './tooltip';
 export * from './tree-list';
 export * from './truncate';
 export * from './utils';
-export * from './slider';

package/dist/types/types/multi-select.d.ts

@@ -10,7 +10,7 @@ export interface MultiselectItem<T extends string = string> {
     group?: string;
 }
 export interface MultiselectFilterFunctionParams<T extends string = string> {
-    items: MultiselectItem<T>[];
+    items: Array<MultiselectItem<T>>;
     query: string;
 }
 export type DropdownFooterTextPosition = 'sticky' | 'static';
@@ -38,7 +38,7 @@ export interface MultiselectItemSlots {
  * @internal
  */
 export interface MultiselectItemsProps<T extends string> {
-    items?: MultiselectItem<T>[];
+    items?: Array<MultiselectItem<T>>;
     itemCreationEnabled?: boolean;
     filterString?: string;
     itemCreationValid?: boolean;
@@ -55,7 +55,7 @@ export interface MultiselectProps<T extends string, U extends boolean> {
      * The current value of the multiselect (v-model).
      * @default []
      */
-    modelValue?: U extends true ? (T | string)[] : T[];
+    modelValue?: U extends true ? Array<T | string> : T[];
     /**
      * The label for the multiselect.
      * @default ''
@@ -121,12 +121,12 @@ export interface MultiselectProps<T extends string, U extends boolean> {
      * }
      * @default []
      */
-    items?: U extends true ? MultiselectItem<T | string>[] : MultiselectItem<T>[];
+    items?: U extends true ? Array<MultiselectItem<T | string>> : Array<MultiselectItem<T>>;
     /**
      * Override the default filter functionality of case-insensitive search on the label.
      * @default (params) => params.items.filter(item => item.label?.toLowerCase().includes(params.query?.toLowerCase()))
      */
-    filterFunction?: (params: MultiselectFilterFunctionParams<(U extends true ? T | string : T)>) => MultiselectItem<(U extends true ? T | string : T)>[];
+    filterFunction?: (params: MultiselectFilterFunctionParams<(U extends true ? T | string : T)>) => Array<MultiselectItem<(U extends true ? T | string : T)>>;
     /**
      * A flag for enabling autosuggest mode.
      * @default false
@@ -160,7 +160,7 @@ export interface MultiselectProps<T extends string, U extends boolean> {
     itemCreationValidator?: (query: string) => boolean;
 }
 export interface MultiselectEmits<T extends string = string> {
-    selected: [items: MultiselectItem<T>[]];
+    selected: [items: Array<MultiselectItem<T>>];
     input: [values: string[]];
     change: [item: MultiselectItem<T> | null];
     'update:modelValue': [values: T[]];

package/dist/types/types/segmented-control.d.ts

@@ -4,11 +4,11 @@ export interface SegmentedControlOption<T extends string | number | boolean = st
     value: T;
     disabled?: boolean;
 }
-export interface SegmentedControlProps<T extends SegmentedControlOption<string | number | boolean>[] | string[]> {
+export interface SegmentedControlProps<T extends Array<SegmentedControlOption<string | number | boolean>> | string[]> {
     /**
      * The value of the currently selected option.
      */
-    modelValue?: NoInfer<T extends string[] ? T[number] : T extends SegmentedControlOption<string | number | boolean>[] ? T[number]['value'] : never>;
+    modelValue?: NoInfer<T extends string[] ? T[number] : T extends Array<SegmentedControlOption<string | number | boolean>> ? T[number]['value'] : never>;
     /**
      * An array of options for each button.
      */
@@ -35,7 +35,7 @@ export interface SegmentedControlEmits<T extends string | number | boolean> {
      */
     'update:modelValue': [value: T];
 }
-export interface SegmentedControlSlots<T extends SegmentedControlOption<string | number | boolean>[] | string[]> {
+export interface SegmentedControlSlots<T extends Array<SegmentedControlOption<string | number | boolean>> | string[]> {
     /**
      * Each option's content.
      */

package/dist/types/types/select.d.ts

@@ -36,7 +36,7 @@ export interface SelectItemSlots {
  * @internal
  */
 export interface SelectItemsProps<T extends string | number> {
-    items?: SelectItem<T>[];
+    items?: Array<SelectItem<T>>;
     itemCreationEnabled?: boolean;
     filterString?: string;
     itemCreationValid?: boolean;
@@ -58,7 +58,7 @@ export interface SelectItemsSlots<T extends string | number> {
 }
 export interface SelectFilterFunctionParams<T extends string | number> {
     query: string;
-    items: SelectItem<T>[];
+    items: Array<SelectItem<T>>;
 }
 export type SelectDropdownFooterTextPosition = 'sticky' | 'static';
 export interface SelectProps<T extends string | number, U extends boolean> {
@@ -106,7 +106,7 @@ export interface SelectProps<T extends string | number, U extends boolean> {
      * }
      * @default []
      */
-    items?: U extends true ? SelectItem<T | string>[] : SelectItem<T>[];
+    items?: U extends true ? Array<SelectItem<T | string>> : Array<SelectItem<T>>;
     /**
      * Control whether the select supports filtering.
      * @default false
@@ -116,7 +116,7 @@ export interface SelectProps<T extends string | number, U extends boolean> {
      * Override default filter functionality of case-insensitive search on label.
      * @default (params: SelectFilterFunctionParams) => params?.items?.filter((item: SelectItem) => item.label?.toLowerCase().includes(params.query?.toLowerCase()))
      */
-    filterFunction?: NoInfer<(params: SelectFilterFunctionParams<U extends true ? T | string : T>) => (U extends true ? SelectItem<T | string>[] : SelectItem<T>[]) | true>;
+    filterFunction?: NoInfer<(params: SelectFilterFunctionParams<U extends true ? T | string : T>) => (U extends true ? Array<SelectItem<T | string>> : Array<SelectItem<T>>) | true>;
     /**
      * Loading state in autosuggest.
      * @default false

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

@@ -18,7 +18,7 @@ export interface BulkActionsDropdownSlots {
  * @internal
  */
 export interface ColumnVisibilityMenuProps {
-    columns: Record<string, any>[];
+    columns: Array<Record<string, any>>;
     tableId: string;
     visibilityPreferences: Partial<Record<string, boolean>>;
     disabled?: boolean;
@@ -156,7 +156,7 @@ export interface TableDataFetcherParams<Key extends string = string, Offset exte
      */
     offset?: Offset | null;
 }
-export interface TableDataFetcherResponse<Data extends readonly Record<string, any>[] = readonly Record<string, any>[], Offset extends string | number = string> {
+export interface TableDataFetcherResponse<Data extends ReadonlyArray<Record<string, any>> = ReadonlyArray<Record<string, any>>, Offset extends string | number = string> {
     data: Data;
     total?: number;
     pagination?: {
@@ -183,7 +183,7 @@ export interface RowActionsTogglePayload<Row extends Record<string, any> = Recor
     open: boolean;
 }
 type TablePropsShared<Key extends string, // column keys
-Data extends readonly Record<string, any>[]> = {
+Data extends ReadonlyArray<Record<string, any>>> = {
     /**
      * Allow columns to be resized.
      * @default false
@@ -339,7 +339,7 @@ Data extends readonly Record<string, any>[]> = {
     [K in `onCell:${SupportedEvents}`]?: (e: K extends `onCell:${infer E}` ? E extends keyof HTMLElementEventMap ? HTMLElementEventMap[E] : Event : never, data: any, type: 'cell') => any;
 };
 interface TableEmitsShared<Key extends string, // column keys
-Data extends readonly Record<string, any>[]> {
+Data extends ReadonlyArray<Record<string, any>>> {
     /**
      * Emitted whenever a cell is clicked.
      */
@@ -371,7 +371,7 @@ Data extends readonly Record<string, any>[]> {
     /**
      * Emitted when user interacts with checkboxes in bulk actions column.
      */
-    'row-select': [data: Data[number][]];
+    'row-select': [data: Array<Data[number]>];
     /**
      * Emitted when row is expanded or collapsed (when `rowExpandable` prop is true).
      */
@@ -381,18 +381,18 @@ Data extends readonly Record<string, any>[]> {
      */
     'row-actions-toggle': [payload: RowActionsTogglePayload<Data[number]>];
 }
-type TableSlotsShared<Header extends TableViewHeader, Data extends readonly Record<string, any>[]> = {
+type TableSlotsShared<Header extends TableViewHeader, Data extends ReadonlyArray<Record<string, any>>> = {
     /**
      * Slot for passing custom bulk actions trigger element.
      */
     'bulk-actions'?(props: {
-        selectedRows: Data[number][];
+        selectedRows: Array<Data[number]>;
     }): any;
     /**
      * Slot for passing bulk action dropdown items.
      */
     'bulk-action-items'?(props: {
-        selectedRows: Data[number][];
+        selectedRows: Array<Data[number]>;
     }): any;
     /**
      * Slot for passing action dropdown items.
@@ -451,7 +451,7 @@ type TableSlotsShared<Header extends TableViewHeader, Data extends readonly Reco
     }) => any;
 };
 export interface TableViewProps<Header extends TableViewHeader = TableViewHeader, // column
-Data extends readonly Record<string, any>[] = readonly Record<string, any>[]> extends TablePropsShared<Header['key'], Data> {
+Data extends ReadonlyArray<Record<string, any>> = ReadonlyArray<Record<string, any>>> extends TablePropsShared<Header['key'], Data> {
     /**
      * Data to be rendered in the table.
      */
@@ -462,7 +462,7 @@ Data extends readonly Record<string, any>[] = readonly Record<string, any>[]> ex
     headers: readonly Header[];
 }
 export interface TableViewEmits<Header extends TableViewHeader, // column
-Data extends readonly Record<string, any>[]> extends TableEmitsShared<Header['key'], Data> {
+Data extends ReadonlyArray<Record<string, any>>> extends TableEmitsShared<Header['key'], Data> {
     /**
      * Emitted when the page has been changed.
      */
@@ -480,13 +480,13 @@ Data extends readonly Record<string, any>[]> extends TableEmitsShared<Header['ke
      */
     'get-previous-offset': [];
 }
-export type TableViewSlots<Header extends TableViewHeader, Data extends readonly Record<string, any>[]> = TableSlotsShared<Header, Data> & {
+export type TableViewSlots<Header extends TableViewHeader, Data extends ReadonlyArray<Record<string, any>>> = TableSlotsShared<Header, Data> & {
     /**
      * The toolbar is rendered directly above the table and is useful for providing table controls like search or filter fields.
      */
     toolbar?(): any;
 };
-export interface TableDataProps<Header extends TableDataHeader = TableDataHeader, Data extends readonly Record<string, any>[] = readonly Record<string, any>[], Offset extends string | number = string> extends TablePropsShared<Header['key'], Data> {
+export interface TableDataProps<Header extends TableDataHeader = TableDataHeader, Data extends ReadonlyArray<Record<string, any>> = ReadonlyArray<Record<string, any>>, Offset extends string | number = string> extends TablePropsShared<Header['key'], Data> {
     /**
      * Function that handles data fetching and pagination.
      */
@@ -530,13 +530,13 @@ export interface TableDataProps<Header extends TableDataHeader = TableDataHeader
     sortable?: boolean;
 }
 export interface TableDataEmits<Header extends TableViewHeader, // column
-Data extends readonly Record<string, any>[]> extends TableEmitsShared<Header['key'], Data> {
+Data extends ReadonlyArray<Record<string, any>>> extends TableEmitsShared<Header['key'], Data> {
     /**
      * Emitted when the table state changes.
      */
     state: [payload: TableStatePayload];
 }
-export type TableDataSlots<Header extends TableViewHeader, Data extends readonly Record<string, any>[]> = TableSlotsShared<Header, Data> & {
+export type TableDataSlots<Header extends TableViewHeader, Data extends ReadonlyArray<Record<string, any>>> = TableSlotsShared<Header, Data> & {
     /**
      * The toolbar is rendered directly above the table and is useful for providing table controls like search or filter fields.
      */

package/dist/types/types/tabs.d.ts

@@ -12,7 +12,7 @@ export interface TabsProps<H extends string = string> {
     /**
      * Array of tab objects.
      */
-    tabs: readonly Tab<H>[];
+    tabs: ReadonlyArray<Tab<H>>;
     /**
      * The hash of the currently active tab.
      * @default ''

package/dist/types/types/toaster.d.ts

@@ -20,9 +20,9 @@ export interface ToasterProps {
      * The toaster state.
      * @default []
      */
-    toasterState: (Toast & {
+    toasterState: Array<Toast & {
         key: string;
-    })[];
+    }>;
     /**
      * The z-index of the toaster.
      * @default 10000

package/dist/types/types/toggle.d.ts

@@ -0,0 +1,23 @@
+import type { Ref } from 'vue';
+export interface ToggleProps {
+    /**
+     * Whether the toggle is toggled on or off by default.
+     * @default false
+     */
+    toggled?: boolean;
+}
+export interface ToggleEmits {
+    /**
+     * Emitted when the toggle is changed.
+     */
+    toggled: [value: boolean];
+}
+export interface ToggleSlots {
+    /**
+     * Content to toggle.
+     */
+    default?(props: {
+        isToggled: Ref<boolean>;
+        toggle: () => void;
+    }): any;
+}

package/dist/types/utilities/codeBlockHelpers.d.ts

@@ -23,4 +23,4 @@ export declare function highlightMatchingChars(code: string, query: string, isRe
  * - "1-3,5,7-10" (a mix of ranges and individual numbers)
  */
 export declare const LINE_NUMBER_EXPRESSION_REGEX: RegExp;
-export declare function normalizeHighlightedLines(lines: string | (number | [number, number])[], maxLines: number): number[];
+export declare function normalizeHighlightedLines(lines: string | Array<number | [number, number]>, maxLines: number): number[];

package/dist/types/utilities/lineHighlighting.d.ts

@@ -1,2 +1,2 @@
 export declare const LINE_NUMBER_EXPRESSION_REGEX: RegExp;
-export declare function normalizeHighlightedLines(lines: string | (number | [number, number])[], maxLines: number): number[];
+export declare function normalizeHighlightedLines(lines: string | Array<number | [number, number]>, maxLines: number): number[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.35.4",
+  "version": "9.35.5-pr.2805.04dbddeb3.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -26,33 +26,6 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
-  "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: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",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cypress run --component -b chrome",
-    "test:open": "cypress open --component -b chrome",
-    "test:spec": "cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
-  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.6",
     "@kong/icons": "^1.31.0",
@@ -82,7 +55,7 @@
     "@evilmartians/lefthook": "^1.11.13",
     "@kong-ui-public/sandbox-layout": "^2.1.75",
     "@kong/design-tokens": "^1.17.4",
-    "@kong/eslint-config-kong-ui": "^1.3.0",
+    "@kong/eslint-config-kong-ui": "^1.4.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@stylistic/stylelint-plugin": "^3.1.2",
@@ -182,7 +155,6 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=9.11.0 || >=10.10.0"
   },
-  "packageManager": "pnpm@10.10.0",
   "volta": {
     "node": "22.14.0",
     "pnpm": "10.10.0"
@@ -196,5 +168,32 @@
       "jiraPrepend": "[",
       "jiraAppend": "]"
     }
+  },
+  "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: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",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cypress run --component -b chrome",
+    "test:open": "cypress open --component -b chrome",
+    "test:spec": "cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
   }
-}
+}

package/dist/types/components/KToggle/index.d.ts

@@ -1,18 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    toggled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | undefined) | (() => null), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggled"[], "toggled", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    toggled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onToggled?: ((...args: any[]) => any) | undefined;
-}>, {
-    toggled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;