feat: repeater table columns (#43)

* Fix Repeater table mode implementation and revert to Tailwind v3

* tailwind v4

* repeater

* remove inline

* fix: phpstan

* Fix styling

* change commit message

---------

Co-authored-by: Baspa <[email protected]>

Author: Baspa

.github/workflows/fix-php-code-style-issues.yml

@@ -24,4 +24,4 @@ jobs:
       - name: Commit changes
         uses: stefanzweifel/git-auto-commit-action@v7
         with:
-          commit_message: Fix styling
+          commit_message: "styles: fix styling issues"

package-lock.json

@@ -2,27 +2,25 @@
     "private": true,
     "type": "module",
     "scripts": {
-        "dev:styles": "npx tailwindcss -i resources/css/index.css -o resources/dist/fields.css --postcss --watch",
+        "dev:styles": "npx @tailwindcss/cli -i resources/css/index.css -o resources/dist/fields.css --watch",
         "dev:scripts": "node bin/build.js --dev",
-        "build:styles": "npx tailwindcss -i resources/css/index.css -o resources/dist/fields.css --postcss --minify && npm run purge",
+        "build:styles": "npx @tailwindcss/cli -i resources/css/index.css -o resources/dist/fields.css --minify && npm run purge",
         "build:scripts": "node bin/build.js",
         "purge": "filament-purge -i resources/dist/fields.css -o resources/dist/fields.css -v 3.x",
         "dev": "npm-run-all --parallel dev:*",
         "build": "npm-run-all build:*"
     },
     "devDependencies": {
         "@awcodes/filament-plugin-purge": "^1.1.1",
-        "@tailwindcss/forms": "^0.5.4",
-        "@tailwindcss/typography": "^0.5.9",
+        "@tailwindcss/cli": "^4.1.16",
+        "@tailwindcss/postcss": "^4.1.16",
         "@tiptap/core": "^3.4.4",
         "@tiptap/pm": "^3.4.4",
-        "autoprefixer": "^10.4.14",
         "esbuild": "^0.25.0",
         "npm-run-all": "^4.1.5",
         "postcss": "^8.4.26",
-        "postcss-import": "^15.1.0",
         "prettier": "^2.7.1",
         "prettier-plugin-tailwindcss": "^0.1.13",
-        "tailwindcss": "^3.3.3"
+        "tailwindcss": "^4.1.16"
     }
 }

package.json

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}

postcss.config.js

@@ -1,29 +1,43 @@
 /* Jump Anchor Plugin Styles */
 .jump-anchor {
-    @apply bg-yellow-100 border-b-2 border-yellow-400 px-1 rounded-sm;
+    background-color: var(--color-yellow-100);
+    border-bottom-width: 2px;
+    border-bottom-color: var(--color-yellow-400);
+    padding-left: var(--spacing);
+    padding-right: var(--spacing);
+    border-radius: var(--radius-sm);
     position: relative;
 }
 
 .jump-anchor:hover {
-    @apply bg-yellow-200;
+    background-color: var(--color-yellow-200);
 }
 
 .jump-anchor::after {
     content: "🔗";
-    @apply text-xs ml-1 opacity-60;
+    font-size: var(--text-xs);
+    margin-left: var(--spacing);
+    opacity: 0.6;
 }
 
 /* Jump anchor in editor */
 .ProseMirror .jump-anchor {
-    @apply bg-yellow-100 border-b-2 border-yellow-400 px-1 rounded-sm;
+    background-color: var(--color-yellow-100);
+    border-bottom-width: 2px;
+    border-bottom-color: var(--color-yellow-400);
+    padding-left: var(--spacing);
+    padding-right: var(--spacing);
+    border-radius: var(--radius-sm);
     cursor: pointer;
 }
 
 .ProseMirror .jump-anchor:hover {
-    @apply bg-yellow-200;
+    background-color: var(--color-yellow-200);
 }
 
 .ProseMirror .jump-anchor::after {
     content: "🔗";
-    @apply text-xs ml-1 opacity-60;
+    font-size: var(--text-xs);
+    margin-left: var(--spacing);
+    opacity: 0.6;
 }

resources/css/fields.css

@@ -1,2 +1,3 @@
-@import '../../vendor/filament/filament/resources/css/theme.css';
+@import "tailwindcss";
 @import './fields.css';
+@source './vendor/saade/filament-adjacency-list/resources/views/**/*.blade.php';