@g4rcez/components 1.3.2 → 2.0.1
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.
- package/dist/hooks/use-input-id.d.ts +4 -0
- package/dist/hooks/use-input-id.d.ts.map +1 -0
- package/dist/hooks/use-input-id.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8204 -8455
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +89 -89
- package/dist/index.umd.js.map +1 -1
- package/dist/preset/plugin.tailwind.d.ts +6 -0
- package/dist/preset/plugin.tailwind.d.ts.map +1 -0
- package/dist/preset/plugin.tailwind.js +20 -0
- package/dist/preset/preset.tailwind.d.ts +1 -4
- package/dist/preset/preset.tailwind.d.ts.map +1 -1
- package/dist/preset/preset.tailwind.js +1 -20
- package/package.json +12 -13
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.tailwind.d.ts","sourceRoot":"","sources":["../../plugin.tailwind.ts"],"names":[],"mappings":";;;;AAIA,wBAWG"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import plugin from "tailwindcss/plugin";
|
|
6
|
+
var css = String.raw;
|
|
7
|
+
export default plugin(function (_a) {
|
|
8
|
+
var addVariant = _a.addVariant;
|
|
9
|
+
addVariant("hocus", ["&:hover", "&:focus"]);
|
|
10
|
+
addVariant("link", ["&:hover", "&:active"]);
|
|
11
|
+
addVariant("group-assert", [css(templateObject_1 || (templateObject_1 = __makeTemplateObject([":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"], [":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"])))]);
|
|
12
|
+
addVariant("group-checkbox-checked", [css(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"], [":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"])))]);
|
|
13
|
+
addVariant("group-error", [
|
|
14
|
+
css(templateObject_3 || (templateObject_3 = __makeTemplateObject([":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"], [":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"]))),
|
|
15
|
+
css(templateObject_4 || (templateObject_4 = __makeTemplateObject([":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"], [":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"]))),
|
|
16
|
+
css(templateObject_5 || (templateObject_5 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input) &"]))),
|
|
17
|
+
css(templateObject_6 || (templateObject_6 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"]))),
|
|
18
|
+
]);
|
|
19
|
+
});
|
|
20
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { Config } from "tailwindcss";
|
|
2
2
|
import { createDesignTokens, parsers } from "./src/styles/design-tokens";
|
|
3
3
|
import { defaultLightTheme as theme } from "./src/styles/theme";
|
|
4
|
-
|
|
5
|
-
handler: import("tailwindcss/types/config").PluginCreator;
|
|
6
|
-
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
7
|
-
};
|
|
4
|
+
import customPlugins from "./plugin.tailwind";
|
|
8
5
|
declare const config: Partial<Config>;
|
|
9
6
|
export { createDesignTokens, parsers, theme, config, customPlugins };
|
|
10
7
|
export default config;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.tailwind.d.ts","sourceRoot":"","sources":["../../preset.tailwind.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"preset.tailwind.d.ts","sourceRoot":"","sources":["../../preset.tailwind.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAQ9C,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA8B3B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAErE,eAAe,MAAM,CAAC"}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
1
|
var __assign = (this && this.__assign) || function () {
|
|
6
2
|
__assign = Object.assign || function(t) {
|
|
7
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -14,26 +10,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
10
|
return __assign.apply(this, arguments);
|
|
15
11
|
};
|
|
16
12
|
import forms from "@tailwindcss/forms";
|
|
17
|
-
import plugin from "tailwindcss/plugin";
|
|
18
13
|
import { createDesignTokens, parsers } from "./src/styles/design-tokens";
|
|
19
14
|
import { defaultLightTheme as theme } from "./src/styles/theme";
|
|
15
|
+
import customPlugins from "./plugin.tailwind";
|
|
20
16
|
var COLORS = createDesignTokens(theme.colors, parsers.formatWithVar("hsla"));
|
|
21
17
|
var spacing = createDesignTokens(theme.spacing, parsers.cssVariable);
|
|
22
18
|
var shadows = createDesignTokens(theme.shadow, parsers.cssVariable);
|
|
23
|
-
var x = String.raw;
|
|
24
|
-
var customPlugins = plugin(function (_a) {
|
|
25
|
-
var addVariant = _a.addVariant;
|
|
26
|
-
addVariant("hocus", ["&:hover", "&:focus"]);
|
|
27
|
-
addVariant("link", ["&:hover", "&:active"]);
|
|
28
|
-
addVariant("group-assert", [x(templateObject_1 || (templateObject_1 = __makeTemplateObject([":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"], [":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"])))]);
|
|
29
|
-
addVariant("group-checkbox-checked", [x(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"], [":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"])))]);
|
|
30
|
-
addVariant("group-error", [
|
|
31
|
-
x(templateObject_3 || (templateObject_3 = __makeTemplateObject([":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"], [":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"]))),
|
|
32
|
-
x(templateObject_4 || (templateObject_4 = __makeTemplateObject([":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"], [":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"]))),
|
|
33
|
-
x(templateObject_5 || (templateObject_5 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input) &"]))),
|
|
34
|
-
x(templateObject_6 || (templateObject_6 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"]))),
|
|
35
|
-
]);
|
|
36
|
-
});
|
|
37
19
|
var config = {
|
|
38
20
|
theme: {
|
|
39
21
|
extend: {
|
|
@@ -67,4 +49,3 @@ var config = {
|
|
|
67
49
|
};
|
|
68
50
|
export { createDesignTokens, parsers, theme, config, customPlugins };
|
|
69
51
|
export default config;
|
|
70
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@g4rcez/components",
|
|
3
3
|
"description": "Customizable react components.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "2.0.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"private": false,
|
|
7
|
-
"packageManager": "pnpm@10.
|
|
7
|
+
"packageManager": "pnpm@10.12.3",
|
|
8
8
|
"license": "MIT",
|
|
9
9
|
"engines": {
|
|
10
10
|
"node": ">=20.14.0"
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@floating-ui/react": "0.27.12",
|
|
41
|
-
"@xyflow/react": "12.7.
|
|
41
|
+
"@xyflow/react": "12.7.1",
|
|
42
42
|
"class-variance-authority": "0.7.1",
|
|
43
43
|
"clsx": "2.1.1",
|
|
44
44
|
"date-fns": "4.1.0",
|
|
45
45
|
"linq-arrays": "3.2.5",
|
|
46
|
-
"lucide-react": "0.
|
|
47
|
-
"motion": "12.
|
|
46
|
+
"lucide-react": "0.523.0",
|
|
47
|
+
"motion": "12.19.1",
|
|
48
48
|
"pretty-bytes": "7.0.0",
|
|
49
49
|
"qs": "6.14.0",
|
|
50
50
|
"radix-ui": "1.4.2",
|
|
@@ -56,30 +56,29 @@
|
|
|
56
56
|
"tailwind-merge": "3.3.1",
|
|
57
57
|
"the-mask-input": "3.3.13",
|
|
58
58
|
"use-typed-reducer": "4.2.5",
|
|
59
|
-
"zod": "3.
|
|
59
|
+
"zod": "3.25.67"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@eslint/js": "9.29.0",
|
|
63
63
|
"@tailwindcss/forms": "0.5.10",
|
|
64
|
-
"@types/node": "24.0.
|
|
64
|
+
"@types/node": "24.0.4",
|
|
65
65
|
"@types/qs": "6.14.0",
|
|
66
66
|
"@types/react": "19.0.12",
|
|
67
67
|
"@types/react-dom": "19.0.4",
|
|
68
|
-
"@vitejs/plugin-react": "4.
|
|
68
|
+
"@vitejs/plugin-react": "4.6.0",
|
|
69
69
|
"eslint": "9.29.0",
|
|
70
70
|
"eslint-config-react-app": "7.0.1",
|
|
71
71
|
"eslint-plugin-jsx-a11y": "6.10.2",
|
|
72
72
|
"eslint-plugin-react-hooks": "5.2.0",
|
|
73
73
|
"eslint-plugin-react-refresh": "0.4.20",
|
|
74
74
|
"globals": "16.2.0",
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"prettier": "3.5.3",
|
|
75
|
+
"postcss": "8.5.6",
|
|
76
|
+
"prettier": "3.6.1",
|
|
78
77
|
"tailwindcss": "3.4.14",
|
|
79
78
|
"tslib": "2.8.1",
|
|
80
79
|
"typescript": "5.8.3",
|
|
81
|
-
"typescript-eslint": "8.
|
|
82
|
-
"vite": "
|
|
80
|
+
"typescript-eslint": "8.35.0",
|
|
81
|
+
"vite": "7.0.0",
|
|
83
82
|
"vite-tsconfig-paths": "5.1.4",
|
|
84
83
|
"vitest": "3.2.4"
|
|
85
84
|
},
|