@facter/ds-core 1.1.1 → 1.1.3

package/dist/themes/index.d.mts

@@ -0,0 +1,46 @@
+/**
+ * Facter Design System - Theme Presets
+ *
+ * Temas disponíveis:
+ * - truck: Azul (Facter Truck)
+ * - vagas: Roxo (Facter Vagas)
+ * - techcare: Verde (Facter TechCare)
+ *
+ * Uso no projeto:
+ * ```css
+ * // globals.css
+ * @import '@facter/ds-core/themes/base.css';
+ * @import '@facter/ds-core/themes/techcare.css';
+ * @tailwind base;
+ * @tailwind components;
+ * @tailwind utilities;
+ * ```
+ */
+declare const FACTER_THEMES: {
+    readonly truck: "truck";
+    readonly vagas: "vagas";
+    readonly techcare: "techcare";
+};
+type FacterTheme = keyof typeof FACTER_THEMES;
+/**
+ * Lista de temas disponíveis com suas cores primárias
+ */
+declare const THEME_INFO: {
+    readonly truck: {
+        readonly name: "Facter Truck";
+        readonly primaryColor: "#3B5BDB";
+        readonly description: "Sistema de gestão de frotas";
+    };
+    readonly vagas: {
+        readonly name: "Facter Vagas";
+        readonly primaryColor: "#8B5CF6";
+        readonly description: "Plataforma de vagas de emprego";
+    };
+    readonly techcare: {
+        readonly name: "Facter TechCare";
+        readonly primaryColor: "#16A34A";
+        readonly description: "Sistema de assistência técnica";
+    };
+};
+
+export { FACTER_THEMES, type FacterTheme, THEME_INFO };

package/dist/themes/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Facter Design System - Theme Presets
+ *
+ * Temas disponíveis:
+ * - truck: Azul (Facter Truck)
+ * - vagas: Roxo (Facter Vagas)
+ * - techcare: Verde (Facter TechCare)
+ *
+ * Uso no projeto:
+ * ```css
+ * // globals.css
+ * @import '@facter/ds-core/themes/base.css';
+ * @import '@facter/ds-core/themes/techcare.css';
+ * @tailwind base;
+ * @tailwind components;
+ * @tailwind utilities;
+ * ```
+ */
+declare const FACTER_THEMES: {
+    readonly truck: "truck";
+    readonly vagas: "vagas";
+    readonly techcare: "techcare";
+};
+type FacterTheme = keyof typeof FACTER_THEMES;
+/**
+ * Lista de temas disponíveis com suas cores primárias
+ */
+declare const THEME_INFO: {
+    readonly truck: {
+        readonly name: "Facter Truck";
+        readonly primaryColor: "#3B5BDB";
+        readonly description: "Sistema de gestão de frotas";
+    };
+    readonly vagas: {
+        readonly name: "Facter Vagas";
+        readonly primaryColor: "#8B5CF6";
+        readonly description: "Plataforma de vagas de emprego";
+    };
+    readonly techcare: {
+        readonly name: "Facter TechCare";
+        readonly primaryColor: "#16A34A";
+        readonly description: "Sistema de assistência técnica";
+    };
+};
+
+export { FACTER_THEMES, type FacterTheme, THEME_INFO };

package/dist/themes/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+// src/themes/index.ts
+var FACTER_THEMES = {
+  truck: "truck",
+  vagas: "vagas",
+  techcare: "techcare"
+};
+var THEME_INFO = {
+  truck: {
+    name: "Facter Truck",
+    primaryColor: "#3B5BDB",
+    // hsl(233 65% 50%)
+    description: "Sistema de gest\xE3o de frotas"
+  },
+  vagas: {
+    name: "Facter Vagas",
+    primaryColor: "#8B5CF6",
+    // hsl(262 83% 58%)
+    description: "Plataforma de vagas de emprego"
+  },
+  techcare: {
+    name: "Facter TechCare",
+    primaryColor: "#16A34A",
+    // hsl(142 76% 36%)
+    description: "Sistema de assist\xEAncia t\xE9cnica"
+  }
+};
+
+exports.FACTER_THEMES = FACTER_THEMES;
+exports.THEME_INFO = THEME_INFO;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -0,0 +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"]}

package/dist/themes/index.mjs

@@ -0,0 +1,30 @@
+// src/themes/index.ts
+var FACTER_THEMES = {
+  truck: "truck",
+  vagas: "vagas",
+  techcare: "techcare"
+};
+var THEME_INFO = {
+  truck: {
+    name: "Facter Truck",
+    primaryColor: "#3B5BDB",
+    // hsl(233 65% 50%)
+    description: "Sistema de gest\xE3o de frotas"
+  },
+  vagas: {
+    name: "Facter Vagas",
+    primaryColor: "#8B5CF6",
+    // hsl(262 83% 58%)
+    description: "Plataforma de vagas de emprego"
+  },
+  techcare: {
+    name: "Facter TechCare",
+    primaryColor: "#16A34A",
+    // hsl(142 76% 36%)
+    description: "Sistema de assist\xEAncia t\xE9cnica"
+  }
+};
+
+export { FACTER_THEMES, THEME_INFO };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/themes/index.mjs.map

@@ -0,0 +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"]}

package/dist/themes/tailwind-preset.d.mts

@@ -0,0 +1,19 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * Facter Design System - Tailwind Preset
+ *
+ * Uso:
+ * ```ts
+ * // tailwind.config.ts
+ * import { facterPreset } from '@facter/ds-core/themes/tailwind-preset'
+ *
+ * export default {
+ *   presets: [facterPreset],
+ *   content: ['./src/** /*.{ts,tsx}'],
+ * } satisfies Config
+ * ```
+ */
+declare const facterPreset: Partial<Config>;
+
+export { facterPreset as default, facterPreset };

package/dist/themes/tailwind-preset.d.ts

@@ -0,0 +1,19 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * Facter Design System - Tailwind Preset
+ *
+ * Uso:
+ * ```ts
+ * // tailwind.config.ts
+ * import { facterPreset } from '@facter/ds-core/themes/tailwind-preset'
+ *
+ * export default {
+ *   presets: [facterPreset],
+ *   content: ['./src/** /*.{ts,tsx}'],
+ * } satisfies Config
+ * ```
+ */
+declare const facterPreset: Partial<Config>;
+
+export { facterPreset as default, facterPreset };

package/dist/themes/tailwind-preset.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// src/themes/tailwind-preset.ts
+var facterPreset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        chart: {
+          "1": "hsl(var(--chart-1))",
+          "2": "hsl(var(--chart-2))",
+          "3": "hsl(var(--chart-3))",
+          "4": "hsl(var(--chart-4))",
+          "5": "hsl(var(--chart-5))"
+        }
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out"
+      }
+    }
+  }
+};
+var tailwind_preset_default = facterPreset;
+
+exports.default = tailwind_preset_default;
+exports.facterPreset = facterPreset;
+//# sourceMappingURL=tailwind-preset.js.map
+//# sourceMappingURL=tailwind-preset.js.map

package/dist/themes/tailwind-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/themes/tailwind-preset.ts"],"names":[],"mappings":";;;;;AAgBO,IAAM,YAAA,GAAgC;AAAA,EAC3C,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,oBAAA;AAAA,QACR,KAAA,EAAO,mBAAA;AAAA,QACP,IAAA,EAAM,kBAAA;AAAA,QACN,UAAA,EAAY,wBAAA;AAAA,QACZ,UAAA,EAAY,wBAAA;AAAA,QACZ,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,qBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,uBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,WAAA,EAAa;AAAA,UACX,OAAA,EAAS,yBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,mBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,MAAA,EAAQ;AAAA,UACN,OAAA,EAAS,oBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,qBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,kBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,KAAA,EAAO;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK;AAAA;AACP,OACF;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,gBAAA,EAAkB;AAAA,UAChB,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAA,EAAI;AAAA,UACpB,EAAA,EAAI,EAAE,MAAA,EAAQ,uCAAA;AAAwC,SACxD;AAAA,QACA,cAAA,EAAgB;AAAA,UACd,IAAA,EAAM,EAAE,MAAA,EAAQ,uCAAA,EAAwC;AAAA,UACxD,EAAA,EAAI,EAAE,MAAA,EAAQ,GAAA;AAAI;AACpB,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,gBAAA,EAAkB,8BAAA;AAAA,QAClB,cAAA,EAAgB;AAAA;AAClB;AACF;AAEJ;AAEA,IAAO,uBAAA,GAAQ","file":"tailwind-preset.js","sourcesContent":["import type { Config } from 'tailwindcss'\r\n\r\n/**\r\n * Facter Design System - Tailwind Preset\r\n *\r\n * Uso:\r\n * ```ts\r\n * // tailwind.config.ts\r\n * import { facterPreset } from '@facter/ds-core/themes/tailwind-preset'\r\n *\r\n * export default {\r\n *   presets: [facterPreset],\r\n *   content: ['./src/** /*.{ts,tsx}'],\r\n * } satisfies Config\r\n * ```\r\n */\r\nexport const facterPreset: Partial<Config> = {\r\n  darkMode: 'class',\r\n  theme: {\r\n    extend: {\r\n      colors: {\r\n        border: 'hsl(var(--border))',\r\n        input: 'hsl(var(--input))',\r\n        ring: 'hsl(var(--ring))',\r\n        background: 'hsl(var(--background))',\r\n        foreground: 'hsl(var(--foreground))',\r\n        primary: {\r\n          DEFAULT: 'hsl(var(--primary))',\r\n          foreground: 'hsl(var(--primary-foreground))',\r\n        },\r\n        secondary: {\r\n          DEFAULT: 'hsl(var(--secondary))',\r\n          foreground: 'hsl(var(--secondary-foreground))',\r\n        },\r\n        destructive: {\r\n          DEFAULT: 'hsl(var(--destructive))',\r\n          foreground: 'hsl(var(--destructive-foreground))',\r\n        },\r\n        muted: {\r\n          DEFAULT: 'hsl(var(--muted))',\r\n          foreground: 'hsl(var(--muted-foreground))',\r\n        },\r\n        accent: {\r\n          DEFAULT: 'hsl(var(--accent))',\r\n          foreground: 'hsl(var(--accent-foreground))',\r\n        },\r\n        popover: {\r\n          DEFAULT: 'hsl(var(--popover))',\r\n          foreground: 'hsl(var(--popover-foreground))',\r\n        },\r\n        card: {\r\n          DEFAULT: 'hsl(var(--card))',\r\n          foreground: 'hsl(var(--card-foreground))',\r\n        },\r\n        chart: {\r\n          '1': 'hsl(var(--chart-1))',\r\n          '2': 'hsl(var(--chart-2))',\r\n          '3': 'hsl(var(--chart-3))',\r\n          '4': 'hsl(var(--chart-4))',\r\n          '5': 'hsl(var(--chart-5))',\r\n        },\r\n      },\r\n      borderRadius: {\r\n        lg: 'var(--radius)',\r\n        md: 'calc(var(--radius) - 2px)',\r\n        sm: 'calc(var(--radius) - 4px)',\r\n      },\r\n      keyframes: {\r\n        'accordion-down': {\r\n          from: { height: '0' },\r\n          to: { height: 'var(--radix-accordion-content-height)' },\r\n        },\r\n        'accordion-up': {\r\n          from: { height: 'var(--radix-accordion-content-height)' },\r\n          to: { height: '0' },\r\n        },\r\n      },\r\n      animation: {\r\n        'accordion-down': 'accordion-down 0.2s ease-out',\r\n        'accordion-up': 'accordion-up 0.2s ease-out',\r\n      },\r\n    },\r\n  },\r\n}\r\n\r\nexport default facterPreset\r\n"]}

package/dist/themes/tailwind-preset.mjs

@@ -0,0 +1,74 @@
+// src/themes/tailwind-preset.ts
+var facterPreset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        chart: {
+          "1": "hsl(var(--chart-1))",
+          "2": "hsl(var(--chart-2))",
+          "3": "hsl(var(--chart-3))",
+          "4": "hsl(var(--chart-4))",
+          "5": "hsl(var(--chart-5))"
+        }
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out"
+      }
+    }
+  }
+};
+var tailwind_preset_default = facterPreset;
+
+export { tailwind_preset_default as default, facterPreset };
+//# sourceMappingURL=tailwind-preset.mjs.map
+//# sourceMappingURL=tailwind-preset.mjs.map

package/dist/themes/tailwind-preset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/themes/tailwind-preset.ts"],"names":[],"mappings":";AAgBO,IAAM,YAAA,GAAgC;AAAA,EAC3C,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,oBAAA;AAAA,QACR,KAAA,EAAO,mBAAA;AAAA,QACP,IAAA,EAAM,kBAAA;AAAA,QACN,UAAA,EAAY,wBAAA;AAAA,QACZ,UAAA,EAAY,wBAAA;AAAA,QACZ,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,qBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,uBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,WAAA,EAAa;AAAA,UACX,OAAA,EAAS,yBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,mBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,MAAA,EAAQ;AAAA,UACN,OAAA,EAAS,oBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,qBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,kBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,KAAA,EAAO;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK,qBAAA;AAAA,UACL,GAAA,EAAK;AAAA;AACP,OACF;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,gBAAA,EAAkB;AAAA,UAChB,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAA,EAAI;AAAA,UACpB,EAAA,EAAI,EAAE,MAAA,EAAQ,uCAAA;AAAwC,SACxD;AAAA,QACA,cAAA,EAAgB;AAAA,UACd,IAAA,EAAM,EAAE,MAAA,EAAQ,uCAAA,EAAwC;AAAA,UACxD,EAAA,EAAI,EAAE,MAAA,EAAQ,GAAA;AAAI;AACpB,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,gBAAA,EAAkB,8BAAA;AAAA,QAClB,cAAA,EAAgB;AAAA;AAClB;AACF;AAEJ;AAEA,IAAO,uBAAA,GAAQ","file":"tailwind-preset.mjs","sourcesContent":["import type { Config } from 'tailwindcss'\r\n\r\n/**\r\n * Facter Design System - Tailwind Preset\r\n *\r\n * Uso:\r\n * ```ts\r\n * // tailwind.config.ts\r\n * import { facterPreset } from '@facter/ds-core/themes/tailwind-preset'\r\n *\r\n * export default {\r\n *   presets: [facterPreset],\r\n *   content: ['./src/** /*.{ts,tsx}'],\r\n * } satisfies Config\r\n * ```\r\n */\r\nexport const facterPreset: Partial<Config> = {\r\n  darkMode: 'class',\r\n  theme: {\r\n    extend: {\r\n      colors: {\r\n        border: 'hsl(var(--border))',\r\n        input: 'hsl(var(--input))',\r\n        ring: 'hsl(var(--ring))',\r\n        background: 'hsl(var(--background))',\r\n        foreground: 'hsl(var(--foreground))',\r\n        primary: {\r\n          DEFAULT: 'hsl(var(--primary))',\r\n          foreground: 'hsl(var(--primary-foreground))',\r\n        },\r\n        secondary: {\r\n          DEFAULT: 'hsl(var(--secondary))',\r\n          foreground: 'hsl(var(--secondary-foreground))',\r\n        },\r\n        destructive: {\r\n          DEFAULT: 'hsl(var(--destructive))',\r\n          foreground: 'hsl(var(--destructive-foreground))',\r\n        },\r\n        muted: {\r\n          DEFAULT: 'hsl(var(--muted))',\r\n          foreground: 'hsl(var(--muted-foreground))',\r\n        },\r\n        accent: {\r\n          DEFAULT: 'hsl(var(--accent))',\r\n          foreground: 'hsl(var(--accent-foreground))',\r\n        },\r\n        popover: {\r\n          DEFAULT: 'hsl(var(--popover))',\r\n          foreground: 'hsl(var(--popover-foreground))',\r\n        },\r\n        card: {\r\n          DEFAULT: 'hsl(var(--card))',\r\n          foreground: 'hsl(var(--card-foreground))',\r\n        },\r\n        chart: {\r\n          '1': 'hsl(var(--chart-1))',\r\n          '2': 'hsl(var(--chart-2))',\r\n          '3': 'hsl(var(--chart-3))',\r\n          '4': 'hsl(var(--chart-4))',\r\n          '5': 'hsl(var(--chart-5))',\r\n        },\r\n      },\r\n      borderRadius: {\r\n        lg: 'var(--radius)',\r\n        md: 'calc(var(--radius) - 2px)',\r\n        sm: 'calc(var(--radius) - 4px)',\r\n      },\r\n      keyframes: {\r\n        'accordion-down': {\r\n          from: { height: '0' },\r\n          to: { height: 'var(--radix-accordion-content-height)' },\r\n        },\r\n        'accordion-up': {\r\n          from: { height: 'var(--radix-accordion-content-height)' },\r\n          to: { height: '0' },\r\n        },\r\n      },\r\n      animation: {\r\n        'accordion-down': 'accordion-down 0.2s ease-out',\r\n        'accordion-up': 'accordion-up 0.2s ease-out',\r\n      },\r\n    },\r\n  },\r\n}\r\n\r\nexport default facterPreset\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@facter/ds-core",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Facter Design System - Core components (Button, Input, Badge, Spinner, Loader)",
   "author": "Facter",
   "license": "MIT",
@@ -25,10 +25,25 @@
       "import": "./dist/components/Button/index.mjs",
       "require": "./dist/components/Button/index.js",
       "types": "./dist/components/Button/index.d.ts"
-    }
+    },
+    "./themes": {
+      "import": "./dist/themes/index.mjs",
+      "require": "./dist/themes/index.js",
+      "types": "./dist/themes/index.d.ts"
+    },
+    "./themes/tailwind-preset": {
+      "import": "./dist/themes/tailwind-preset.mjs",
+      "require": "./dist/themes/tailwind-preset.js",
+      "types": "./dist/themes/tailwind-preset.d.ts"
+    },
+    "./themes/base.css": "./src/themes/base.css",
+    "./themes/truck.css": "./src/themes/truck.css",
+    "./themes/vagas.css": "./src/themes/vagas.css",
+    "./themes/techcare.css": "./src/themes/techcare.css"
   },
   "files": [
     "dist",
+    "src/themes/*.css",
     "README.md"
   ],
   "sideEffects": false,
@@ -46,11 +61,15 @@
   "homepage": "https://github.com/tamicaires/facter-design-system#readme",
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0"
   },
   "peerDependenciesMeta": {
     "react-icons": {
       "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -63,14 +82,25 @@
     "jsdom": "^23.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.54.2",
+    "tailwindcss": "^3.4.0",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
     "vitest": "^1.1.0"
   },
   "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.2.4",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "framer-motion": "^12.23.24",
+    "lucide-react": "^0.553.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^2.2.0"
   },
   "scripts": {

package/src/themes/base.css

@@ -0,0 +1,31 @@
+/*
+ * Facter Design System - Base Theme
+ * Tokens comuns a todos os sistemas
+ */
+
+:root {
+  /* Radius */
+  --radius: 0.5rem;
+
+  /* Scrollbar */
+  scrollbar-width: thin;
+}
+
+/* Scrollbar styling */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: hsl(var(--muted-foreground) / 0.3);
+  border-radius: 40px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: hsl(var(--muted-foreground) / 0.5);
+}
+
+::-webkit-scrollbar-track {
+  background-color: hsl(var(--muted));
+}

package/src/themes/techcare.css

@@ -0,0 +1,59 @@
+/*
+ * Facter TechCare Theme
+ * Primary: Verde (142 76% 36%) - Estilo shadcn
+ */
+
+:root {
+  --background: 0 0% 100%;
+  --foreground: 240 10% 3.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 3.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 3.9%;
+  --primary: 142 76% 36%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 140 10% 96%;
+  --secondary-foreground: 142 10% 10%;
+  --muted: 140 10% 94%;
+  --muted-foreground: 142 5% 46%;
+  --accent: 140 10% 96%;
+  --accent-foreground: 142 10% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 140 10% 90%;
+  --input: 140 10% 90%;
+  --ring: 142 76% 36%;
+  --radius: 0.5rem;
+  --chart-1: 142 76% 36%;
+  --chart-2: 142 76% 26%;
+  --chart-3: 142 76% 46%;
+  --chart-4: 43 74% 66%;
+  --chart-5: 27 87% 67%;
+}
+
+.dark {
+  --background: 142 50% 4%;
+  --foreground: 0 0% 95%;
+  --card: 142 50% 6%;
+  --card-foreground: 0 0% 95%;
+  --popover: 142 50% 6%;
+  --popover-foreground: 0 0% 95%;
+  --primary: 142 70% 45%;
+  --primary-foreground: 142 50% 5%;
+  --secondary: 142 30% 15%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 142 30% 15%;
+  --muted-foreground: 142 20% 65%;
+  --accent: 142 30% 15%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 50%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 142 30% 15%;
+  --input: 142 30% 15%;
+  --ring: 142 70% 45%;
+  --chart-1: 142 70% 45%;
+  --chart-2: 142 70% 35%;
+  --chart-3: 142 70% 55%;
+  --chart-4: 280 65% 60%;
+  --chart-5: 340 75% 55%;
+}

package/src/themes/truck.css

@@ -0,0 +1,59 @@
+/*
+ * Facter Truck Theme
+ * Primary: Azul (233 65% 50%)
+ */
+
+:root {
+  --background: 0 0% 98%;
+  --foreground: 240 10% 3.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 3.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 3.9%;
+  --primary: 233 65% 50%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 240 4.8% 95.9%;
+  --secondary-foreground: 240 5.9% 10%;
+  --muted: 240 4.8% 93.9%;
+  --muted-foreground: 240 3.8% 46%;
+  --accent: 240 4.8% 95.9%;
+  --accent-foreground: 240 5.9% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 240 5.9% 90%;
+  --input: 240 5.9% 90%;
+  --ring: 233 65% 50%;
+  --radius: 0.5rem;
+  --chart-1: 233 65% 50%;
+  --chart-2: 233 65% 40%;
+  --chart-3: 233 65% 60%;
+  --chart-4: 43 74% 66%;
+  --chart-5: 27 87% 67%;
+}
+
+.dark {
+  --background: 222 47% 6%;
+  --foreground: 0 0% 95%;
+  --card: 222 47% 8%;
+  --card-foreground: 0 0% 95%;
+  --popover: 222 47% 8%;
+  --popover-foreground: 0 0% 95%;
+  --primary: 223 65% 55%;
+  --primary-foreground: 222 47% 11%;
+  --secondary: 217 33% 17%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 217 33% 17%;
+  --muted-foreground: 215 20% 65%;
+  --accent: 217 33% 17%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 50%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 217 33% 17%;
+  --input: 217 33% 17%;
+  --ring: 223 65% 55%;
+  --chart-1: 223 65% 55%;
+  --chart-2: 223 65% 45%;
+  --chart-3: 223 65% 65%;
+  --chart-4: 280 65% 60%;
+  --chart-5: 340 75% 55%;
+}

package/src/themes/vagas.css

@@ -0,0 +1,59 @@
+/*
+ * Facter Vagas Theme
+ * Primary: Roxo (262 83% 58%)
+ */
+
+:root {
+  --background: 0 0% 98%;
+  --foreground: 240 10% 3.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 3.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 3.9%;
+  --primary: 262 83% 58%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 270 10% 96%;
+  --secondary-foreground: 262 10% 10%;
+  --muted: 270 10% 94%;
+  --muted-foreground: 262 5% 46%;
+  --accent: 270 10% 96%;
+  --accent-foreground: 262 10% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 270 10% 90%;
+  --input: 270 10% 90%;
+  --ring: 262 83% 58%;
+  --radius: 0.5rem;
+  --chart-1: 262 83% 58%;
+  --chart-2: 262 83% 48%;
+  --chart-3: 262 83% 68%;
+  --chart-4: 340 75% 55%;
+  --chart-5: 30 80% 55%;
+}
+
+.dark {
+  --background: 262 50% 6%;
+  --foreground: 0 0% 95%;
+  --card: 262 50% 8%;
+  --card-foreground: 0 0% 95%;
+  --popover: 262 50% 8%;
+  --popover-foreground: 0 0% 95%;
+  --primary: 262 83% 65%;
+  --primary-foreground: 262 50% 10%;
+  --secondary: 262 30% 17%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 262 30% 17%;
+  --muted-foreground: 262 20% 65%;
+  --accent: 262 30% 17%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 50%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 262 30% 17%;
+  --input: 262 30% 17%;
+  --ring: 262 83% 65%;
+  --chart-1: 262 83% 65%;
+  --chart-2: 262 83% 55%;
+  --chart-3: 262 83% 75%;
+  --chart-4: 340 75% 55%;
+  --chart-5: 30 80% 55%;
+}