@g4rcez/components 1.3.1 → 2.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.
Files changed (46) hide show
  1. package/dist/components/core/button.js +2 -2
  2. package/dist/components/display/empty.d.ts +1 -0
  3. package/dist/components/display/empty.d.ts.map +1 -1
  4. package/dist/components/display/empty.js +1 -1
  5. package/dist/components/display/notifications.js +4 -4
  6. package/dist/components/display/skeleton.d.ts.map +1 -1
  7. package/dist/components/display/skeleton.js +1 -1
  8. package/dist/components/display/tabs.js +1 -1
  9. package/dist/components/floating/command-palette.js +1 -1
  10. package/dist/components/floating/menu.js +2 -2
  11. package/dist/components/floating/modal.js +1 -1
  12. package/dist/components/form/autocomplete.d.ts.map +1 -1
  13. package/dist/components/form/autocomplete.js +1 -1
  14. package/dist/components/form/checkbox.js +1 -1
  15. package/dist/components/form/free-text.d.ts.map +1 -1
  16. package/dist/components/form/free-text.js +3 -2
  17. package/dist/components/form/input-field.js +2 -2
  18. package/dist/components/form/multi-select.d.ts.map +1 -1
  19. package/dist/components/form/multi-select.js +2 -2
  20. package/dist/components/form/select.js +1 -1
  21. package/dist/components/form/slider.js +1 -1
  22. package/dist/components/form/switch.js +1 -1
  23. package/dist/components/table/index.js +1 -1
  24. package/dist/components/table/metadata.js +1 -1
  25. package/dist/components/table/thead.js +1 -1
  26. package/dist/flow/flow.js +1 -1
  27. package/dist/hooks/use-input-id.d.ts +4 -0
  28. package/dist/hooks/use-input-id.d.ts.map +1 -0
  29. package/dist/hooks/use-input-id.js +5 -0
  30. package/dist/index.css +3581 -1
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.mjs +4251 -4251
  33. package/dist/index.mjs.map +1 -1
  34. package/dist/index.umd.js +14 -14
  35. package/dist/index.umd.js.map +1 -1
  36. package/dist/preset/plugin.tailwind.d.ts +6 -0
  37. package/dist/preset/plugin.tailwind.d.ts.map +1 -0
  38. package/dist/preset/plugin.tailwind.js +20 -0
  39. package/dist/preset/preset.tailwind.d.ts +2 -5
  40. package/dist/preset/preset.tailwind.d.ts.map +1 -1
  41. package/dist/preset/preset.tailwind.js +2 -21
  42. package/dist/preset/src/styles/common.d.ts +1 -1
  43. package/dist/preset/src/styles/common.js +1 -1
  44. package/dist/styles/common.d.ts +1 -1
  45. package/dist/styles/common.js +1 -1
  46. package/package.json +3 -2
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ handler: import("tailwindcss/types/config").PluginCreator;
3
+ config?: Partial<import("tailwindcss/types/config").Config>;
4
+ };
5
+ export default _default;
6
+ //# sourceMappingURL=plugin.tailwind.d.ts.map
@@ -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 x = 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", [x(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", [x(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"], [":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"])))]);
13
+ addVariant("group-error", [
14
+ 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]) &"]))),
15
+ 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])) &"]))),
16
+ 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) &"]))),
17
+ 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]) &"]))),
18
+ ]);
19
+ });
20
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
@@ -1,11 +1,8 @@
1
1
  import { Config } from "tailwindcss";
2
+ import customPlugins from "./plugin.tailwind";
2
3
  import { createDesignTokens, parsers } from "./src/styles/design-tokens";
3
4
  import { defaultLightTheme as theme } from "./src/styles/theme";
4
- declare const customPlugins: {
5
- handler: import("tailwindcss/types/config").PluginCreator;
6
- config?: Partial<import("tailwindcss/types/config").Config>;
7
- };
8
5
  declare const config: Partial<Config>;
9
- export { createDesignTokens, parsers, theme, config, customPlugins };
6
+ export { config, createDesignTokens, customPlugins, parsers, theme };
10
7
  export default config;
11
8
  //# sourceMappingURL=preset.tailwind.d.ts.map
@@ -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;AAErC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAUhE,QAAA,MAAM,aAAa;;;CAWjB,CAAC;AAEH,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
+ {"version":3,"file":"preset.tailwind.d.ts","sourceRoot":"","sources":["../../preset.tailwind.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAQhE,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA8B3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,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";
13
+ import customPlugins from "./plugin.tailwind";
18
14
  import { createDesignTokens, parsers } from "./src/styles/design-tokens";
19
15
  import { defaultLightTheme as theme } from "./src/styles/theme";
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: {
@@ -65,6 +47,5 @@ var config = {
65
47
  },
66
48
  plugins: [forms({ strategy: "class" }), customPlugins],
67
49
  };
68
- export { createDesignTokens, parsers, theme, config, customPlugins };
50
+ export { config, createDesignTokens, customPlugins, parsers, theme };
69
51
  export default config;
70
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
@@ -11,7 +11,7 @@ export declare const spacing: {
11
11
  readonly lg: "1.125rem";
12
12
  readonly sm: "0.75rem";
13
13
  readonly "field-height": "1.5rem";
14
- readonly "field-label": "1.875rem";
14
+ readonly "field-label": "0.875rem";
15
15
  readonly "input-height": "2.5rem";
16
16
  readonly "input-x": "0.5rem";
17
17
  readonly "input-y": "0.25rem";
@@ -10,7 +10,7 @@ export var spacing = {
10
10
  lg: "1.125rem",
11
11
  sm: "0.75rem",
12
12
  "field-height": "1.5rem",
13
- "field-label": "1.875rem",
13
+ "field-label": "0.875rem",
14
14
  "input-height": "2.5rem",
15
15
  "input-x": "0.5rem",
16
16
  "input-y": "0.25rem",
@@ -11,7 +11,7 @@ export declare const spacing: {
11
11
  readonly lg: "1.125rem";
12
12
  readonly sm: "0.75rem";
13
13
  readonly "field-height": "1.5rem";
14
- readonly "field-label": "1.875rem";
14
+ readonly "field-label": "0.875rem";
15
15
  readonly "input-height": "2.5rem";
16
16
  readonly "input-x": "0.5rem";
17
17
  readonly "input-y": "0.25rem";
@@ -10,7 +10,7 @@ export const spacing = {
10
10
  lg: "1.125rem",
11
11
  sm: "0.75rem",
12
12
  "field-height": "1.5rem",
13
- "field-label": "1.875rem",
13
+ "field-label": "0.875rem",
14
14
  "input-height": "2.5rem",
15
15
  "input-x": "0.5rem",
16
16
  "input-y": "0.25rem",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@g4rcez/components",
3
3
  "description": "Customizable react components.",
4
- "version": "1.3.1",
4
+ "version": "2.0.0",
5
5
  "sideEffects": false,
6
6
  "private": false,
7
7
  "packageManager": "pnpm@10.7.0",
@@ -25,7 +25,7 @@
25
25
  "watch": "vite build --watch --minify false",
26
26
  "build": "rm -rf ./dist; vite build; npm run lib:types; npm run preset; npm run lib:css",
27
27
  "format": "npx prettier --write .",
28
- "lib:css": "BUILD_LIB=true tailwind -i ./src/index.css -o ./dist/index.css --minify",
28
+ "lib:css": "BUILD_LIB=true tailwind -i ./src/index.css -o ./dist/index.css",
29
29
  "lib:tailwind": "tsc -p tsconfig.tailwind.json",
30
30
  "lib:types": "tsc -p tsconfig.lib.json",
31
31
  "preset": "tsc -p tsconfig.tailwind.json",
@@ -60,6 +60,7 @@
60
60
  },
61
61
  "devDependencies": {
62
62
  "@eslint/js": "9.29.0",
63
+ "@tailwindcss/cli": "4.1.10",
63
64
  "@tailwindcss/forms": "0.5.10",
64
65
  "@types/node": "24.0.3",
65
66
  "@types/qs": "6.14.0",