v1.1.0

Author: minimal-ui-kit

package.json

@@ -6,7 +6,7 @@
   "engines": {
     "node": ">=20"
   },
-  "packageManager": "pnpm@9.15.1",
+  "packageManager": "pnpm@10.17.1",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "turbo dev",
@@ -26,9 +26,9 @@
     "release": "pnpm build:release && changeset version && changeset publish"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.28.1",
-    "prettier": "^3.5.2",
-    "turbo": "^2.4.2",
-    "typescript": "^5.7.3"
+    "@changesets/cli": "^2.29.7",
+    "prettier": "^3.6.2",
+    "turbo": "^2.5.8",
+    "typescript": "^5.9.2"
   }
 }

packages/internal-eslint-config/package.json

@@ -11,16 +11,16 @@
     "tsc:print": "npx tsc --showConfig"
   },
   "devDependencies": {
-    "@eslint/js": "^9.21.0",
-    "eslint": "^9.21.0",
-    "eslint-import-resolver-typescript": "^3.8.3",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-perfectionist": "^4.9.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "5.1.0",
-    "eslint-plugin-unused-imports": "^4.1.4",
-    "globals": "^16.0.0",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.1"
+    "@eslint/js": "^9.36.0",
+    "eslint": "^9.36.0",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-perfectionist": "^4.15.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-unused-imports": "^4.2.0",
+    "globals": "^16.4.0",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.44.1"
   }
 }

packages/minimal-shared/CHANGELOG.md

@@ -1,5 +1,13 @@
 # minimal-shared
 
+## 1.1.0
+
+_Sep 27, 2025_
+
+- Add `src/utils/right-to-left`.
+
+---
+
 ## 1.0.15
 
 _Jun 20, 2025_

packages/minimal-shared/package.json

@@ -1,7 +1,7 @@
 {
   "name": "minimal-shared",
   "author": "Minimals",
-  "version": "1.0.15",
+  "version": "1.1.0",
   "description": "Shared hooks and utils used by Minimal UI and Zone UI.",
   "keywords": [
     "typescript",
@@ -66,20 +66,20 @@
     "tsc:print": "npx tsc --showConfig"
   },
   "dependencies": {
-    "es-toolkit": "^1.32.0"
+    "es-toolkit": "^1.39.10"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@types/node": "^22.13.5",
-    "@types/react": "19.0.10",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^24.5.2",
+    "@types/react": "19.1.14",
     "internal-eslint-config": "workspace:*",
     "internal-ts-config": "workspace:*",
-    "jsdom": "^26.0.0",
+    "jsdom": "^27.0.0",
     "react": "^19.0.0",
-    "tsup": "^8.3.6",
-    "typescript": "^5.7.3",
-    "vitest": "^3.0.6"
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"

packages/minimal-shared/src/utils/index.ts

@@ -9,4 +9,5 @@ export * from './cookies';
 export * from './active-link';
 export * from './local-storage';
 export * from './css-variables';
+export * from './right-to-left';
 export * from './transform-number';

packages/minimal-shared/src/utils/right-to-left/index.ts

@@ -0,0 +1 @@
+export * from './right-to-left';

packages/minimal-shared/src/utils/right-to-left/right-to-left.test.ts

@@ -0,0 +1,35 @@
+import { noRtlFlip } from './right-to-left';
+
+// ----------------------------------------------------------------------
+
+describe('noRtlFlip()', () => {
+  it('1. Should append /* @noflip */ to a normal CSS value', () => {
+    expect(noRtlFlip('margin-left: 10px;')).toBe('margin-left: 10px; /* @noflip */');
+  });
+
+  it('2. Should trim whitespace before appending', () => {
+    expect(noRtlFlip('   padding-right: 20px;   ')).toBe('padding-right: 20px; /* @noflip */');
+  });
+
+  it('3. Should not duplicate the @noflip marker if already present', () => {
+    expect(noRtlFlip('color: red; /* @noflip */')).toBe('color: red; /* @noflip */');
+  });
+
+  it('4. Should return empty string and warn if non-string value is provided', () => {
+    const spy = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    expect(noRtlFlip(null)).toBe('');
+    expect(spy).toHaveBeenCalledWith('Invalid CSS value provided');
+    spy.mockRestore();
+  });
+
+  it('5. Should return empty string and warn if string is empty', () => {
+    const spy = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    expect(noRtlFlip('   ')).toBe('');
+    expect(spy).toHaveBeenCalledWith('Empty CSS value provided');
+    spy.mockRestore();
+  });
+
+  it('6. Should handle CSS with line breaks', () => {
+    expect(noRtlFlip('font-size: 14px;\n')).toBe('font-size: 14px; /* @noflip */');
+  });
+});

packages/minimal-shared/src/utils/right-to-left/right-to-left.ts

@@ -0,0 +1,29 @@
+/**
+ * Prevents automatic RTL (right-to-left) flipping of a CSS declaration
+ * by appending the `/* @noflip *\/` comment.
+ *
+ * @param {string} cssValue - A CSS declaration string (e.g., "margin-left: 10px;").
+ * @returns {string} The same declaration string with the `/* @noflip *\/` comment appended.
+ *
+ * @example
+ * noRtlFlip('margin-left: 10px;')  // 'margin-left: 10px; /* @noflip *\/'
+ */
+export function noRtlFlip(cssValue: unknown): string {
+  if (typeof cssValue !== 'string') {
+    console.warn('Invalid CSS value provided');
+    return '';
+  }
+
+  const trimmed = cssValue.trim();
+
+  if (!trimmed) {
+    console.warn('Empty CSS value provided');
+    return '';
+  }
+
+  if (trimmed.includes('/* @noflip */')) {
+    return trimmed;
+  }
+
+  return `${trimmed} /* @noflip */`;
+}