feat: Add core functions

src/formatters/camelToKebab.ts

@@ -0,0 +1,3 @@
+export function camelToKebab(str: string) {
+  return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}

src/formatters/index.ts

@@ -0,0 +1 @@
+export * from "./camelToKebab";

src/index.ts

@@ -0,0 +1,4 @@
+export * from "./stringifyCSSProperties";
+export * from "./stringifyStyles";
+
+export * from "./types";

src/stringifyCSSProperties.ts

@@ -0,0 +1,14 @@
+import { type CSSProperties } from "react";
+import { camelToKebab } from "./formatters";
+
+export function stringifyCSSProperties(
+  cssProperties: CSSProperties,
+  important: boolean = false
+) {
+  return Object.entries(cssProperties)
+    .map(
+      ([key, value]) =>
+        `${camelToKebab(key)}:${value}${important ? "!important" : ""}`
+    )
+    .join("; ");
+}

src/stringifyStyles.ts

@@ -0,0 +1,13 @@
+import { type StyleObject } from "./types";
+import { stringifyCSSProperties } from "./stringifyCSSProperties";
+
+export function stringifyStyles(
+  styleObject: StyleObject,
+  important: boolean = false
+) {
+  return Object.entries(styleObject)
+    .map(
+      ([key, value]) => `${key}{${stringifyCSSProperties(value, important)}}`
+    )
+    .join(" ");
+}

src/types.ts

@@ -0,0 +1,5 @@
+import { type CSSProperties } from "react";
+
+export type CSSSelector = string;
+
+export type StyleObject = Record<CSSSelector, CSSProperties>;