@keenthemes/ktui 1.0.7 → 1.0.9

package/src/components/accordion/index.ts

@@ -1,7 +1,7 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export { KTAccordion } from './accordion';
 export type { KTAccordionConfigInterface, KTAccordionInterface } from './types';

package/src/components/accordion/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export interface KTAccordionConfigInterface {
 	hiddenClass: string;
 	activeClass: string;

package/src/components/alert/alert.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	/* Base Alert Container */
 	.kt-alert {

package/src/components/avatar/avatar.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-avatar {
 		@apply relative flex shrink-0 size-10;

package/src/components/badge/badge.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	/* Base */
 	.kt-badge {

package/src/components/breadcrumb/breadcrumb.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-breadcrumb {
 		@apply flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground;

package/src/components/btn/btn.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	/* Base btn Styles */
 	.kt-btn {

package/src/components/card/card.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	/* Base Card Styles */
 	.kt-card {

package/src/components/checkbox/checkbox.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 /* Base Styles */
 @layer components {
 	.kt-checkbox {

package/src/components/collapse/collapse.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @custom-variant kt-collapse-active {
 	[data-kt-collapse-initialized].active & {
 		@slot;

package/src/components/collapse/collapse.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 /* eslint-disable max-len */
 /* eslint-disable require-jsdoc */
 

package/src/components/collapse/index.ts

@@ -1,7 +1,7 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export { KTCollapse } from './collapse';
 export type { KTCollapseConfigInterface, KTCollapseInterface } from './types';

package/src/components/collapse/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export interface KTCollapseConfigInterface {
 	hiddenClass: string;
 	activeClass: string;

package/src/components/component.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 /* eslint-disable guard-for-in */
 /* eslint-disable max-len */
 /* eslint-disable require-jsdoc */

package/src/components/constants.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export const KT_ACCESSIBILITY_KEYS = [
 	'ArrowUp',
 	'ArrowLeft',

package/src/components/datatable/datatable-checkbox.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 // Checkbox logic for KTDataTable
 
 import {

package/src/components/datatable/datatable-sort.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 // Sorting logic for KTDataTable
 
 import {

package/src/components/datatable/datatable.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-datatable-toolbar {
 		@apply py-3 px-4 flex justify-center sm:justify-between flex-col sm:flex-row gap-3 text-muted-foreground text-sm font-medium border-t border-border;

package/src/components/datatable/datatable.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import KTComponent from '../component';
 import {
 	KTDataTableDataInterface,
@@ -788,7 +788,9 @@ export class KTDataTable<T extends KTDataTableDataInterface>
 			requestBody = queryParams;
 		} else if (requestMethod === 'GET') {
 			// If the request method is GET, append the query params to the API endpoint
-			const apiEndpointWithQueryParams = new URL(this._config.apiEndpoint);
+			const apiEndpointWithQueryParams = this._createUrl(
+				this._config.apiEndpoint,
+			);
 			apiEndpointWithQueryParams.search = queryParams.toString();
 			this._config.apiEndpoint = apiEndpointWithQueryParams.toString();
 		}
@@ -807,6 +809,40 @@ export class KTDataTable<T extends KTDataTableDataInterface>
 		});
 	}
 
+	/**
+	 * Creates a complete URL from a relative path or a full URL.
+	 *
+	 * This method accepts a string that can be either a relative path or a full URL.
+	 * If the string is a complete URL (i.e., it contains a valid protocol), a URL
+	 * object based on that string is returned. Otherwise, it ensures the path starts
+	 * with a "/" and combines it with the provided base URL (or the current window's origin)
+	 * to form a complete URL.
+	 *
+	 * @param {string} pathOrUrl - The path or URL to process.
+	 * @param {string | null} [baseUrl=window.location.origin] - The base URL for resolving the relative path.
+	 *                                                           Defaults to the current window's origin.
+	 * @returns {URL} The resulting URL object.
+	 */
+
+	private _createUrl(
+		pathOrUrl: string,
+		baseUrl: string | null = window.location.origin,
+	) : URL {
+		// Regular expression to check if the input is a full URL
+		const isFullUrl = /^[a-zA-Z][a-zA-Z\d+\-.]*:\/\//.test(pathOrUrl);
+
+		if (isFullUrl) {
+			return new URL(pathOrUrl); // Return full URL as URL object
+		}
+
+		// Ensure path starts with a slash to avoid incorrect concatenation
+		const normalizedPath = pathOrUrl.startsWith('/')
+			? pathOrUrl
+			: `/${pathOrUrl}`;
+
+		return new URL(normalizedPath, baseUrl);
+	}
+
 	/**
 	 * Update the table and pagination controls with new data
 	 * @returns {Promise<void>} A promise that resolves when the table and pagination controls are updated

package/src/components/datatable/index.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export { KTDataTable } from './datatable';
 export type {
 	KTDataTableSortOrderInterface,

package/src/components/datatable/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 // Define the sort order and filter criteria types
 export type KTDataTableSortOrderInterface = 'asc' | 'desc' | '';
 

package/src/components/datepicker/calendar.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import { KTDatepickerStateManager } from './config';
 import {
 	calendarGridTemplate,

package/src/components/datepicker/config.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import { DefaultLocales } from './locales';
 import {
 	KTDatepickerConfigInterface,

package/src/components/datepicker/datepicker.css

@@ -1,7 +1,7 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 }

package/src/components/datepicker/datepicker.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import KTComponent from '../component';
 import { KTDatepickerCalendar } from './calendar';
 import { KTDatepickerStateManager } from './config';

package/src/components/datepicker/dropdown.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import {
 	Instance as PopperInstance,
 	createPopper,

package/src/components/datepicker/events.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 /**
  * Event names used by the datepicker component
  */

package/src/components/datepicker/index.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import { KTDatepicker } from './datepicker';
 import * as DatepickerTypes from './types';
 

package/src/components/datepicker/keyboard.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import { KTDatepickerStateManager } from './config';
 import { KTDatepickerEventManager, KTDatepickerEventName } from './events';
 

package/src/components/datepicker/locales.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import { LocaleConfigInterface } from './types';
 
 /**

package/src/components/datepicker/templates.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import { LocaleConfigInterface } from './types';
 
 /**

package/src/components/datepicker/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 /**
  * Interface for locale configuration
  */

package/src/components/datepicker/utils.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import { KTDatepickerConfigInterface, LocaleConfigInterface } from './types';
 
 /**

package/src/components/dismiss/dismiss.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @custom-variant kt-dismiss {
 	&[data-kt-dismiss-initialized] {
 		@slot;

package/src/components/dismiss/dismiss.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import KTData from '../../helpers/data';
 import KTDom from '../../helpers/dom';
 import KTComponent from '../component';

package/src/components/dismiss/index.ts

@@ -1,7 +1,7 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export { KTDismiss } from './dismiss';
 export type { KTDismissConfigInterface, KTDismissInterface } from './types';

package/src/components/dismiss/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export declare type KTDismissModeType = 'remove' | 'hide';
 
 export interface KTDismissConfigInterface {

package/src/components/drawer/drawer.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-drawer {
 		@apply flex-col shadow-lg bg-popover text-popover-foreground outline-none fixed z-10 transition duration-300 ease-in-out inset-0;

package/src/components/drawer/drawer.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import KTData from '../../helpers/data';
 import KTDom from '../../helpers/dom';
 import KTUtils from '../../helpers/utils';

package/src/components/drawer/index.ts

@@ -1,7 +1,7 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export { KTDrawer } from './drawer';
 export type { KTDrawerConfigInterface, KTDrawerInterface } from './types';

package/src/components/drawer/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export interface KTDrawerConfigInterface {
 	enable?: boolean;
 	class: string;

package/src/components/dropdown/dropdown-menu.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-dropdown-menu {
 		@apply p-2 space-y-1 rounded-md shadow-md shadow-[rgba(0,0,0,0.05)] border border-border bg-popover text-popover-foreground;

package/src/components/dropdown/dropdown.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-dropdown {
 		@apply rounded-md shadow-md shadow-[rgba(0,0,0,0.05)] border border-border bg-popover text-popover-foreground;

package/src/components/dropdown/dropdown.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import {
 	Instance as PopperInstance,
 	createPopper,

package/src/components/dropdown/index.ts

@@ -1,7 +1,7 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export { KTDropdown } from './dropdown';
 export type { KTDropdownConfigInterface, KTDropdownInterface } from './types';

package/src/components/dropdown/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export declare type KTDropdownTriggerType = 'hover' | 'click';
 
 export interface KTDropdownConfigInterface {

package/src/components/form/form.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-form {
 		@apply space-y-6;

package/src/components/image-input/image-input.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	.kt-image-input {
 		@apply relative inline-flex items-center justify-center size-20 cursor-pointer;

package/src/components/image-input/image-input.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 import KTData from '../../helpers/data';
 import KTEventHandler from '../../helpers/event-handler';
 import KTComponent from '../component';

package/src/components/image-input/index.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export { KTImageInput } from './image-input';
 export type {
 	KTImageInputConfigInterface,

package/src/components/image-input/types.ts

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 export interface KTImageInputConfigInterface {
 	hiddenClass: string;
 }

package/src/components/input/input-group.css

@@ -1,16 +1,15 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 @layer components {
 	/* Base input group styles */
 	.kt-input-group {
-		display: flex;
-		align-items: stretch;
-
+		@apply flex items-stretch relative;
+		
 		.kt-input {
-			flex-grow: 1;
+			@apply grow z-1;
 		}
 
 		.kt-input-addon:has(+ .kt-input) {
@@ -29,6 +28,10 @@
 			@apply rounded-s-none!;
 		}
 
+		.kt-input + .kt-btn.kt-btn-outline {
+			@apply border-s-0!;
+		}
+
 		.kt-btn + .kt-input,
 		.kt-input-addon + .kt-input {
 			@apply rounded-s-none!;

package/src/components/input/input.css

@@ -1,8 +1,8 @@
 /**
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
- * @version: 1.0.0
  */
+
 /* Base Styles */
 @layer components {
 	/* Base */