@keenthemes/ktui 1.1.6 → 1.2.1

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -9,6 +9,7 @@
       "Courier New", monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-red-800: oklch(44.4% 0.177 26.899);
@@ -358,6 +359,9 @@
   .mx-auto {
     margin-inline: auto;
   }
+  .-ms-5 {
+    margin-inline-start: calc(var(--spacing) * -5);
+  }
   .ms-auto {
     margin-inline-start: auto;
   }
@@ -572,6 +576,9 @@
   .animate-spin {
     animation: var(--animate-spin);
   }
+  .cursor-pointer {
+    cursor: pointer;
+  }
   .resize {
     resize: both;
   }
@@ -584,12 +591,18 @@
   .list-disc {
     list-style-type: disc;
   }
+  .appearance-none {
+    appearance: none;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
   .flex-col {
     flex-direction: column;
   }
+  .flex-row-reverse {
+    flex-direction: row-reverse;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -608,6 +621,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -724,6 +740,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -769,6 +789,9 @@
   .border-primary {
     border-color: var(--primary);
   }
+  .bg-background {
+    background-color: var(--background);
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -802,6 +825,9 @@
   .bg-pink-500 {
     background-color: var(--color-pink-500);
   }
+  .bg-primary {
+    background-color: var(--primary);
+  }
   .bg-purple-500 {
     background-color: var(--color-purple-500);
   }
@@ -814,6 +840,9 @@
   .bg-red-600 {
     background-color: var(--color-red-600);
   }
+  .bg-transparent {
+    background-color: transparent;
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -952,6 +981,9 @@
   .text-blue-600 {
     color: var(--color-blue-600);
   }
+  .text-card {
+    color: var(--card);
+  }
   .text-foreground {
     color: var(--foreground);
   }
@@ -985,12 +1017,24 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
+  .text-muted-foreground\/50 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+    }
+  }
   .text-primary {
     color: var(--primary);
   }
+  .text-primary-foreground {
+    color: var(--primary-foreground);
+  }
   .text-purple-600 {
     color: var(--color-purple-600);
   }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
   .text-red-600 {
     color: var(--color-red-600);
   }
@@ -1000,9 +1044,15 @@
   .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
+  .text-transparent {
+    color: transparent;
+  }
   .text-white {
     color: var(--color-white);
   }
+  .text-yellow-400 {
+    color: var(--color-yellow-400);
+  }
   .antialiased {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -1068,6 +1118,11 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .checked\:bg-none {
+    &:checked {
+      background-image: none;
+    }
+  }
   .hover\:bg-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -1138,6 +1193,17 @@
       }
     }
   }
+  .focus\:bg-none {
+    &:focus {
+      background-image: none;
+    }
+  }
+  .focus\:ring-0 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -1159,6 +1225,12 @@
       --tw-ring-color: var(--color-gray-400);
     }
   }
+  .focus\:ring-offset-0 {
+    &:focus {
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
@@ -1200,6 +1272,11 @@
       border-color: var(--color-gray-700);
     }
   }
+  .dark\:bg-background {
+    &:is(.dark *) {
+      background-color: var(--background);
+    }
+  }
   .dark\:bg-blue-500 {
     &:is(.dark *) {
       background-color: var(--color-blue-500);
@@ -1220,11 +1297,29 @@
       color: var(--color-gray-200);
     }
   }
+  .dark\:text-muted-foreground\/50 {
+    &:is(.dark *) {
+      color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+      }
+    }
+  }
+  .dark\:text-red-500 {
+    &:is(.dark *) {
+      color: var(--color-red-500);
+    }
+  }
   .dark\:text-white {
     &:is(.dark *) {
       color: var(--color-white);
     }
   }
+  .dark\:text-yellow-600 {
+    &:is(.dark *) {
+      color: var(--color-yellow-600);
+    }
+  }
   .dark\:shadow-gray-900\/50 {
     &:is(.dark *) {
       --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
@@ -4247,17 +4342,17 @@
     position: relative;
     display: flex;
     align-items: stretch;
-    .kt-input {
+    .kt-input,	.kt-select,	[data-kt-select-wrapper] {
       z-index: 1;
       flex-grow: 1;
     }
-    .kt-input-addon:has(+ .kt-input) {
+    .kt-input-addon:has(+ .kt-input),	.kt-input-addon:has(+ .kt-select),	.kt-input-addon:has(+ select[data-kt-select]) {
       border-start-end-radius: 0 !important;
       border-end-end-radius: 0 !important;
       border-inline-end-style: var(--tw-border-style) !important;
       border-inline-end-width: 0px !important;
     }
-    .kt-input + .kt-input-addon {
+    .kt-input + .kt-input-addon,	.kt-select + .kt-input-addon,	[data-kt-select-wrapper] + .kt-input-addon {
       border-start-start-radius: 0 !important;
       border-end-start-radius: 0 !important;
       border-inline-start-style: var(--tw-border-style) !important;
@@ -4275,11 +4370,11 @@
       border-inline-start-style: var(--tw-border-style) !important;
       border-inline-start-width: 0px !important;
     }
-    .kt-btn + .kt-input,	.kt-input-addon + .kt-input {
+    .kt-btn + .kt-input,	.kt-input-addon + .kt-input,	.kt-input-addon + .kt-select,	select[data-kt-select] + [data-kt-select-wrapper] .kt-select {
       border-start-start-radius: 0 !important;
       border-end-start-radius: 0 !important;
     }
-    .kt-input:has(+ .kt-btn),	.kt-input:has(+ .kt-input-addon) {
+    .kt-input:has(+ .kt-btn),	.kt-input:has(+ .kt-input-addon),	.kt-select:has(+ .kt-input-addon),	[data-kt-select-wrapper]:has(+ .kt-input-addon) .kt-select {
       border-start-end-radius: 0 !important;
       border-end-end-radius: 0 !important;
     }
@@ -6012,6 +6107,13 @@
     }
   }
 }
+.kt-rating {
+  display: flex;
+  align-items: center;
+}
+.kt-rating-label {
+  pointer-events: auto;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/lib/cjs/components/accordion/accordion.d.ts

@@ -0,0 +1,32 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import KTComponent from '../component';
+import { KTAccordionInterface, KTAccordionConfigInterface } from './types';
+declare global {
+    interface Window {
+        KT_ACCORDION_INITIALIZED: boolean;
+        KTAccordion: typeof KTAccordion;
+    }
+}
+export declare class KTAccordion extends KTComponent implements KTAccordionInterface {
+    protected _name: string;
+    protected _defaultConfig: KTAccordionConfigInterface;
+    protected _config: KTAccordionConfigInterface;
+    protected _accordionElements: NodeListOf<HTMLElement>;
+    constructor(element: HTMLElement, config?: KTAccordionConfigInterface);
+    protected _handlers(): void;
+    protected _toggle(accordionElement: HTMLElement): void;
+    protected _show(accordionElement: HTMLElement): void;
+    protected _hide(accordionElement: HTMLElement): void;
+    protected _hideSiblings(accordionElement: HTMLElement): void;
+    show(accordionElement: HTMLElement): void;
+    hide(accordionElement: HTMLElement): void;
+    toggle(accordionElement: HTMLElement): void;
+    static getInstance(element: HTMLElement): KTAccordion;
+    static getOrCreateInstance(element: HTMLElement, config?: KTAccordionConfigInterface): KTAccordion;
+    static createInstances(): void;
+    static init(): void;
+}
+//# sourceMappingURL=accordion.d.ts.map

package/lib/cjs/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE3E,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,wBAAwB,EAAE,OAAO,CAAC;QAClC,WAAW,EAAE,OAAO,WAAW,CAAC;KAChC;CACD;AAED,qBAAa,WAAY,SAAQ,WAAY,YAAW,oBAAoB;IAC3E,UAAmB,KAAK,EAAE,MAAM,CAAe;IAC/C,UAAmB,cAAc,EAAE,0BAA0B,CAI3D;IACF,UAAmB,OAAO,EAAE,0BAA0B,CAAuB;IAC7E,SAAS,CAAC,kBAAkB,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;gBAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,0BAA0B;IAUrE,SAAS,CAAC,SAAS,IAAI,IAAI;IAgB3B,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;IAetD,SAAS,CAAC,KAAK,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;IAiDpD,SAAS,CAAC,KAAK,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;IA8CpD,SAAS,CAAC,aAAa,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;IAQrD,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;IAIzC,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;IAIzC,MAAM,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;WAIpC,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW;WAc9C,mBAAmB,CAChC,OAAO,EAAE,WAAW,EACpB,MAAM,CAAC,EAAE,0BAA0B,GACjC,WAAW;WAIA,eAAe,IAAI,IAAI;WAQvB,IAAI,IAAI,IAAI;CAG1B"}

package/lib/cjs/components/accordion/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+export { KTAccordion } from './accordion';
+export type { KTAccordionConfigInterface, KTAccordionInterface } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/lib/cjs/components/accordion/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+export interface KTAccordionConfigInterface {
+    hiddenClass: string;
+    activeClass: string;
+    expandAll: boolean;
+}
+export interface KTAccordionInterface {
+    show(accordionElement: HTMLElement): void;
+    hide(accordionElement: HTMLElement): void;
+    toggle(accordionElement: HTMLElement): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/cjs/components/accordion/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,0BAA0B;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACpC,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1C,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1C,MAAM,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5C"}

package/lib/cjs/components/clipboard/clipboard.d.ts

@@ -0,0 +1,37 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import KTComponent from '../component';
+import { KTClipboardConfigInterface, KTClipboardInterface } from './types';
+declare global {
+    interface Window {
+        KTClipboard: typeof KTClipboard;
+    }
+}
+export declare class KTClipboard extends KTComponent implements KTClipboardInterface {
+    protected _name: string;
+    protected _defaultConfig: KTClipboardConfigInterface;
+    protected _config: KTClipboardConfigInterface;
+    private _activateHandler;
+    constructor(element: HTMLElement, config?: KTClipboardConfigInterface | null);
+    private _getSuccessEventName;
+    private _getErrorEventName;
+    private _getAction;
+    private _getTrimmedString;
+    private _getPredefinedText;
+    private _getTargetSelector;
+    private _getCopiedClass;
+    private _setCopiedClass;
+    private _isInputLike;
+    private _readTargetValue;
+    private _execCommandCopy;
+    private _writeText;
+    private _handleActivate;
+    dispose(): void;
+    static getInstance(element: HTMLElement): KTClipboard | null;
+    static getOrCreateInstance(element: HTMLElement, config?: KTClipboardConfigInterface): KTClipboard;
+    static createInstances(): void;
+    static init(): void;
+}
+//# sourceMappingURL=clipboard.d.ts.map

package/lib/cjs/components/clipboard/clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../../../src/components/clipboard/clipboard.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,WAAW,MAAM,cAAc,CAAC;AAGvC,OAAO,EAEN,0BAA0B,EAC1B,oBAAoB,EACpB,MAAM,SAAS,CAAC;AASjB,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,WAAW,EAAE,OAAO,WAAW,CAAC;KAChC;CACD;AAED,qBAAa,WAAY,SAAQ,WAAY,YAAW,oBAAoB;IAC3E,UAAmB,KAAK,EAAE,MAAM,CAAe;IAE/C,UAAmB,cAAc,EAAE,0BAA0B,CAO3D;IAEF,UAAmB,OAAO,EAAE,0BAA0B,CACP;IAE/C,OAAO,CAAC,gBAAgB,CAAyC;gBAGhE,OAAO,EAAE,WAAW,EACpB,MAAM,GAAE,0BAA0B,GAAG,IAAW;IAkBjD,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,gBAAgB;YA0BV,UAAU;YAsBV,eAAe;IA4Mb,OAAO,IAAI,IAAI;WAQjB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI;WAQrD,mBAAmB,CAChC,OAAO,EAAE,WAAW,EACpB,MAAM,CAAC,EAAE,0BAA0B,GACjC,WAAW;WAMA,eAAe,IAAI,IAAI;WAMvB,IAAI,IAAI,IAAI;CAG1B"}