@kopexa/theme 1.4.4 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,17 @@
1
+ // src/components/alert-dialog.ts
2
+ import { tv } from "tailwind-variants";
3
+ var alertDialog = tv({
4
+ slots: {
5
+ overlay: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
6
+ content: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
7
+ header: "flex flex-col gap-2 text-center sm:text-left",
8
+ footer: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
9
+ title: "text-lg font-semibold",
10
+ description: "text-muted-foreground text-sm",
11
+ action: ""
12
+ }
13
+ });
14
+
15
+ export {
16
+ alertDialog
17
+ };
@@ -0,0 +1,68 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+
4
+ declare const alertDialog: tailwind_variants.TVReturnType<{
5
+ [key: string]: {
6
+ [key: string]: tailwind_variants.ClassValue | {
7
+ overlay?: tailwind_variants.ClassValue;
8
+ content?: tailwind_variants.ClassValue;
9
+ header?: tailwind_variants.ClassValue;
10
+ footer?: tailwind_variants.ClassValue;
11
+ title?: tailwind_variants.ClassValue;
12
+ description?: tailwind_variants.ClassValue;
13
+ action?: tailwind_variants.ClassValue;
14
+ };
15
+ };
16
+ } | {
17
+ [x: string]: {
18
+ [x: string]: tailwind_variants.ClassValue | {
19
+ overlay?: tailwind_variants.ClassValue;
20
+ content?: tailwind_variants.ClassValue;
21
+ header?: tailwind_variants.ClassValue;
22
+ footer?: tailwind_variants.ClassValue;
23
+ title?: tailwind_variants.ClassValue;
24
+ description?: tailwind_variants.ClassValue;
25
+ action?: tailwind_variants.ClassValue;
26
+ };
27
+ };
28
+ } | {}, {
29
+ overlay: string;
30
+ content: string;
31
+ header: string;
32
+ footer: string;
33
+ title: string;
34
+ description: string;
35
+ action: string;
36
+ }, undefined, {
37
+ [key: string]: {
38
+ [key: string]: tailwind_variants.ClassValue | {
39
+ overlay?: tailwind_variants.ClassValue;
40
+ content?: tailwind_variants.ClassValue;
41
+ header?: tailwind_variants.ClassValue;
42
+ footer?: tailwind_variants.ClassValue;
43
+ title?: tailwind_variants.ClassValue;
44
+ description?: tailwind_variants.ClassValue;
45
+ action?: tailwind_variants.ClassValue;
46
+ };
47
+ };
48
+ } | {}, {
49
+ overlay: string;
50
+ content: string;
51
+ header: string;
52
+ footer: string;
53
+ title: string;
54
+ description: string;
55
+ action: string;
56
+ }, tailwind_variants.TVReturnType<unknown, {
57
+ overlay: string;
58
+ content: string;
59
+ header: string;
60
+ footer: string;
61
+ title: string;
62
+ description: string;
63
+ action: string;
64
+ }, undefined, unknown, unknown, undefined>>;
65
+ type AlertDialogVariants = VariantProps<typeof alertDialog>;
66
+ type AlertDialogSlots = keyof ReturnType<typeof alertDialog>;
67
+
68
+ export { type AlertDialogSlots, type AlertDialogVariants, alertDialog };
@@ -0,0 +1,68 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+
4
+ declare const alertDialog: tailwind_variants.TVReturnType<{
5
+ [key: string]: {
6
+ [key: string]: tailwind_variants.ClassValue | {
7
+ overlay?: tailwind_variants.ClassValue;
8
+ content?: tailwind_variants.ClassValue;
9
+ header?: tailwind_variants.ClassValue;
10
+ footer?: tailwind_variants.ClassValue;
11
+ title?: tailwind_variants.ClassValue;
12
+ description?: tailwind_variants.ClassValue;
13
+ action?: tailwind_variants.ClassValue;
14
+ };
15
+ };
16
+ } | {
17
+ [x: string]: {
18
+ [x: string]: tailwind_variants.ClassValue | {
19
+ overlay?: tailwind_variants.ClassValue;
20
+ content?: tailwind_variants.ClassValue;
21
+ header?: tailwind_variants.ClassValue;
22
+ footer?: tailwind_variants.ClassValue;
23
+ title?: tailwind_variants.ClassValue;
24
+ description?: tailwind_variants.ClassValue;
25
+ action?: tailwind_variants.ClassValue;
26
+ };
27
+ };
28
+ } | {}, {
29
+ overlay: string;
30
+ content: string;
31
+ header: string;
32
+ footer: string;
33
+ title: string;
34
+ description: string;
35
+ action: string;
36
+ }, undefined, {
37
+ [key: string]: {
38
+ [key: string]: tailwind_variants.ClassValue | {
39
+ overlay?: tailwind_variants.ClassValue;
40
+ content?: tailwind_variants.ClassValue;
41
+ header?: tailwind_variants.ClassValue;
42
+ footer?: tailwind_variants.ClassValue;
43
+ title?: tailwind_variants.ClassValue;
44
+ description?: tailwind_variants.ClassValue;
45
+ action?: tailwind_variants.ClassValue;
46
+ };
47
+ };
48
+ } | {}, {
49
+ overlay: string;
50
+ content: string;
51
+ header: string;
52
+ footer: string;
53
+ title: string;
54
+ description: string;
55
+ action: string;
56
+ }, tailwind_variants.TVReturnType<unknown, {
57
+ overlay: string;
58
+ content: string;
59
+ header: string;
60
+ footer: string;
61
+ title: string;
62
+ description: string;
63
+ action: string;
64
+ }, undefined, unknown, unknown, undefined>>;
65
+ type AlertDialogVariants = VariantProps<typeof alertDialog>;
66
+ type AlertDialogSlots = keyof ReturnType<typeof alertDialog>;
67
+
68
+ export { type AlertDialogSlots, type AlertDialogVariants, alertDialog };
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/components/alert-dialog.ts
21
+ var alert_dialog_exports = {};
22
+ __export(alert_dialog_exports, {
23
+ alertDialog: () => alertDialog
24
+ });
25
+ module.exports = __toCommonJS(alert_dialog_exports);
26
+ var import_tailwind_variants = require("tailwind-variants");
27
+ var alertDialog = (0, import_tailwind_variants.tv)({
28
+ slots: {
29
+ overlay: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
30
+ content: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
31
+ header: "flex flex-col gap-2 text-center sm:text-left",
32
+ footer: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
33
+ title: "text-lg font-semibold",
34
+ description: "text-muted-foreground text-sm",
35
+ action: ""
36
+ }
37
+ });
38
+ // Annotate the CommonJS export names for ESM import in node:
39
+ 0 && (module.exports = {
40
+ alertDialog
41
+ });
@@ -0,0 +1,6 @@
1
+ import {
2
+ alertDialog
3
+ } from "../chunk-CPEP2RO4.mjs";
4
+ export {
5
+ alertDialog
6
+ };
@@ -4,6 +4,9 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const command: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
+ header?: tailwind_variants.ClassValue;
8
+ title?: tailwind_variants.ClassValue;
9
+ description?: tailwind_variants.ClassValue;
7
10
  root?: tailwind_variants.ClassValue;
8
11
  inputWrapper?: tailwind_variants.ClassValue;
9
12
  inputIcon?: tailwind_variants.ClassValue;
@@ -14,14 +17,14 @@ declare const command: tailwind_variants.TVReturnType<{
14
17
  separator?: tailwind_variants.ClassValue;
15
18
  item?: tailwind_variants.ClassValue;
16
19
  shortcut?: tailwind_variants.ClassValue;
17
- header?: tailwind_variants.ClassValue;
18
- title?: tailwind_variants.ClassValue;
19
- description?: tailwind_variants.ClassValue;
20
20
  };
21
21
  };
22
22
  } | {
23
23
  [x: string]: {
24
24
  [x: string]: tailwind_variants.ClassValue | {
25
+ header?: tailwind_variants.ClassValue;
26
+ title?: tailwind_variants.ClassValue;
27
+ description?: tailwind_variants.ClassValue;
25
28
  root?: tailwind_variants.ClassValue;
26
29
  inputWrapper?: tailwind_variants.ClassValue;
27
30
  inputIcon?: tailwind_variants.ClassValue;
@@ -32,9 +35,6 @@ declare const command: tailwind_variants.TVReturnType<{
32
35
  separator?: tailwind_variants.ClassValue;
33
36
  item?: tailwind_variants.ClassValue;
34
37
  shortcut?: tailwind_variants.ClassValue;
35
- header?: tailwind_variants.ClassValue;
36
- title?: tailwind_variants.ClassValue;
37
- description?: tailwind_variants.ClassValue;
38
38
  };
39
39
  };
40
40
  } | {}, {
@@ -54,6 +54,9 @@ declare const command: tailwind_variants.TVReturnType<{
54
54
  }, undefined, {
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
+ header?: tailwind_variants.ClassValue;
58
+ title?: tailwind_variants.ClassValue;
59
+ description?: tailwind_variants.ClassValue;
57
60
  root?: tailwind_variants.ClassValue;
58
61
  inputWrapper?: tailwind_variants.ClassValue;
59
62
  inputIcon?: tailwind_variants.ClassValue;
@@ -64,9 +67,6 @@ declare const command: tailwind_variants.TVReturnType<{
64
67
  separator?: tailwind_variants.ClassValue;
65
68
  item?: tailwind_variants.ClassValue;
66
69
  shortcut?: tailwind_variants.ClassValue;
67
- header?: tailwind_variants.ClassValue;
68
- title?: tailwind_variants.ClassValue;
69
- description?: tailwind_variants.ClassValue;
70
70
  };
71
71
  };
72
72
  } | {}, {
@@ -4,6 +4,9 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const command: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
+ header?: tailwind_variants.ClassValue;
8
+ title?: tailwind_variants.ClassValue;
9
+ description?: tailwind_variants.ClassValue;
7
10
  root?: tailwind_variants.ClassValue;
8
11
  inputWrapper?: tailwind_variants.ClassValue;
9
12
  inputIcon?: tailwind_variants.ClassValue;
@@ -14,14 +17,14 @@ declare const command: tailwind_variants.TVReturnType<{
14
17
  separator?: tailwind_variants.ClassValue;
15
18
  item?: tailwind_variants.ClassValue;
16
19
  shortcut?: tailwind_variants.ClassValue;
17
- header?: tailwind_variants.ClassValue;
18
- title?: tailwind_variants.ClassValue;
19
- description?: tailwind_variants.ClassValue;
20
20
  };
21
21
  };
22
22
  } | {
23
23
  [x: string]: {
24
24
  [x: string]: tailwind_variants.ClassValue | {
25
+ header?: tailwind_variants.ClassValue;
26
+ title?: tailwind_variants.ClassValue;
27
+ description?: tailwind_variants.ClassValue;
25
28
  root?: tailwind_variants.ClassValue;
26
29
  inputWrapper?: tailwind_variants.ClassValue;
27
30
  inputIcon?: tailwind_variants.ClassValue;
@@ -32,9 +35,6 @@ declare const command: tailwind_variants.TVReturnType<{
32
35
  separator?: tailwind_variants.ClassValue;
33
36
  item?: tailwind_variants.ClassValue;
34
37
  shortcut?: tailwind_variants.ClassValue;
35
- header?: tailwind_variants.ClassValue;
36
- title?: tailwind_variants.ClassValue;
37
- description?: tailwind_variants.ClassValue;
38
38
  };
39
39
  };
40
40
  } | {}, {
@@ -54,6 +54,9 @@ declare const command: tailwind_variants.TVReturnType<{
54
54
  }, undefined, {
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
+ header?: tailwind_variants.ClassValue;
58
+ title?: tailwind_variants.ClassValue;
59
+ description?: tailwind_variants.ClassValue;
57
60
  root?: tailwind_variants.ClassValue;
58
61
  inputWrapper?: tailwind_variants.ClassValue;
59
62
  inputIcon?: tailwind_variants.ClassValue;
@@ -64,9 +67,6 @@ declare const command: tailwind_variants.TVReturnType<{
64
67
  separator?: tailwind_variants.ClassValue;
65
68
  item?: tailwind_variants.ClassValue;
66
69
  shortcut?: tailwind_variants.ClassValue;
67
- header?: tailwind_variants.ClassValue;
68
- title?: tailwind_variants.ClassValue;
69
- description?: tailwind_variants.ClassValue;
70
70
  };
71
71
  };
72
72
  } | {}, {
@@ -4,10 +4,10 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const dropdownMenu: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
+ content?: tailwind_variants.ClassValue;
7
8
  icon?: tailwind_variants.ClassValue;
8
9
  root?: tailwind_variants.ClassValue;
9
10
  label?: tailwind_variants.ClassValue;
10
- content?: tailwind_variants.ClassValue;
11
11
  separator?: tailwind_variants.ClassValue;
12
12
  item?: tailwind_variants.ClassValue;
13
13
  shortcut?: tailwind_variants.ClassValue;
@@ -23,10 +23,10 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
23
23
  } | {
24
24
  [x: string]: {
25
25
  [x: string]: tailwind_variants.ClassValue | {
26
+ content?: tailwind_variants.ClassValue;
26
27
  icon?: tailwind_variants.ClassValue;
27
28
  root?: tailwind_variants.ClassValue;
28
29
  label?: tailwind_variants.ClassValue;
29
- content?: tailwind_variants.ClassValue;
30
30
  separator?: tailwind_variants.ClassValue;
31
31
  item?: tailwind_variants.ClassValue;
32
32
  shortcut?: tailwind_variants.ClassValue;
@@ -57,10 +57,10 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
57
57
  }, undefined, {
58
58
  [key: string]: {
59
59
  [key: string]: tailwind_variants.ClassValue | {
60
+ content?: tailwind_variants.ClassValue;
60
61
  icon?: tailwind_variants.ClassValue;
61
62
  root?: tailwind_variants.ClassValue;
62
63
  label?: tailwind_variants.ClassValue;
63
- content?: tailwind_variants.ClassValue;
64
64
  separator?: tailwind_variants.ClassValue;
65
65
  item?: tailwind_variants.ClassValue;
66
66
  shortcut?: tailwind_variants.ClassValue;
@@ -4,10 +4,10 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const dropdownMenu: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
+ content?: tailwind_variants.ClassValue;
7
8
  icon?: tailwind_variants.ClassValue;
8
9
  root?: tailwind_variants.ClassValue;
9
10
  label?: tailwind_variants.ClassValue;
10
- content?: tailwind_variants.ClassValue;
11
11
  separator?: tailwind_variants.ClassValue;
12
12
  item?: tailwind_variants.ClassValue;
13
13
  shortcut?: tailwind_variants.ClassValue;
@@ -23,10 +23,10 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
23
23
  } | {
24
24
  [x: string]: {
25
25
  [x: string]: tailwind_variants.ClassValue | {
26
+ content?: tailwind_variants.ClassValue;
26
27
  icon?: tailwind_variants.ClassValue;
27
28
  root?: tailwind_variants.ClassValue;
28
29
  label?: tailwind_variants.ClassValue;
29
- content?: tailwind_variants.ClassValue;
30
30
  separator?: tailwind_variants.ClassValue;
31
31
  item?: tailwind_variants.ClassValue;
32
32
  shortcut?: tailwind_variants.ClassValue;
@@ -57,10 +57,10 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
57
57
  }, undefined, {
58
58
  [key: string]: {
59
59
  [key: string]: tailwind_variants.ClassValue | {
60
+ content?: tailwind_variants.ClassValue;
60
61
  icon?: tailwind_variants.ClassValue;
61
62
  root?: tailwind_variants.ClassValue;
62
63
  label?: tailwind_variants.ClassValue;
63
- content?: tailwind_variants.ClassValue;
64
64
  separator?: tailwind_variants.ClassValue;
65
65
  item?: tailwind_variants.ClassValue;
66
66
  shortcut?: tailwind_variants.ClassValue;
@@ -1,3 +1,4 @@
1
+ export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.mjs';
1
2
  export { ButtonVariantProps, button } from './button.mjs';
2
3
  export { CalendarVariantProps, calendar } from './calendar.mjs';
3
4
  export { ChipSlots, ChipVariantProps, chip } from './chip.mjs';
@@ -1,3 +1,4 @@
1
+ export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.js';
1
2
  export { ButtonVariantProps, button } from './button.js';
2
3
  export { CalendarVariantProps, calendar } from './calendar.js';
3
4
  export { ChipSlots, ChipVariantProps, chip } from './chip.js';
@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  // src/components/index.ts
21
21
  var components_exports = {};
22
22
  __export(components_exports, {
23
+ alertDialog: () => alertDialog,
23
24
  button: () => button,
24
25
  calendar: () => calendar,
25
26
  chip: () => chip,
@@ -36,8 +37,22 @@ __export(components_exports, {
36
37
  });
37
38
  module.exports = __toCommonJS(components_exports);
38
39
 
39
- // src/components/button.ts
40
+ // src/components/alert-dialog.ts
40
41
  var import_tailwind_variants = require("tailwind-variants");
42
+ var alertDialog = (0, import_tailwind_variants.tv)({
43
+ slots: {
44
+ overlay: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
45
+ content: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
46
+ header: "flex flex-col gap-2 text-center sm:text-left",
47
+ footer: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
48
+ title: "text-lg font-semibold",
49
+ description: "text-muted-foreground text-sm",
50
+ action: ""
51
+ }
52
+ });
53
+
54
+ // src/components/button.ts
55
+ var import_tailwind_variants2 = require("tailwind-variants");
41
56
 
42
57
  // src/utils/classes.ts
43
58
  var focusVisibleClasses = [
@@ -99,7 +114,7 @@ var colorVariants = {
99
114
  };
100
115
 
101
116
  // src/components/button.ts
102
- var button = (0, import_tailwind_variants.tv)({
117
+ var button = (0, import_tailwind_variants2.tv)({
103
118
  base: [
104
119
  "group relative inline-flex items-center justify-center select-none",
105
120
  "box-border appearance-none",
@@ -246,8 +261,8 @@ var button = (0, import_tailwind_variants.tv)({
246
261
  });
247
262
 
248
263
  // src/components/calendar.ts
249
- var import_tailwind_variants2 = require("tailwind-variants");
250
- var calendar = (0, import_tailwind_variants2.tv)({
264
+ var import_tailwind_variants3 = require("tailwind-variants");
265
+ var calendar = (0, import_tailwind_variants3.tv)({
251
266
  slots: {
252
267
  base: [
253
268
  "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -299,8 +314,8 @@ var calendar = (0, import_tailwind_variants2.tv)({
299
314
  });
300
315
 
301
316
  // src/components/chip.ts
302
- var import_tailwind_variants3 = require("tailwind-variants");
303
- var chip = (0, import_tailwind_variants3.tv)({
317
+ var import_tailwind_variants4 = require("tailwind-variants");
318
+ var chip = (0, import_tailwind_variants4.tv)({
304
319
  slots: {
305
320
  root: [
306
321
  "relative",
@@ -616,8 +631,8 @@ var chip = (0, import_tailwind_variants3.tv)({
616
631
  });
617
632
 
618
633
  // src/components/command.ts
619
- var import_tailwind_variants4 = require("tailwind-variants");
620
- var command = (0, import_tailwind_variants4.tv)({
634
+ var import_tailwind_variants5 = require("tailwind-variants");
635
+ var command = (0, import_tailwind_variants5.tv)({
621
636
  slots: {
622
637
  root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
623
638
  inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -636,8 +651,8 @@ var command = (0, import_tailwind_variants4.tv)({
636
651
  });
637
652
 
638
653
  // src/components/dialog.ts
639
- var import_tailwind_variants5 = require("tailwind-variants");
640
- var dialog = (0, import_tailwind_variants5.tv)({
654
+ var import_tailwind_variants6 = require("tailwind-variants");
655
+ var dialog = (0, import_tailwind_variants6.tv)({
641
656
  slots: {
642
657
  overlay: ["fixed inset-0 z-50 bg-black/25"],
643
658
  content: [
@@ -728,8 +743,8 @@ var dialog = (0, import_tailwind_variants5.tv)({
728
743
  });
729
744
 
730
745
  // src/components/drawer.ts
731
- var import_tailwind_variants6 = require("tailwind-variants");
732
- var drawer = (0, import_tailwind_variants6.tv)({
746
+ var import_tailwind_variants7 = require("tailwind-variants");
747
+ var drawer = (0, import_tailwind_variants7.tv)({
733
748
  slots: {
734
749
  overlay: dialog.slots.overlay,
735
750
  content: [
@@ -809,8 +824,8 @@ var drawer = (0, import_tailwind_variants6.tv)({
809
824
  });
810
825
 
811
826
  // src/components/dropdown-menu.ts
812
- var import_tailwind_variants7 = require("tailwind-variants");
813
- var dropdownMenu = (0, import_tailwind_variants7.tv)({
827
+ var import_tailwind_variants8 = require("tailwind-variants");
828
+ var dropdownMenu = (0, import_tailwind_variants8.tv)({
814
829
  slots: {
815
830
  root: "",
816
831
  content: "min-w-56 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -830,14 +845,14 @@ var dropdownMenu = (0, import_tailwind_variants7.tv)({
830
845
  });
831
846
 
832
847
  // src/components/input.ts
833
- var import_tailwind_variants8 = require("tailwind-variants");
834
- var passwordInput = (0, import_tailwind_variants8.tv)({
848
+ var import_tailwind_variants9 = require("tailwind-variants");
849
+ var passwordInput = (0, import_tailwind_variants9.tv)({
835
850
  slots: {
836
851
  button: "focus:outline-hidden",
837
852
  icon: "pointer-events-none text-muted-foreground"
838
853
  }
839
854
  });
840
- var input = (0, import_tailwind_variants8.tv)({
855
+ var input = (0, import_tailwind_variants9.tv)({
841
856
  base: [],
842
857
  slots: {
843
858
  inputWrapper: [
@@ -918,8 +933,8 @@ var input = (0, import_tailwind_variants8.tv)({
918
933
  });
919
934
 
920
935
  // src/components/page-layout.ts
921
- var import_tailwind_variants9 = require("tailwind-variants");
922
- var pageLayout = (0, import_tailwind_variants9.tv)({
936
+ var import_tailwind_variants10 = require("tailwind-variants");
937
+ var pageLayout = (0, import_tailwind_variants10.tv)({
923
938
  slots: {
924
939
  root: "",
925
940
  wrapper: "flex mx-auto flex-wrap",
@@ -1016,8 +1031,8 @@ var pageLayout = (0, import_tailwind_variants9.tv)({
1016
1031
  });
1017
1032
 
1018
1033
  // src/components/popover.ts
1019
- var import_tailwind_variants10 = require("tailwind-variants");
1020
- var popover = (0, import_tailwind_variants10.tv)({
1034
+ var import_tailwind_variants11 = require("tailwind-variants");
1035
+ var popover = (0, import_tailwind_variants11.tv)({
1021
1036
  slots: {
1022
1037
  content: [
1023
1038
  "bg-popover text-popover-foreground z-50 w-72",
@@ -1028,8 +1043,8 @@ var popover = (0, import_tailwind_variants10.tv)({
1028
1043
  });
1029
1044
 
1030
1045
  // src/components/spinner.ts
1031
- var import_tailwind_variants11 = require("tailwind-variants");
1032
- var spinner = (0, import_tailwind_variants11.tv)({
1046
+ var import_tailwind_variants12 = require("tailwind-variants");
1047
+ var spinner = (0, import_tailwind_variants12.tv)({
1033
1048
  slots: {
1034
1049
  base: "relative inline-flex flex-col gap-2 items-center justify-center",
1035
1050
  wrapper: "relative flex",
@@ -1146,8 +1161,8 @@ var spinner = (0, import_tailwind_variants11.tv)({
1146
1161
  });
1147
1162
 
1148
1163
  // src/components/tooltip.ts
1149
- var import_tailwind_variants12 = require("tailwind-variants");
1150
- var tooltip = (0, import_tailwind_variants12.tv)({
1164
+ var import_tailwind_variants13 = require("tailwind-variants");
1165
+ var tooltip = (0, import_tailwind_variants13.tv)({
1151
1166
  slots: {
1152
1167
  content: [
1153
1168
  "bg-primary text-primary-foreground",
@@ -1159,6 +1174,7 @@ var tooltip = (0, import_tailwind_variants12.tv)({
1159
1174
  });
1160
1175
  // Annotate the CommonJS export names for ESM import in node:
1161
1176
  0 && (module.exports = {
1177
+ alertDialog,
1162
1178
  button,
1163
1179
  calendar,
1164
1180
  chip,
@@ -1,4 +1,7 @@
1
- import "../chunk-N2UQGV46.mjs";
1
+ import "../chunk-T4WHBNVG.mjs";
2
+ import {
3
+ dropdownMenu
4
+ } from "../chunk-EXBKQDH5.mjs";
2
5
  import {
3
6
  input,
4
7
  passwordInput
@@ -15,6 +18,9 @@ import {
15
18
  import {
16
19
  tooltip
17
20
  } from "../chunk-SVCFD7RR.mjs";
21
+ import {
22
+ alertDialog
23
+ } from "../chunk-CPEP2RO4.mjs";
18
24
  import {
19
25
  button
20
26
  } from "../chunk-KE2E5LGH.mjs";
@@ -35,10 +41,8 @@ import {
35
41
  import {
36
42
  dialog
37
43
  } from "../chunk-5DF3M5JP.mjs";
38
- import {
39
- dropdownMenu
40
- } from "../chunk-EXBKQDH5.mjs";
41
44
  export {
45
+ alertDialog,
42
46
  button,
43
47
  calendar,
44
48
  chip,
package/dist/index.d.mts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { TV, VariantProps } from 'tailwind-variants';
2
+ export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.mjs';
2
3
  export { ButtonVariantProps, button } from './components/button.mjs';
3
4
  export { CalendarVariantProps, calendar } from './components/calendar.mjs';
4
5
  export { ChipSlots, ChipVariantProps, chip } from './components/chip.mjs';
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { TV, VariantProps } from 'tailwind-variants';
2
+ export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.js';
2
3
  export { ButtonVariantProps, button } from './components/button.js';
3
4
  export { CalendarVariantProps, calendar } from './components/calendar.js';
4
5
  export { ChipSlots, ChipVariantProps, chip } from './components/chip.js';
package/dist/index.js CHANGED
@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  // src/index.ts
21
21
  var index_exports = {};
22
22
  __export(index_exports, {
23
+ alertDialog: () => alertDialog,
23
24
  button: () => button,
24
25
  calendar: () => calendar,
25
26
  chip: () => chip,
@@ -36,8 +37,22 @@ __export(index_exports, {
36
37
  });
37
38
  module.exports = __toCommonJS(index_exports);
38
39
 
39
- // src/components/button.ts
40
+ // src/components/alert-dialog.ts
40
41
  var import_tailwind_variants = require("tailwind-variants");
42
+ var alertDialog = (0, import_tailwind_variants.tv)({
43
+ slots: {
44
+ overlay: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
45
+ content: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
46
+ header: "flex flex-col gap-2 text-center sm:text-left",
47
+ footer: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
48
+ title: "text-lg font-semibold",
49
+ description: "text-muted-foreground text-sm",
50
+ action: ""
51
+ }
52
+ });
53
+
54
+ // src/components/button.ts
55
+ var import_tailwind_variants2 = require("tailwind-variants");
41
56
 
42
57
  // src/utils/classes.ts
43
58
  var focusVisibleClasses = [
@@ -99,7 +114,7 @@ var colorVariants = {
99
114
  };
100
115
 
101
116
  // src/components/button.ts
102
- var button = (0, import_tailwind_variants.tv)({
117
+ var button = (0, import_tailwind_variants2.tv)({
103
118
  base: [
104
119
  "group relative inline-flex items-center justify-center select-none",
105
120
  "box-border appearance-none",
@@ -246,8 +261,8 @@ var button = (0, import_tailwind_variants.tv)({
246
261
  });
247
262
 
248
263
  // src/components/calendar.ts
249
- var import_tailwind_variants2 = require("tailwind-variants");
250
- var calendar = (0, import_tailwind_variants2.tv)({
264
+ var import_tailwind_variants3 = require("tailwind-variants");
265
+ var calendar = (0, import_tailwind_variants3.tv)({
251
266
  slots: {
252
267
  base: [
253
268
  "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -299,8 +314,8 @@ var calendar = (0, import_tailwind_variants2.tv)({
299
314
  });
300
315
 
301
316
  // src/components/chip.ts
302
- var import_tailwind_variants3 = require("tailwind-variants");
303
- var chip = (0, import_tailwind_variants3.tv)({
317
+ var import_tailwind_variants4 = require("tailwind-variants");
318
+ var chip = (0, import_tailwind_variants4.tv)({
304
319
  slots: {
305
320
  root: [
306
321
  "relative",
@@ -616,8 +631,8 @@ var chip = (0, import_tailwind_variants3.tv)({
616
631
  });
617
632
 
618
633
  // src/components/command.ts
619
- var import_tailwind_variants4 = require("tailwind-variants");
620
- var command = (0, import_tailwind_variants4.tv)({
634
+ var import_tailwind_variants5 = require("tailwind-variants");
635
+ var command = (0, import_tailwind_variants5.tv)({
621
636
  slots: {
622
637
  root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
623
638
  inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -636,8 +651,8 @@ var command = (0, import_tailwind_variants4.tv)({
636
651
  });
637
652
 
638
653
  // src/components/dialog.ts
639
- var import_tailwind_variants5 = require("tailwind-variants");
640
- var dialog = (0, import_tailwind_variants5.tv)({
654
+ var import_tailwind_variants6 = require("tailwind-variants");
655
+ var dialog = (0, import_tailwind_variants6.tv)({
641
656
  slots: {
642
657
  overlay: ["fixed inset-0 z-50 bg-black/25"],
643
658
  content: [
@@ -728,8 +743,8 @@ var dialog = (0, import_tailwind_variants5.tv)({
728
743
  });
729
744
 
730
745
  // src/components/drawer.ts
731
- var import_tailwind_variants6 = require("tailwind-variants");
732
- var drawer = (0, import_tailwind_variants6.tv)({
746
+ var import_tailwind_variants7 = require("tailwind-variants");
747
+ var drawer = (0, import_tailwind_variants7.tv)({
733
748
  slots: {
734
749
  overlay: dialog.slots.overlay,
735
750
  content: [
@@ -809,8 +824,8 @@ var drawer = (0, import_tailwind_variants6.tv)({
809
824
  });
810
825
 
811
826
  // src/components/dropdown-menu.ts
812
- var import_tailwind_variants7 = require("tailwind-variants");
813
- var dropdownMenu = (0, import_tailwind_variants7.tv)({
827
+ var import_tailwind_variants8 = require("tailwind-variants");
828
+ var dropdownMenu = (0, import_tailwind_variants8.tv)({
814
829
  slots: {
815
830
  root: "",
816
831
  content: "min-w-56 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -830,14 +845,14 @@ var dropdownMenu = (0, import_tailwind_variants7.tv)({
830
845
  });
831
846
 
832
847
  // src/components/input.ts
833
- var import_tailwind_variants8 = require("tailwind-variants");
834
- var passwordInput = (0, import_tailwind_variants8.tv)({
848
+ var import_tailwind_variants9 = require("tailwind-variants");
849
+ var passwordInput = (0, import_tailwind_variants9.tv)({
835
850
  slots: {
836
851
  button: "focus:outline-hidden",
837
852
  icon: "pointer-events-none text-muted-foreground"
838
853
  }
839
854
  });
840
- var input = (0, import_tailwind_variants8.tv)({
855
+ var input = (0, import_tailwind_variants9.tv)({
841
856
  base: [],
842
857
  slots: {
843
858
  inputWrapper: [
@@ -918,8 +933,8 @@ var input = (0, import_tailwind_variants8.tv)({
918
933
  });
919
934
 
920
935
  // src/components/page-layout.ts
921
- var import_tailwind_variants9 = require("tailwind-variants");
922
- var pageLayout = (0, import_tailwind_variants9.tv)({
936
+ var import_tailwind_variants10 = require("tailwind-variants");
937
+ var pageLayout = (0, import_tailwind_variants10.tv)({
923
938
  slots: {
924
939
  root: "",
925
940
  wrapper: "flex mx-auto flex-wrap",
@@ -1016,8 +1031,8 @@ var pageLayout = (0, import_tailwind_variants9.tv)({
1016
1031
  });
1017
1032
 
1018
1033
  // src/components/popover.ts
1019
- var import_tailwind_variants10 = require("tailwind-variants");
1020
- var popover = (0, import_tailwind_variants10.tv)({
1034
+ var import_tailwind_variants11 = require("tailwind-variants");
1035
+ var popover = (0, import_tailwind_variants11.tv)({
1021
1036
  slots: {
1022
1037
  content: [
1023
1038
  "bg-popover text-popover-foreground z-50 w-72",
@@ -1028,8 +1043,8 @@ var popover = (0, import_tailwind_variants10.tv)({
1028
1043
  });
1029
1044
 
1030
1045
  // src/components/spinner.ts
1031
- var import_tailwind_variants11 = require("tailwind-variants");
1032
- var spinner = (0, import_tailwind_variants11.tv)({
1046
+ var import_tailwind_variants12 = require("tailwind-variants");
1047
+ var spinner = (0, import_tailwind_variants12.tv)({
1033
1048
  slots: {
1034
1049
  base: "relative inline-flex flex-col gap-2 items-center justify-center",
1035
1050
  wrapper: "relative flex",
@@ -1146,8 +1161,8 @@ var spinner = (0, import_tailwind_variants11.tv)({
1146
1161
  });
1147
1162
 
1148
1163
  // src/components/tooltip.ts
1149
- var import_tailwind_variants12 = require("tailwind-variants");
1150
- var tooltip = (0, import_tailwind_variants12.tv)({
1164
+ var import_tailwind_variants13 = require("tailwind-variants");
1165
+ var tooltip = (0, import_tailwind_variants13.tv)({
1151
1166
  slots: {
1152
1167
  content: [
1153
1168
  "bg-primary text-primary-foreground",
@@ -1159,6 +1174,7 @@ var tooltip = (0, import_tailwind_variants12.tv)({
1159
1174
  });
1160
1175
  // Annotate the CommonJS export names for ESM import in node:
1161
1176
  0 && (module.exports = {
1177
+ alertDialog,
1162
1178
  button,
1163
1179
  calendar,
1164
1180
  chip,
package/dist/index.mjs CHANGED
@@ -1,4 +1,8 @@
1
- import "./chunk-N2UQGV46.mjs";
1
+ import "./chunk-XSN6P5JL.mjs";
2
+ import "./chunk-T4WHBNVG.mjs";
3
+ import {
4
+ dropdownMenu
5
+ } from "./chunk-EXBKQDH5.mjs";
2
6
  import {
3
7
  input,
4
8
  passwordInput
@@ -15,7 +19,9 @@ import {
15
19
  import {
16
20
  tooltip
17
21
  } from "./chunk-SVCFD7RR.mjs";
18
- import "./chunk-XSN6P5JL.mjs";
22
+ import {
23
+ alertDialog
24
+ } from "./chunk-CPEP2RO4.mjs";
19
25
  import {
20
26
  button
21
27
  } from "./chunk-KE2E5LGH.mjs";
@@ -36,10 +42,8 @@ import {
36
42
  import {
37
43
  dialog
38
44
  } from "./chunk-5DF3M5JP.mjs";
39
- import {
40
- dropdownMenu
41
- } from "./chunk-EXBKQDH5.mjs";
42
45
  export {
46
+ alertDialog,
43
47
  button,
44
48
  calendar,
45
49
  chip,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/theme",
3
- "version": "1.4.4",
3
+ "version": "1.5.0",
4
4
  "description": "The default theme for Kopexa components",
5
5
  "keywords": [
6
6
  "theme",
File without changes