@facter/ds-core 1.1.3 → 1.2.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 (14) hide show
  1. package/dist/index.d.mts +676 -18
  2. package/dist/index.d.ts +676 -18
  3. package/dist/index.js +2471 -227
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +2403 -229
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/themes/index.d.mts +17 -1
  8. package/dist/themes/index.d.ts +17 -1
  9. package/dist/themes/index.js +14 -3
  10. package/dist/themes/index.js.map +1 -1
  11. package/dist/themes/index.mjs +14 -3
  12. package/dist/themes/index.mjs.map +1 -1
  13. package/package.json +14 -7
  14. package/src/themes/default.css +59 -0
package/dist/themes/index.d.mts CHANGED
@@ -2,6 +2,7 @@
2
2
  * Facter Design System - Theme Presets
3
3
  *
4
4
  * Temas disponíveis:
5
+ * - default: Neutro (shadcn default)
5
6
  * - truck: Azul (Facter Truck)
6
7
  * - vagas: Roxo (Facter Vagas)
7
8
  * - techcare: Verde (Facter TechCare)
@@ -10,13 +11,14 @@
10
11
  * ```css
11
12
  * // globals.css
12
13
  * @import '@facter/ds-core/themes/base.css';
13
- * @import '@facter/ds-core/themes/techcare.css';
14
+ * @import '@facter/ds-core/themes/default.css';
14
15
  * @tailwind base;
15
16
  * @tailwind components;
16
17
  * @tailwind utilities;
17
18
  * ```
18
19
  */
19
20
  declare const FACTER_THEMES: {
21
+ readonly default: "default";
20
22
  readonly truck: "truck";
21
23
  readonly vagas: "vagas";
22
24
  readonly techcare: "techcare";
@@ -24,21 +26,35 @@ declare const FACTER_THEMES: {
24
26
  type FacterTheme = keyof typeof FACTER_THEMES;
25
27
  /**
26
28
  * Lista de temas disponíveis com suas cores primárias
29
+ * primaryHsl é usado para injetar CSS variables dinamicamente
27
30
  */
28
31
  declare const THEME_INFO: {
32
+ readonly default: {
33
+ readonly name: "Default";
34
+ readonly primaryColor: "#18181B";
35
+ readonly primaryHsl: "240 5.9% 10%";
36
+ readonly ringHsl: "240 5.9% 10%";
37
+ readonly description: "Tema neutro padrão";
38
+ };
29
39
  readonly truck: {
30
40
  readonly name: "Facter Truck";
31
41
  readonly primaryColor: "#3B5BDB";
42
+ readonly primaryHsl: "233 65% 55%";
43
+ readonly ringHsl: "233 65% 55%";
32
44
  readonly description: "Sistema de gestão de frotas";
33
45
  };
34
46
  readonly vagas: {
35
47
  readonly name: "Facter Vagas";
36
48
  readonly primaryColor: "#8B5CF6";
49
+ readonly primaryHsl: "262 83% 58%";
50
+ readonly ringHsl: "262 83% 58%";
37
51
  readonly description: "Plataforma de vagas de emprego";
38
52
  };
39
53
  readonly techcare: {
40
54
  readonly name: "Facter TechCare";
41
55
  readonly primaryColor: "#16A34A";
56
+ readonly primaryHsl: "142 76% 36%";
57
+ readonly ringHsl: "142 76% 36%";
42
58
  readonly description: "Sistema de assistência técnica";
43
59
  };
44
60
  };
package/dist/themes/index.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  * Facter Design System - Theme Presets
3
3
  *
4
4
  * Temas disponíveis:
5
+ * - default: Neutro (shadcn default)
5
6
  * - truck: Azul (Facter Truck)
6
7
  * - vagas: Roxo (Facter Vagas)
7
8
  * - techcare: Verde (Facter TechCare)
@@ -10,13 +11,14 @@
10
11
  * ```css
11
12
  * // globals.css
12
13
  * @import '@facter/ds-core/themes/base.css';
13
- * @import '@facter/ds-core/themes/techcare.css';
14
+ * @import '@facter/ds-core/themes/default.css';
14
15
  * @tailwind base;
15
16
  * @tailwind components;
16
17
  * @tailwind utilities;
17
18
  * ```
18
19
  */
19
20
  declare const FACTER_THEMES: {
21
+ readonly default: "default";
20
22
  readonly truck: "truck";
21
23
  readonly vagas: "vagas";
22
24
  readonly techcare: "techcare";
@@ -24,21 +26,35 @@ declare const FACTER_THEMES: {
24
26
  type FacterTheme = keyof typeof FACTER_THEMES;
25
27
  /**
26
28
  * Lista de temas disponíveis com suas cores primárias
29
+ * primaryHsl é usado para injetar CSS variables dinamicamente
27
30
  */
28
31
  declare const THEME_INFO: {
32
+ readonly default: {
33
+ readonly name: "Default";
34
+ readonly primaryColor: "#18181B";
35
+ readonly primaryHsl: "240 5.9% 10%";
36
+ readonly ringHsl: "240 5.9% 10%";
37
+ readonly description: "Tema neutro padrão";
38
+ };
29
39
  readonly truck: {
30
40
  readonly name: "Facter Truck";
31
41
  readonly primaryColor: "#3B5BDB";
42
+ readonly primaryHsl: "233 65% 55%";
43
+ readonly ringHsl: "233 65% 55%";
32
44
  readonly description: "Sistema de gestão de frotas";
33
45
  };
34
46
  readonly vagas: {
35
47
  readonly name: "Facter Vagas";
36
48
  readonly primaryColor: "#8B5CF6";
49
+ readonly primaryHsl: "262 83% 58%";
50
+ readonly ringHsl: "262 83% 58%";
37
51
  readonly description: "Plataforma de vagas de emprego";
38
52
  };
39
53
  readonly techcare: {
40
54
  readonly name: "Facter TechCare";
41
55
  readonly primaryColor: "#16A34A";
56
+ readonly primaryHsl: "142 76% 36%";
57
+ readonly ringHsl: "142 76% 36%";
42
58
  readonly description: "Sistema de assistência técnica";
43
59
  };
44
60
  };
package/dist/themes/index.js CHANGED
@@ -2,27 +2,38 @@
2
2
 
3
3
  // src/themes/index.ts
4
4
  var FACTER_THEMES = {
5
+ default: "default",
5
6
  truck: "truck",
6
7
  vagas: "vagas",
7
8
  techcare: "techcare"
8
9
  };
9
10
  var THEME_INFO = {
11
+ default: {
12
+ name: "Default",
13
+ primaryColor: "#18181B",
14
+ primaryHsl: "240 5.9% 10%",
15
+ ringHsl: "240 5.9% 10%",
16
+ description: "Tema neutro padr\xE3o"
17
+ },
10
18
  truck: {
11
19
  name: "Facter Truck",
12
20
  primaryColor: "#3B5BDB",
13
- // hsl(233 65% 50%)
21
+ primaryHsl: "233 65% 55%",
22
+ ringHsl: "233 65% 55%",
14
23
  description: "Sistema de gest\xE3o de frotas"
15
24
  },
16
25
  vagas: {
17
26
  name: "Facter Vagas",
18
27
  primaryColor: "#8B5CF6",
19
- // hsl(262 83% 58%)
28
+ primaryHsl: "262 83% 58%",
29
+ ringHsl: "262 83% 58%",
20
30
  description: "Plataforma de vagas de emprego"
21
31
  },
22
32
  techcare: {
23
33
  name: "Facter TechCare",
24
34
  primaryColor: "#16A34A",
25
- // hsl(142 76% 36%)
35
+ primaryHsl: "142 76% 36%",
36
+ ringHsl: "142 76% 36%",
26
37
  description: "Sistema de assist\xEAncia t\xE9cnica"
27
38
  }
28
39
  };
package/dist/themes/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/themes/index.ts"],"names":[],"mappings":";;;AAmBO,IAAM,aAAA,GAAgB;AAAA,EAC3B,KAAA,EAAO,OAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU;AACZ;AAOO,IAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA;AAAA,IACd,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA;AAAA,IACd,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,iBAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA;AAAA,IACd,WAAA,EAAa;AAAA;AAEjB","file":"index.js","sourcesContent":["/**\r\n * Facter Design System - Theme Presets\r\n *\r\n * Temas disponíveis:\r\n * - truck: Azul (Facter Truck)\r\n * - vagas: Roxo (Facter Vagas)\r\n * - techcare: Verde (Facter TechCare)\r\n *\r\n * Uso no projeto:\r\n * ```css\r\n * // globals.css\r\n * @import '@facter/ds-core/themes/base.css';\r\n * @import '@facter/ds-core/themes/techcare.css';\r\n * @tailwind base;\r\n * @tailwind components;\r\n * @tailwind utilities;\r\n * ```\r\n */\r\n\r\nexport const FACTER_THEMES = {\r\n truck: 'truck',\r\n vagas: 'vagas',\r\n techcare: 'techcare',\r\n} as const\r\n\r\nexport type FacterTheme = keyof typeof FACTER_THEMES\r\n\r\n/**\r\n * Lista de temas disponíveis com suas cores primárias\r\n */\r\nexport const THEME_INFO = {\r\n truck: {\r\n name: 'Facter Truck',\r\n primaryColor: '#3B5BDB', // hsl(233 65% 50%)\r\n description: 'Sistema de gestão de frotas',\r\n },\r\n vagas: {\r\n name: 'Facter Vagas',\r\n primaryColor: '#8B5CF6', // hsl(262 83% 58%)\r\n description: 'Plataforma de vagas de emprego',\r\n },\r\n techcare: {\r\n name: 'Facter TechCare',\r\n primaryColor: '#16A34A', // hsl(142 76% 36%)\r\n description: 'Sistema de assistência técnica',\r\n },\r\n} as const\r\n"]}
1
+ {"version":3,"sources":["../../src/themes/index.ts"],"names":[],"mappings":";;;AAoBO,IAAM,aAAA,GAAgB;AAAA,EAC3B,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,OAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU;AACZ;AAQO,IAAM,UAAA,GAAa;AAAA,EACxB,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,cAAA;AAAA,IACZ,OAAA,EAAS,cAAA;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,aAAA;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,aAAA;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,iBAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,aAAA;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,WAAA,EAAa;AAAA;AAEjB","file":"index.js","sourcesContent":["/**\r\n * Facter Design System - Theme Presets\r\n *\r\n * Temas disponíveis:\r\n * - default: Neutro (shadcn default)\r\n * - truck: Azul (Facter Truck)\r\n * - vagas: Roxo (Facter Vagas)\r\n * - techcare: Verde (Facter TechCare)\r\n *\r\n * Uso no projeto:\r\n * ```css\r\n * // globals.css\r\n * @import '@facter/ds-core/themes/base.css';\r\n * @import '@facter/ds-core/themes/default.css';\r\n * @tailwind base;\r\n * @tailwind components;\r\n * @tailwind utilities;\r\n * ```\r\n */\r\n\r\nexport const FACTER_THEMES = {\r\n default: 'default',\r\n truck: 'truck',\r\n vagas: 'vagas',\r\n techcare: 'techcare',\r\n} as const\r\n\r\nexport type FacterTheme = keyof typeof FACTER_THEMES\r\n\r\n/**\r\n * Lista de temas disponíveis com suas cores primárias\r\n * primaryHsl é usado para injetar CSS variables dinamicamente\r\n */\r\nexport const THEME_INFO = {\r\n default: {\r\n name: 'Default',\r\n primaryColor: '#18181B',\r\n primaryHsl: '240 5.9% 10%',\r\n ringHsl: '240 5.9% 10%',\r\n description: 'Tema neutro padrão',\r\n },\r\n truck: {\r\n name: 'Facter Truck',\r\n primaryColor: '#3B5BDB',\r\n primaryHsl: '233 65% 55%',\r\n ringHsl: '233 65% 55%',\r\n description: 'Sistema de gestão de frotas',\r\n },\r\n vagas: {\r\n name: 'Facter Vagas',\r\n primaryColor: '#8B5CF6',\r\n primaryHsl: '262 83% 58%',\r\n ringHsl: '262 83% 58%',\r\n description: 'Plataforma de vagas de emprego',\r\n },\r\n techcare: {\r\n name: 'Facter TechCare',\r\n primaryColor: '#16A34A',\r\n primaryHsl: '142 76% 36%',\r\n ringHsl: '142 76% 36%',\r\n description: 'Sistema de assistência técnica',\r\n },\r\n} as const\r\n"]}
package/dist/themes/index.mjs CHANGED
@@ -1,26 +1,37 @@
1
1
  // src/themes/index.ts
2
2
  var FACTER_THEMES = {
3
+ default: "default",
3
4
  truck: "truck",
4
5
  vagas: "vagas",
5
6
  techcare: "techcare"
6
7
  };
7
8
  var THEME_INFO = {
9
+ default: {
10
+ name: "Default",
11
+ primaryColor: "#18181B",
12
+ primaryHsl: "240 5.9% 10%",
13
+ ringHsl: "240 5.9% 10%",
14
+ description: "Tema neutro padr\xE3o"
15
+ },
8
16
  truck: {
9
17
  name: "Facter Truck",
10
18
  primaryColor: "#3B5BDB",
11
- // hsl(233 65% 50%)
19
+ primaryHsl: "233 65% 55%",
20
+ ringHsl: "233 65% 55%",
12
21
  description: "Sistema de gest\xE3o de frotas"
13
22
  },
14
23
  vagas: {
15
24
  name: "Facter Vagas",
16
25
  primaryColor: "#8B5CF6",
17
- // hsl(262 83% 58%)
26
+ primaryHsl: "262 83% 58%",
27
+ ringHsl: "262 83% 58%",
18
28
  description: "Plataforma de vagas de emprego"
19
29
  },
20
30
  techcare: {
21
31
  name: "Facter TechCare",
22
32
  primaryColor: "#16A34A",
23
- // hsl(142 76% 36%)
33
+ primaryHsl: "142 76% 36%",
34
+ ringHsl: "142 76% 36%",
24
35
  description: "Sistema de assist\xEAncia t\xE9cnica"
25
36
  }
26
37
  };
package/dist/themes/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/themes/index.ts"],"names":[],"mappings":";AAmBO,IAAM,aAAA,GAAgB;AAAA,EAC3B,KAAA,EAAO,OAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU;AACZ;AAOO,IAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA;AAAA,IACd,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA;AAAA,IACd,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,iBAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA;AAAA,IACd,WAAA,EAAa;AAAA;AAEjB","file":"index.mjs","sourcesContent":["/**\r\n * Facter Design System - Theme Presets\r\n *\r\n * Temas disponíveis:\r\n * - truck: Azul (Facter Truck)\r\n * - vagas: Roxo (Facter Vagas)\r\n * - techcare: Verde (Facter TechCare)\r\n *\r\n * Uso no projeto:\r\n * ```css\r\n * // globals.css\r\n * @import '@facter/ds-core/themes/base.css';\r\n * @import '@facter/ds-core/themes/techcare.css';\r\n * @tailwind base;\r\n * @tailwind components;\r\n * @tailwind utilities;\r\n * ```\r\n */\r\n\r\nexport const FACTER_THEMES = {\r\n truck: 'truck',\r\n vagas: 'vagas',\r\n techcare: 'techcare',\r\n} as const\r\n\r\nexport type FacterTheme = keyof typeof FACTER_THEMES\r\n\r\n/**\r\n * Lista de temas disponíveis com suas cores primárias\r\n */\r\nexport const THEME_INFO = {\r\n truck: {\r\n name: 'Facter Truck',\r\n primaryColor: '#3B5BDB', // hsl(233 65% 50%)\r\n description: 'Sistema de gestão de frotas',\r\n },\r\n vagas: {\r\n name: 'Facter Vagas',\r\n primaryColor: '#8B5CF6', // hsl(262 83% 58%)\r\n description: 'Plataforma de vagas de emprego',\r\n },\r\n techcare: {\r\n name: 'Facter TechCare',\r\n primaryColor: '#16A34A', // hsl(142 76% 36%)\r\n description: 'Sistema de assistência técnica',\r\n },\r\n} as const\r\n"]}
1
+ {"version":3,"sources":["../../src/themes/index.ts"],"names":[],"mappings":";AAoBO,IAAM,aAAA,GAAgB;AAAA,EAC3B,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,OAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU;AACZ;AAQO,IAAM,UAAA,GAAa;AAAA,EACxB,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,cAAA;AAAA,IACZ,OAAA,EAAS,cAAA;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,aAAA;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,aAAA;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,iBAAA;AAAA,IACN,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,aAAA;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,WAAA,EAAa;AAAA;AAEjB","file":"index.mjs","sourcesContent":["/**\r\n * Facter Design System - Theme Presets\r\n *\r\n * Temas disponíveis:\r\n * - default: Neutro (shadcn default)\r\n * - truck: Azul (Facter Truck)\r\n * - vagas: Roxo (Facter Vagas)\r\n * - techcare: Verde (Facter TechCare)\r\n *\r\n * Uso no projeto:\r\n * ```css\r\n * // globals.css\r\n * @import '@facter/ds-core/themes/base.css';\r\n * @import '@facter/ds-core/themes/default.css';\r\n * @tailwind base;\r\n * @tailwind components;\r\n * @tailwind utilities;\r\n * ```\r\n */\r\n\r\nexport const FACTER_THEMES = {\r\n default: 'default',\r\n truck: 'truck',\r\n vagas: 'vagas',\r\n techcare: 'techcare',\r\n} as const\r\n\r\nexport type FacterTheme = keyof typeof FACTER_THEMES\r\n\r\n/**\r\n * Lista de temas disponíveis com suas cores primárias\r\n * primaryHsl é usado para injetar CSS variables dinamicamente\r\n */\r\nexport const THEME_INFO = {\r\n default: {\r\n name: 'Default',\r\n primaryColor: '#18181B',\r\n primaryHsl: '240 5.9% 10%',\r\n ringHsl: '240 5.9% 10%',\r\n description: 'Tema neutro padrão',\r\n },\r\n truck: {\r\n name: 'Facter Truck',\r\n primaryColor: '#3B5BDB',\r\n primaryHsl: '233 65% 55%',\r\n ringHsl: '233 65% 55%',\r\n description: 'Sistema de gestão de frotas',\r\n },\r\n vagas: {\r\n name: 'Facter Vagas',\r\n primaryColor: '#8B5CF6',\r\n primaryHsl: '262 83% 58%',\r\n ringHsl: '262 83% 58%',\r\n description: 'Plataforma de vagas de emprego',\r\n },\r\n techcare: {\r\n name: 'Facter TechCare',\r\n primaryColor: '#16A34A',\r\n primaryHsl: '142 76% 36%',\r\n ringHsl: '142 76% 36%',\r\n description: 'Sistema de assistência técnica',\r\n },\r\n} as const\r\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@facter/ds-core",
3
- "version": "1.1.3",
3
+ "version": "1.2.0",
4
4
  "description": "Facter Design System - Core components (Button, Input, Badge, Spinner, Loader)",
5
5
  "author": "Facter",
6
6
  "license": "MIT",
@@ -37,6 +37,7 @@
37
37
  "types": "./dist/themes/tailwind-preset.d.ts"
38
38
  },
39
39
  "./themes/base.css": "./src/themes/base.css",
40
+ "./themes/default.css": "./src/themes/default.css",
40
41
  "./themes/truck.css": "./src/themes/truck.css",
41
42
  "./themes/vagas.css": "./src/themes/vagas.css",
42
43
  "./themes/techcare.css": "./src/themes/techcare.css"
@@ -74,25 +75,31 @@
74
75
  },
75
76
  "devDependencies": {
76
77
  "@testing-library/jest-dom": "^6.1.5",
77
- "@testing-library/react": "^14.1.2",
78
- "@types/react": "^18.2.45",
79
- "@types/react-dom": "^18.2.18",
78
+ "@testing-library/react": "^16.0.0",
79
+ "@types/react": "^19.0.0",
80
+ "@types/react-dom": "^19.0.0",
80
81
  "@vitejs/plugin-react": "^4.2.1",
81
82
  "eslint": "^8.56.0",
82
83
  "jsdom": "^23.0.1",
83
- "react": "^18.2.0",
84
- "react-dom": "^18.2.0",
85
- "react-hook-form": "^7.54.2",
84
+ "react": "^19.0.0",
85
+ "react-dom": "^19.0.0",
86
+ "react-hook-form": "7.69.0",
86
87
  "tailwindcss": "^3.4.0",
87
88
  "tsup": "^8.0.1",
88
89
  "typescript": "^5.3.3",
89
90
  "vitest": "^1.1.0"
90
91
  },
91
92
  "dependencies": {
93
+ "@radix-ui/react-avatar": "^1.1.10",
92
94
  "@radix-ui/react-checkbox": "^1.3.3",
93
95
  "@radix-ui/react-dialog": "^1.1.15",
96
+ "@radix-ui/react-dropdown-menu": "^2.1.15",
97
+ "@radix-ui/react-popover": "^1.1.14",
94
98
  "@radix-ui/react-radio-group": "^1.2.4",
99
+ "@radix-ui/react-scroll-area": "^1.2.9",
95
100
  "@radix-ui/react-select": "^2.2.6",
101
+ "@radix-ui/react-separator": "^1.1.4",
102
+ "@radix-ui/react-slot": "^1.2.3",
96
103
  "@radix-ui/react-switch": "^1.2.6",
97
104
  "@radix-ui/react-tabs": "^1.1.13",
98
105
  "@tanstack/react-table": "^8.21.3",
package/src/themes/default.css ADDED
@@ -0,0 +1,59 @@
1
+ /*
2
+ * Facter Default Theme
3
+ * Primary: Zinc/Slate neutral
4
+ */
5
+
6
+ :root {
7
+ --background: 0 0% 100%;
8
+ --foreground: 240 10% 3.9%;
9
+ --card: 0 0% 100%;
10
+ --card-foreground: 240 10% 3.9%;
11
+ --popover: 0 0% 100%;
12
+ --popover-foreground: 240 10% 3.9%;
13
+ --primary: 240 5.9% 10%;
14
+ --primary-foreground: 0 0% 98%;
15
+ --secondary: 240 4.8% 95.9%;
16
+ --secondary-foreground: 240 5.9% 10%;
17
+ --muted: 240 4.8% 95.9%;
18
+ --muted-foreground: 240 3.8% 46.1%;
19
+ --accent: 240 4.8% 95.9%;
20
+ --accent-foreground: 240 5.9% 10%;
21
+ --destructive: 0 84.2% 60.2%;
22
+ --destructive-foreground: 0 0% 98%;
23
+ --border: 240 5.9% 90%;
24
+ --input: 240 5.9% 90%;
25
+ --ring: 240 5.9% 10%;
26
+ --radius: 0.5rem;
27
+ --chart-1: 12 76% 61%;
28
+ --chart-2: 173 58% 39%;
29
+ --chart-3: 197 37% 24%;
30
+ --chart-4: 43 74% 66%;
31
+ --chart-5: 27 87% 67%;
32
+ }
33
+
34
+ .dark {
35
+ --background: 240 10% 3.9%;
36
+ --foreground: 0 0% 98%;
37
+ --card: 240 10% 3.9%;
38
+ --card-foreground: 0 0% 98%;
39
+ --popover: 240 10% 3.9%;
40
+ --popover-foreground: 0 0% 98%;
41
+ --primary: 0 0% 98%;
42
+ --primary-foreground: 240 5.9% 10%;
43
+ --secondary: 240 3.7% 15.9%;
44
+ --secondary-foreground: 0 0% 98%;
45
+ --muted: 240 3.7% 15.9%;
46
+ --muted-foreground: 240 5% 64.9%;
47
+ --accent: 240 3.7% 15.9%;
48
+ --accent-foreground: 0 0% 98%;
49
+ --destructive: 0 62.8% 30.6%;
50
+ --destructive-foreground: 0 0% 98%;
51
+ --border: 240 3.7% 15.9%;
52
+ --input: 240 3.7% 15.9%;
53
+ --ring: 240 4.9% 83.9%;
54
+ --chart-1: 220 70% 50%;
55
+ --chart-2: 160 60% 45%;
56
+ --chart-3: 30 80% 55%;
57
+ --chart-4: 280 65% 60%;
58
+ --chart-5: 340 75% 55%;
59
+ }