@keenthemes/ktui 1.0.3

package/src/index.ts

@@ -0,0 +1,113 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ * @version: 1.0.0
+ */
+import KTDom from './helpers/dom';
+import KTUtils from './helpers/utils';
+import KTEventHandler from './helpers/event-handler';
+import { KTDropdown } from './components/dropdown';
+import { KTModal } from './components/modal';
+import { KTDrawer } from './components/drawer';
+import { KTCollapse } from './components/collapse';
+import { KTDismiss } from './components/dismiss';
+import { KTTabs } from './components/tabs';
+import { KTAccordion } from './components/accordion';
+import { KTScrollspy } from './components/scrollspy';
+import { KTScrollable } from './components/scrollable';
+import { KTScrollto } from './components/scrollto';
+import { KTSticky } from './components/sticky';
+import { KTReparent } from './components/reparent';
+import { KTToggle } from './components/toggle';
+import { KTTooltip } from './components/tooltip';
+import { KTStepper } from './components/stepper';
+import { KTThemeSwitch } from './components/theme-switch';
+import { KTImageInput } from './components/image-input';
+import { KTTogglePassword } from './components/toggle-password';
+import { KTDataTable } from './components/datatable';
+import { KTDatepicker } from './components/datepicker';
+import { KTSelect } from './components/select';
+
+export { KTDropdown } from './components/dropdown';
+export { KTModal } from './components/modal';
+export { KTDrawer } from './components/drawer';
+export { KTCollapse } from './components/collapse';
+export { KTDismiss } from './components/dismiss';
+export { KTTabs } from './components/tabs';
+export { KTAccordion } from './components/accordion';
+export { KTScrollspy } from './components/scrollspy';
+export { KTScrollable } from './components/scrollable';
+export { KTScrollto } from './components/scrollto';
+export { KTSticky } from './components/sticky';
+export { KTReparent } from './components/reparent';
+export { KTToggle } from './components/toggle';
+export { KTTooltip } from './components/tooltip';
+export { KTStepper } from './components/stepper';
+export { KTThemeSwitch } from './components/theme-switch';
+export { KTImageInput } from './components/image-input';
+export { KTTogglePassword } from './components/toggle-password';
+export { KTDataTable } from './components/datatable';
+export { KTDatepicker } from './components/datepicker';
+export { KTSelect } from './components/select';
+
+const KTComponents = {
+	init(): void {
+		KTDropdown.init();
+		KTModal.init();
+		KTDrawer.init();
+		KTCollapse.init();
+		KTDismiss.init();
+		KTTabs.init();
+		KTAccordion.init();
+		KTScrollspy.init();
+		KTScrollable.init();
+		KTScrollto.init();
+		KTSticky.init();
+		KTReparent.init();
+		KTToggle.init();
+		KTTooltip.init();
+		KTStepper.init();
+		KTThemeSwitch.init();
+		KTImageInput.init();
+		KTTogglePassword.init();
+		KTDataTable.init();
+		KTDatepicker.init();
+		KTSelect.init();
+	},
+};
+
+declare global {
+	interface Window {
+		KTUtils: typeof KTUtils;
+		KTDom: typeof KTDom;
+		KTEventHandler: typeof KTEventHandler;
+		KTDropdown: typeof KTDropdown;
+		KTModal: typeof KTModal;
+		KTDrawer: typeof KTDrawer;
+		KTCollapse: typeof KTCollapse;
+		KTDismiss: typeof KTDismiss;
+		KTTabs: typeof KTTabs;
+		KTAccordion: typeof KTAccordion;
+		KTScrollspy: typeof KTScrollspy;
+		KTScrollable: typeof KTScrollable;
+		KTScrollto: typeof KTScrollto;
+		KTSticky: typeof KTSticky;
+		KTReparent: typeof KTReparent;
+		KTToggle: typeof KTToggle;
+		KTTooltip: typeof KTTooltip;
+		KTStepper: typeof KTStepper;
+		KTThemeSwitch: typeof KTThemeSwitch;
+		KTImageInput: typeof KTImageInput;
+		KTTogglePassword: typeof KTTogglePassword;
+		KTDataTable: typeof KTDataTable;
+		KTDatepicker: typeof KTDatepicker;
+		KTSelect: typeof KTSelect;
+		KTComponents: typeof KTComponents;
+	}
+}
+
+export default KTComponents;
+
+KTDom.ready(() => {
+	KTComponents.init();
+});

package/src/types.ts

@@ -0,0 +1,23 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ * @version: 1.0.0
+ */
+export declare type KTCallableType = (
+	event?: Event,
+	target?: HTMLElement,
+) => void | boolean;
+
+export declare type KTViewPortType = {
+	width: number;
+	height: number;
+};
+
+export declare type KTOffsetType = {
+	top: number;
+	left: number;
+	right: number;
+	bottom: number;
+};
+
+export declare type KTOptionType = string | number | boolean | object;

package/styles.css

@@ -0,0 +1,48 @@
+/** Components **/
+@import './src/components/avatar/avatar.css';
+@import './src/components/accordion/accordion.css';
+@import './src/components/accordion/accordion-menu.css';
+@import './src/components/alert/alert.css';
+@import './src/components/form/form.css';
+@import './src/components/badge/badge.css';
+@import './src/components/link/link.css';
+@import './src/components/btn/btn.css';
+@import './src/components/label/label.css';
+@import './src/components/card/card.css';
+@import './src/components/checkbox/checkbox.css';
+@import './src/components/collapse/collapse.css';
+@import './src/components/datatable/datatable.css';
+@import './src/components/datepicker/datepicker.css';
+@import './src/components/dismiss/dismiss.css';
+@import './src/components/drawer/drawer.css';
+@import './src/components/dropdown/dropdown.css';
+@import './src/components/dropdown/dropdown-menu.css';
+@import './src/components/image-input/image-input.css';
+@import './src/components/input/input.css';
+@import './src/components/input/input-group.css';
+@import './src/components/modal/modal.css';
+@import './src/components/radio/radio.css';
+@import './src/components/scrollable/scrollable.css';
+@import './src/components/scrollspy/scrollspy.css';
+@import './src/components/select/select.css';
+@import './src/components/stepper/stepper.css';
+@import './src/components/sticky/sticky.css';
+@import './src/components/switch/switch.css';
+@import './src/components/tabs/tabs.css';
+@import './src/components/textarea/textarea.css';
+@import './src/components/theme-switch/theme-switch.css';
+@import './src/components/toggle/toggle.css';
+@import './src/components/toggle-password/toggle-password.css';
+@import './src/components/tooltip/tooltip.css';
+@import './src/components/popover/popover.css';
+@import './src/components/table/table.css';
+@import './src/components/toggle-group/toggle-group.css';
+@import './src/components/separator/separator.css';
+@import './src/components/progress/progress.css';
+@import './src/components/pagination/pagination.css';
+@import './src/components/skeleton/skeleton.css';
+@import './src/components/kbd/kbd.css';
+@import './src/components/breadcrumb/breadcrumb.css';
+
+/** Dark Mode Variant **/
+@custom-variant dark (&:is(.dark *));

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+	"compilerOptions": {
+		"lib": ["dom", "es2015"],
+		"rootDir": "./src",
+		"outDir": "./dist/",
+		"sourceMap": true,
+		"declaration": false,
+		"noImplicitAny": true,
+		"module": "commonjs",
+		"target": "es5",
+		"allowJs": true,
+		"resolveJsonModule": true,
+		"moduleResolution": "node"
+	},
+	"include": ["src/components"],
+	"exclude": ["node_modules", "dist"]
+}

package/webpack.config.js

@@ -0,0 +1,113 @@
+const path = require('path');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+
+module.exports = (env) => {
+	const baseConfig = {
+		mode: env.production ? 'production' : 'development',
+		watch: env.production ? false : true,
+		entry: {
+			ktui: './src/index.ts',
+			// '../index': './src/index.ts',
+
+			// 'ktui.data': './src/helpers/data.ts',
+			// 'ktui.dom': './src/helpers/dom.ts',
+			// 'ktui.event-handler': './src/helpers/event-handler.ts',
+			// 'ktui.utils': './src/helpers/utils.ts',
+
+			// 'ktui.accordion': './src/components/accordion/index.ts',
+			// 'ktui.collapse': './src/components/collapse/index.ts',
+			// 'ktui.datatable': './src/components/datatable/index.ts',
+			// 'ktui.dismiss': './src/components/dismiss/index.ts',
+			// 'ktui.drawer': './src/components/drawer/index.ts',
+			// 'ktui.dropdown': './src/components/dropdown/index.ts',
+			// 'ktui.image-input': './src/components/image-input/index.ts',
+			// 'ktui.menu': './src/components/menu/index.ts',
+			// 'ktui.modal': './src/components/modal/index.ts',
+			// 'ktui.reparent': './src/components/reparent/index.ts',
+			// 'ktui.scrollable': './src/components/scrollable/index.ts',
+			// 'ktui.scrollspy': './src/components/scrollspy/index.ts',
+			// 'ktui.scrollto': './src/components/scrollto/index.ts',
+			// 'ktui.stepper': './src/components/stepper/index.ts',
+			// 'ktui.sticky': './src/components/sticky/index.ts',
+			// 'ktui.tabs': './src/components/tabs/index.ts',
+			// 'ktui.theme': './src/components/theme/index.ts',
+			// 'ktui.toggle': './src/components/toggle/index.ts',
+			// 'ktui.toggle-password': './src/components/toggle-password/index.ts',
+			// 'ktui.tooltip': './src/components/tooltip/index.ts',
+		},
+		module: {
+			rules: [
+				{
+					test: /\.js$/,
+					enforce: 'pre',
+					use: ['source-map-loader'],
+				},
+				{
+					test: /\.js$/,
+					exclude: /node_modules/,
+					use: {
+						loader: 'babel-loader',
+						options: {
+							presets: ['@babel/preset-env'],
+						},
+					},
+				},
+				{
+					test: /\.ts$/,
+					use: [{ loader: 'ts-loader' }],
+				},
+			],
+		},
+		resolve: {
+			extensions: ['.tsx', '.ts', '.js', '.jsx'],
+		},
+		plugins: [],
+		target: ['web', 'es5'],
+		optimization: {
+			minimize: env.production,
+			minimizer: [
+				new TerserPlugin({
+					terserOptions: {
+						format: {
+							comments: false,
+						},
+					},
+					extractComments: false,
+				}),
+			],
+		},
+	};
+
+	const normalConfig = {
+		...baseConfig,
+		output: {
+			path: path.resolve(__dirname, 'dist'),
+			filename: '[name].js',
+			library: { type: 'umd' },
+		},
+		devtool: false, // Disable sourcemaps for normal JS files
+		optimization: {
+			...baseConfig.optimization,
+			minimize: false, // Disable minimization for normal JS files
+		},
+		plugins: [...baseConfig.plugins, new CleanWebpackPlugin()],
+	};
+
+	const minifiedConfig = {
+		...baseConfig,
+		output: {
+			path: path.resolve(__dirname, 'dist'),
+			filename: '[name].min.js',
+			sourceMapFilename: '[name].min.js.map',
+			library: { type: 'umd' },
+		},
+		devtool: 'source-map', // Enable sourcemaps for minified JS files
+		optimization: {
+			...baseConfig.optimization,
+			minimize: true, // Enable minimization for minified JS files
+		},
+	};
+
+	return [normalConfig, minifiedConfig];
+};