@kopexa/theme 0.0.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,21 @@
1
+ // src/components/button.ts
2
+ import { tv } from "tailwind-variants";
3
+ var button = tv({
4
+ base: [
5
+ "inline-flex items-center justify-center gap-2",
6
+ "whitespace-nowrap rounded-md transition-all disabled:pointer-events-none disabled:opacity-50",
7
+ "shrink-0 [&_svg]:shrink-0 outline-none",
8
+ "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
9
+ "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
10
+ "text-sm font-medium"
11
+ ],
12
+ variants: {
13
+ variant: {},
14
+ size: {}
15
+ },
16
+ defaultVariants: {}
17
+ });
18
+
19
+ export {
20
+ button
21
+ };
File without changes
@@ -0,0 +1,14 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+
3
+ declare const button: tailwind_variants.TVReturnType<{
4
+ variant: {};
5
+ size: {};
6
+ }, undefined, string[], {
7
+ variant: {};
8
+ size: {};
9
+ }, undefined, tailwind_variants.TVReturnType<{
10
+ variant: {};
11
+ size: {};
12
+ }, undefined, string[], unknown, unknown, undefined>>;
13
+
14
+ export { button };
@@ -0,0 +1,14 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+
3
+ declare const button: tailwind_variants.TVReturnType<{
4
+ variant: {};
5
+ size: {};
6
+ }, undefined, string[], {
7
+ variant: {};
8
+ size: {};
9
+ }, undefined, tailwind_variants.TVReturnType<{
10
+ variant: {};
11
+ size: {};
12
+ }, undefined, string[], unknown, unknown, undefined>>;
13
+
14
+ export { button };
@@ -0,0 +1,45 @@
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/button.ts
21
+ var button_exports = {};
22
+ __export(button_exports, {
23
+ button: () => button
24
+ });
25
+ module.exports = __toCommonJS(button_exports);
26
+ var import_tailwind_variants = require("tailwind-variants");
27
+ var button = (0, import_tailwind_variants.tv)({
28
+ base: [
29
+ "inline-flex items-center justify-center gap-2",
30
+ "whitespace-nowrap rounded-md transition-all disabled:pointer-events-none disabled:opacity-50",
31
+ "shrink-0 [&_svg]:shrink-0 outline-none",
32
+ "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
33
+ "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
34
+ "text-sm font-medium"
35
+ ],
36
+ variants: {
37
+ variant: {},
38
+ size: {}
39
+ },
40
+ defaultVariants: {}
41
+ });
42
+ // Annotate the CommonJS export names for ESM import in node:
43
+ 0 && (module.exports = {
44
+ button
45
+ });
@@ -0,0 +1,6 @@
1
+ import {
2
+ button
3
+ } from "../chunk-74SC7LQR.mjs";
4
+ export {
5
+ button
6
+ };
@@ -0,0 +1,2 @@
1
+ export { button } from './button.mjs';
2
+ import 'tailwind-variants';
@@ -0,0 +1,2 @@
1
+ export { button } from './button.js';
2
+ import 'tailwind-variants';
@@ -0,0 +1,47 @@
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/index.ts
21
+ var components_exports = {};
22
+ __export(components_exports, {
23
+ button: () => button
24
+ });
25
+ module.exports = __toCommonJS(components_exports);
26
+
27
+ // src/components/button.ts
28
+ var import_tailwind_variants = require("tailwind-variants");
29
+ var button = (0, import_tailwind_variants.tv)({
30
+ base: [
31
+ "inline-flex items-center justify-center gap-2",
32
+ "whitespace-nowrap rounded-md transition-all disabled:pointer-events-none disabled:opacity-50",
33
+ "shrink-0 [&_svg]:shrink-0 outline-none",
34
+ "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
35
+ "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
36
+ "text-sm font-medium"
37
+ ],
38
+ variants: {
39
+ variant: {},
40
+ size: {}
41
+ },
42
+ defaultVariants: {}
43
+ });
44
+ // Annotate the CommonJS export names for ESM import in node:
45
+ 0 && (module.exports = {
46
+ button
47
+ });
@@ -0,0 +1,7 @@
1
+ import "../chunk-BJZMR7WC.mjs";
2
+ import {
3
+ button
4
+ } from "../chunk-74SC7LQR.mjs";
5
+ export {
6
+ button
7
+ };
package/dist/index.css ADDED
@@ -0,0 +1,122 @@
1
+ @import "tailwindcss";
2
+
3
+ @custom-variant dark (&:is(.dark *));
4
+
5
+ :root {
6
+ --background: oklch(1 0 0);
7
+ --foreground: oklch(0.145 0 0);
8
+ --card: oklch(1 0 0);
9
+ --card-foreground: oklch(0.145 0 0);
10
+ --popover: oklch(1 0 0);
11
+ --popover-foreground: oklch(0.145 0 0);
12
+ --primary: oklch(0.205 0 0);
13
+ --primary-foreground: oklch(0.985 0 0);
14
+ --secondary: oklch(0.97 0 0);
15
+ --secondary-foreground: oklch(0.205 0 0);
16
+ --muted: oklch(0.97 0 0);
17
+ --muted-foreground: oklch(0.556 0 0);
18
+ --accent: oklch(0.97 0 0);
19
+ --accent-foreground: oklch(0.205 0 0);
20
+ --destructive: oklch(0.577 0.245 27.325);
21
+ --destructive-foreground: oklch(0.577 0.245 27.325);
22
+ --border: oklch(0.922 0 0);
23
+ --input: oklch(0.922 0 0);
24
+ --ring: oklch(0.708 0 0);
25
+ --chart-1: oklch(0.646 0.222 41.116);
26
+ --chart-2: oklch(0.6 0.118 184.704);
27
+ --chart-3: oklch(0.398 0.07 227.392);
28
+ --chart-4: oklch(0.828 0.189 84.429);
29
+ --chart-5: oklch(0.769 0.188 70.08);
30
+ --radius: 0.625rem;
31
+ --sidebar: oklch(0.985 0 0);
32
+ --sidebar-foreground: oklch(0.145 0 0);
33
+ --sidebar-primary: oklch(0.205 0 0);
34
+ --sidebar-primary-foreground: oklch(0.985 0 0);
35
+ --sidebar-accent: oklch(0.97 0 0);
36
+ --sidebar-accent-foreground: oklch(0.205 0 0);
37
+ --sidebar-border: oklch(0.922 0 0);
38
+ --sidebar-ring: oklch(0.708 0 0);
39
+ }
40
+
41
+ .dark {
42
+ --background: oklch(0.145 0 0);
43
+ --foreground: oklch(0.985 0 0);
44
+ --card: oklch(0.145 0 0);
45
+ --card-foreground: oklch(0.985 0 0);
46
+ --popover: oklch(0.145 0 0);
47
+ --popover-foreground: oklch(0.985 0 0);
48
+ --primary: oklch(0.985 0 0);
49
+ --primary-foreground: oklch(0.205 0 0);
50
+ --secondary: oklch(0.269 0 0);
51
+ --secondary-foreground: oklch(0.985 0 0);
52
+ --muted: oklch(0.269 0 0);
53
+ --muted-foreground: oklch(0.708 0 0);
54
+ --accent: oklch(0.269 0 0);
55
+ --accent-foreground: oklch(0.985 0 0);
56
+ --destructive: oklch(0.396 0.141 25.723);
57
+ --destructive-foreground: oklch(0.637 0.237 25.331);
58
+ --border: oklch(0.269 0 0);
59
+ --input: oklch(0.269 0 0);
60
+ --ring: oklch(0.439 0 0);
61
+ --chart-1: oklch(0.488 0.243 264.376);
62
+ --chart-2: oklch(0.696 0.17 162.48);
63
+ --chart-3: oklch(0.769 0.188 70.08);
64
+ --chart-4: oklch(0.627 0.265 303.9);
65
+ --chart-5: oklch(0.645 0.246 16.439);
66
+ --sidebar: oklch(0.205 0 0);
67
+ --sidebar-foreground: oklch(0.985 0 0);
68
+ --sidebar-primary: oklch(0.488 0.243 264.376);
69
+ --sidebar-primary-foreground: oklch(0.985 0 0);
70
+ --sidebar-accent: oklch(0.269 0 0);
71
+ --sidebar-accent-foreground: oklch(0.985 0 0);
72
+ --sidebar-border: oklch(0.269 0 0);
73
+ --sidebar-ring: oklch(0.439 0 0);
74
+ }
75
+
76
+ @theme inline {
77
+ --color-background: var(--background);
78
+ --color-foreground: var(--foreground);
79
+ --color-card: var(--card);
80
+ --color-card-foreground: var(--card-foreground);
81
+ --color-popover: var(--popover);
82
+ --color-popover-foreground: var(--popover-foreground);
83
+ --color-primary: var(--primary);
84
+ --color-primary-foreground: var(--primary-foreground);
85
+ --color-secondary: var(--secondary);
86
+ --color-secondary-foreground: var(--secondary-foreground);
87
+ --color-muted: var(--muted);
88
+ --color-muted-foreground: var(--muted-foreground);
89
+ --color-accent: var(--accent);
90
+ --color-accent-foreground: var(--accent-foreground);
91
+ --color-destructive: var(--destructive);
92
+ --color-destructive-foreground: var(--destructive-foreground);
93
+ --color-border: var(--border);
94
+ --color-input: var(--input);
95
+ --color-ring: var(--ring);
96
+ --color-chart-1: var(--chart-1);
97
+ --color-chart-2: var(--chart-2);
98
+ --color-chart-3: var(--chart-3);
99
+ --color-chart-4: var(--chart-4);
100
+ --color-chart-5: var(--chart-5);
101
+ --radius-sm: calc(var(--radius) - 4px);
102
+ --radius-md: calc(var(--radius) - 2px);
103
+ --radius-lg: var(--radius);
104
+ --radius-xl: calc(var(--radius) + 4px);
105
+ --color-sidebar: var(--sidebar);
106
+ --color-sidebar-foreground: var(--sidebar-foreground);
107
+ --color-sidebar-primary: var(--sidebar-primary);
108
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
109
+ --color-sidebar-accent: var(--sidebar-accent);
110
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
111
+ --color-sidebar-border: var(--sidebar-border);
112
+ --color-sidebar-ring: var(--sidebar-ring);
113
+ }
114
+
115
+ @layer base {
116
+ * {
117
+ @apply border-border outline-ring/50;
118
+ }
119
+ body {
120
+ @apply bg-background text-foreground;
121
+ }
122
+ }
@@ -0,0 +1,2 @@
1
+ export { TV, VariantProps } from 'tailwind-variants';
2
+ export { button } from './components/button.mjs';
@@ -0,0 +1,2 @@
1
+ export { TV, VariantProps } from 'tailwind-variants';
2
+ export { button } from './components/button.js';
package/dist/index.js ADDED
@@ -0,0 +1,47 @@
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/index.ts
21
+ var index_exports = {};
22
+ __export(index_exports, {
23
+ button: () => button
24
+ });
25
+ module.exports = __toCommonJS(index_exports);
26
+
27
+ // src/components/button.ts
28
+ var import_tailwind_variants = require("tailwind-variants");
29
+ var button = (0, import_tailwind_variants.tv)({
30
+ base: [
31
+ "inline-flex items-center justify-center gap-2",
32
+ "whitespace-nowrap rounded-md transition-all disabled:pointer-events-none disabled:opacity-50",
33
+ "shrink-0 [&_svg]:shrink-0 outline-none",
34
+ "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
35
+ "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
36
+ "text-sm font-medium"
37
+ ],
38
+ variants: {
39
+ variant: {},
40
+ size: {}
41
+ },
42
+ defaultVariants: {}
43
+ });
44
+ // Annotate the CommonJS export names for ESM import in node:
45
+ 0 && (module.exports = {
46
+ button
47
+ });
package/dist/index.mjs ADDED
@@ -0,0 +1,7 @@
1
+ import "./chunk-BJZMR7WC.mjs";
2
+ import {
3
+ button
4
+ } from "./chunk-74SC7LQR.mjs";
5
+ export {
6
+ button
7
+ };
package/package.json ADDED
@@ -0,0 +1,88 @@
1
+ {
2
+ "name": "@kopexa/theme",
3
+ "version": "0.0.0",
4
+ "description": "The default theme for Kopexa components",
5
+ "keywords": [
6
+ "theme",
7
+ "theming",
8
+ "design",
9
+ "ui",
10
+ "components",
11
+ "classNames",
12
+ "css"
13
+ ],
14
+ "author": "Kopexa <support@kopexa.com>",
15
+ "homepage": "https://kopexa.com",
16
+ "license": "MIT",
17
+ "main": "dist/index.js",
18
+ "sideEffects": false,
19
+ "files": [
20
+ "dist",
21
+ "config.js",
22
+ "config.d.ts",
23
+ "plugin.js",
24
+ "plugin.d.ts",
25
+ "colors.js",
26
+ "colors.d.ts"
27
+ ],
28
+ "publishConfig": {
29
+ "access": "public"
30
+ },
31
+ "repository": {
32
+ "type": "git",
33
+ "url": "git+https://github.com/kopexa-grc/sight.git",
34
+ "directory": "packages/core/theme"
35
+ },
36
+ "bugs": {
37
+ "url": "https://github.com/kopexa-grc/sight/issues"
38
+ },
39
+ "dependencies": {
40
+ "clsx": "^2.1.1",
41
+ "color": "^5.0.0",
42
+ "color2k": "^2.0.3",
43
+ "deepmerge": "4.3.1",
44
+ "flat": "^6.0.1",
45
+ "tailwind-merge": "3.3.1",
46
+ "tailwind-variants": "1.0.0",
47
+ "@kopexa/shared-utils": "0.0.0"
48
+ },
49
+ "peerDependencies": {
50
+ "tailwindcss": ">=4.0.0"
51
+ },
52
+ "devDependencies": {
53
+ "@types/color": "^4.2.0",
54
+ "@types/flat": "^5.0.2",
55
+ "clean-package": "2.2.0",
56
+ "tailwindcss": "4.1.11"
57
+ },
58
+ "tsup": {
59
+ "clean": true,
60
+ "target": "es2019",
61
+ "publicDir": "styles",
62
+ "format": [
63
+ "cjs",
64
+ "esm"
65
+ ]
66
+ },
67
+ "module": "dist/index.mjs",
68
+ "types": "dist/index.d.ts",
69
+ "exports": {
70
+ ".": {
71
+ "types": "./dist/index.d.ts",
72
+ "import": "./dist/index.mjs",
73
+ "require": "./dist/index.js"
74
+ },
75
+ "./index.css": {
76
+ "import": "./dist/index.css",
77
+ "require": "./dist/index.css"
78
+ },
79
+ "./package.json": "./package.json"
80
+ },
81
+ "scripts": {
82
+ "build": "tsup src --dts",
83
+ "build:fast": "tsup src",
84
+ "dev": "pnpm build:fast --watch",
85
+ "clean": "rimraf dist .turbo",
86
+ "typecheck": "tsc --noEmit"
87
+ }
88
+ }