update fields in people.json

Co-authored-by: Valentine <valentine@pop-os.Dlink>
Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>

.changeset/chilled-pans-cheer.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": minor
+---
+
+Add a color palette in the signing component

.changeset/fresh-rockets-retire.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix mixed declarations in SCSS

.changeset/light-cooks-hug.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Update icons to v3.34.1 (75 new icons)

.changeset/modern-dots-bathe.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Update activity messages

.changeset/tricky-moons-laugh.md

@@ -0,0 +1,5 @@
+---
+"@tabler/docs": patch
+---
+
+Fix Docs search in dark mode

.changeset/twelve-tables-attack.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Fix responsive layputs in 'Form Elements' page

core/scss/layout/_navbar.scss

@@ -221,13 +221,13 @@ Navbar toggler
   width: 1.25em;
   background: currentColor;
   border-radius: 10px;
+  position: relative;
   @include transition(
     top $navbar-toggler-animation-time $navbar-toggler-animation-time,
     bottom $navbar-toggler-animation-time $navbar-toggler-animation-time,
     transform $navbar-toggler-animation-time,
     opacity 0s $navbar-toggler-animation-time
   );
-  position: relative;
   
   &:before,
   &:after {
@@ -320,9 +320,9 @@ Navbar vertical
             bottom: 0;
             z-index: $zindex-fixed;
             align-items: flex-start;
-            @include transition(transform $transition-time);
             overflow-y: scroll;
             padding: 0;
+            @include transition(transform $transition-time);
 
             &.navbar-right,
             &.navbar-end {

core/scss/ui/_cards.scss

@@ -111,11 +111,11 @@
   justify-content: center;
   padding: $card-spacer-y $card-spacer-x;
   text-align: center;
-  @include transition(background $transition-time);
   border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
   flex: 1;
   color: inherit;
   font-weight: var(--#{$prefix}font-weight-medium);
+  @include transition(background $transition-time);
 
   &:hover {
     text-decoration: none;

core/scss/ui/_nav.scss

@@ -65,8 +65,8 @@
 
 .nav-link {
   display: flex;
-  @include transition(color $transition-time, background-color $transition-time);
   align-items: center;
+  @include transition(color $transition-time, background-color $transition-time);
 
   &:hover,
   &:focus {

core/scss/ui/_tables.scss

@@ -112,10 +112,9 @@ Table sort
   display: block;
   width: 100%;
   text-align: inherit;
-  @include transition(color $transition-time);
-
   margin: calc(-1 * $table-th-padding-y) calc(-1 * $table-th-padding-x);
   padding: $table-th-padding-y $table-th-padding-x;
+  @include transition(color $transition-time);
 
   &:hover,
   &.asc,

docs/scss/docs.scss

@@ -3,6 +3,7 @@
 :root {
   --docsearch-primary-color: var(--tblr-primary);
   --docsearch-searchbox-background: var(--tblr-bg-surface);
+  --docsearch-searchbox-focus-background: var(--tblr-bg-surface);
   --docsearch-text-color: var(--tblr-body-text);
   --docsearch-key-shadow: 0 0 0 1px var(--tblr-border-color);
   --docsearch-key-gradient: var(--tblr-bg-surface-secondary);
@@ -25,6 +26,80 @@
   transition: all 0.2s ease-in-out;
 }
 
+.DocSearch-SearchBar {
+  display: flex;
+  padding: var(--docsearch-spacing) var(--docsearch-spacing) 0;
+  background-color: var(--tblr-bg-surface) !important;
+}
+
+.DocSearch-Hit-source {
+  background: none !important;
+}
+
+.DocSearch-Dropdown {
+  background-color: var(--tblr-bg-surface) !important;
+}
+
+.DocSearch-Hit a {
+  background-color: var(--tblr-bg-surface-secondary) !important;
+  border: 1px solid var(--tblr-border-color) !important;
+  color: var(--tblr-body-color) !important;
+  box-shadow: none !important;
+  
+  &:hover {
+    background-color: var(--tblr-bg-surface-tertiary) !important;
+    border-color: var(--tblr-border-color-active) !important;
+  }
+}
+
+.DocSearch-Hit-Container {
+  color: var(--tblr-body-color) !important;
+}
+
+.DocSearch-Hit-title {
+  color: var(--tblr-body-color) !important;
+}
+
+.DocSearch-Hit-path {
+  color: var(--tblr-muted) !important;
+}
+
+.DocSearch-Hit[aria-selected="true"] a {
+  background-color: var(--tblr-primary) !important;
+  border-color: var(--tblr-primary) !important;
+  color: var(--tblr-primary-fg) !important;
+}
+
+.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-Container,
+.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-title,
+.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-path {
+  color: var(--tblr-primary-fg) !important;
+}
+
+.DocSearch-Modal {
+  background-color: var(--tblr-bg-surface) !important;
+  box-shadow: var(--tblr-shadow-dropdown) !important;
+}
+
+.DocSearch-Form {
+  background-color: var(--tblr-bg-surface-secondary) !important;
+  border: 1px solid var(--tblr-border-color) !important;
+}
+
+.DocSearch-Input {
+  color: var(--tblr-body-color) !important;
+  
+  &::placeholder {
+    color: var(--tblr-muted) !important;
+  }
+}
+
+.DocSearch-Footer {
+  background-color: var(--tblr-bg-surface) !important;
+  border-top: 1px solid var(--tblr-border-color) !important;
+  box-shadow: none !important;
+}
+
 .DocSearch-Button-Key {
   top: 0;
 }

docs/vercel.json

@@ -9,14 +9,6 @@
       "source": "/stats/event",
       "destination": "https://plausible.io/api/event"
     },
-    {
-      "source": "/eat/static/:path(.*)",
-      "destination": "https://eu-assets.i.posthog.com/static/:path*"
-    },
-    {
-      "source": "/eat/:path(.*)",
-      "destination": "https://eu.i.posthog.com/:path*"
-    },
     {
       "source": "/(.*)",
       "destination": "/error-404.html"

package.json

@@ -37,7 +37,7 @@
     "glob": "^11.0.3",
     "js-beautify": "^1.15.4",
     "nodemon": "^3.1.10",
-    "pnpm": "10.6.5",
+    "pnpm": "^10.6.5",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "prettier": "^3.6.2",

pnpm-lock.yaml

@@ -67,7 +67,7 @@ importers:
         specifier: ^3.1.10
         version: 3.1.10
       pnpm:
-        specifier: 10.6.5
+        specifier: ^10.6.5
         version: 10.6.5
       postcss:
         specifier: ^8.5.6
@@ -204,8 +204,8 @@ importers:
         specifier: workspace:*
         version: link:../core
       '@tabler/icons':
-        specifier: ^3.31.0
+        specifier: ^3.34.1
-        version: 3.31.0
+        version: 3.34.1
     devDependencies:
       '@11ty/eleventy':
         specifier: ^3.1.1
@@ -996,8 +996,8 @@ packages:
   '@swc/helpers@0.2.14':
     resolution: {integrity: sha512-wpCQMhf5p5GhNg2MmGKXzUNwxe7zRiCsmqYsamez2beP7mKPCSiu+BjZcdN95yYSzO857kr0VfQewmGpS77nqA==}
 
-  '@tabler/icons@3.31.0':
+  '@tabler/icons@3.34.1':
-    resolution: {integrity: sha512-dblAdeKY3+GA1U+Q9eziZ0ooVlZMHsE8dqP0RkwvRtEsAULoKOYaCUOcJ4oW1DjWegdxk++UAt2SlQVnmeHv+g==}
+    resolution: {integrity: sha512-9gTnUvd7Fd/DmQgr3MKY+oJLa1RfNsQo8c/ir3TJAWghOuZXodbtbVp0QBY2DxWuuvrSZFys0HEbv1CoiI5y6A==}
 
   '@types/estree@1.0.7':
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
@@ -4095,7 +4095,7 @@ snapshots:
 
   '@swc/helpers@0.2.14': {}
 
-  '@tabler/icons@3.31.0': {}
+  '@tabler/icons@3.34.1': {}
 
   '@types/estree@1.0.7': {}
 

preview/.build/remove-prettier-ignore.mjs

@@ -1,25 +0,0 @@
-// remove-prettier-ignore.js
-import { readFileSync, writeFileSync } from 'fs';
-import { sync } from 'glob';
-
-const patterns = [
-   /\/\/ prettier-ignore[\s]*/g,
-];
-
-sync('dist/**/*.html').forEach(file => {
-   let content = readFileSync(file, 'utf8');
-   let modified = false;
-
-   patterns.forEach(pattern => {
-      const newContent = content.replace(pattern, '');
-      if (newContent !== content) {
-         content = newContent;
-         modified = true;
-      }
-   });
-
-   if (modified) {
-      writeFileSync(file, content);
-      console.log(`Cleaned: ${file}`);
-   }
-});

preview/package.json

@@ -18,10 +18,9 @@
     "js-minify": "pnpm run js-minify-demo",
     "js-minify-demo": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/preview/js/demo.js.map,includeSources,url=demo.min.js.map\" --output dist/preview/js/demo.min.js dist/preview/js/demo.js",
     "clean": "shx rm -rf dist demo",
-    "html": "pnpm run html-build && pnpm run html-prettify && pnpm run html-remove-prettier-ignore",
+    "html": "pnpm run html-build && pnpm run html-prettify",
     "html-build": "eleventy",
     "html-prettify": "prettier --write \"dist/**/*.html\" \"!dist/dist/**\"",
-    "html-remove-prettier-ignore": "node .build/remove-prettier-ignore.mjs",
     "svg-optimize": "svgo -f svg/brand --pretty",
     "unused-files": "node .build/unused-files.mjs",
     "download-images": "node .build/download-images.mjs",
@@ -38,7 +37,7 @@
   },
   "dependencies": {
     "@tabler/core": "workspace:*",
-    "@tabler/icons": "^3.31.0"
+    "@tabler/icons": "^3.34.1"
   },
   "prettier": {
     "tabWidth": 2,

preview/pages/activity.html

@@ -6,7 +6,7 @@ layout: default
 permalink: activity.html
 ---
 
-<div class="row justify-content-center">
+<div class="row">
 	<div class="col-8">
 		<div class="card">
 			<div class="card-body">

preview/pages/form-elements.html

@@ -45,7 +45,7 @@ permalink: form-elements.html
 	</div>
 
 	<div class="col-md-6">
-		<div class="card">
+		<div class="card h-100">
 			<div class="card-body">
 				<h3 class="card-title">Project ID</h3>
 				<p class="card-subtitle">Used when interacting with the API.</p>
@@ -80,13 +80,13 @@ permalink: form-elements.html
 		</div>
 	</div>
 
-	<div class="col-md-6">
+	<div class="col-12 col-lg-4">
 		{% include "cards/form/layout.html" %}
 	</div>
 
-	<div class="col-lg-4">
+	<div class="col-lg-8">
 		<div class="row row-cards">
-			<div class="col-12">
+			<div class="col-12 col-lg-6">
 				<div class="card">
 					<div class="card-header">
 						<h3 class="card-title">Input mask</h3>
@@ -127,8 +127,8 @@ permalink: form-elements.html
 					</div>
 				</div>
 			</div>
-			<div class="col-12">
+			<div class="col-12 col-lg-6">
-				<form class="card">
+				<form class="card h-100">
 					<div class="card-header">
 						<h3 class="card-title">My Profile</h3>
 					</div>
@@ -168,9 +168,9 @@ permalink: form-elements.html
 		</div>
 	</div>
 
-	<div class="col-lg-8">
+	<div class="col-lg-12">
 		<div class="row row-cards">
-			<div class="col-12">
+			<div class="col-12 col-lg-6">
 				<form class="card">
 					<div class="card-body">
 						<h3 class="card-title">Edit Profile</h3>
@@ -250,8 +250,8 @@ But that's the difference in our opinions.</textarea>
 					</div>
 				</form>
 			</div>
-			<div class="col-12">
+			<div class="col-12 col-lg-6">
-				<div class="card">
+				<div class="card h-100">
 					<div class="card-header">
 						<h3 class="card-title">HTTP Request</h3>
 					</div>

preview/pages/signatures.html

@@ -13,12 +13,6 @@ signaturePad.fromDataURL("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3
 
 
 {% capture advanced-js %}
-function randomColor() {
-  const r = Math.round(Math.random() * 255);
-  const g = Math.round(Math.random() * 255);
-  const b = Math.round(Math.random() * 255);
-  return `rgb(${r},${g},${b})`;
-}
 
 function download(dataURL, filename) {
   const blob = dataURLToBlob(dataURL);
@@ -49,9 +43,8 @@ function dataURLToBlob(dataURL) {
   return new Blob([uInt8Array], { type: contentType });
 }
 
-
+document.querySelector("#signature-advanced-color").addEventListener("input", function (e) {
-document.querySelector("#signature-advanced-color").addEventListener("click", function () {
+  signaturePad.penColor = e.target.value;
-  signaturePad.penColor = randomColor();
 });
 
 document.querySelector("#signature-advanced-svg").addEventListener("click", function () {
@@ -112,7 +105,7 @@ document.querySelector("#signature-advanced-png").addEventListener("click", func
 					<div class="mt-4">
 						<div class="row">
 							<div class="col">
-								<button href="" class="btn w-100" id="signature-advanced-color">Change color</button>
+                <input href="" type="color" id="signature-advanced-color" class="w-100 form-control form-control-color" />
 							</div>
 							<div class="col">
 								<button href="" class="btn w-100" id="signature-advanced-svg">Download SVG</button>

preview/vercel.json

@@ -8,14 +8,6 @@
       "source": "/stats/event",
       "destination": "https://plausible.io/api/event"
     },
-    {
-      "source": "/eat/static/:path(.*)",
-      "destination": "https://eu-assets.i.posthog.com/static/:path*"
-    },
-    {
-      "source": "/eat/:path(.*)",
-      "destination": "https://eu.i.posthog.com/:path*"
-    },
     {
       "source": "/(.*)",
       "destination": "/error-404.html"

shared/data/activity.json

@@ -1,56 +1,162 @@
 [
   {
-    "text": "<strong>%p</strong> commented on your <strong>\"I'm not a witch.\"</strong> post."
+    "text": "<strong>%p</strong> commented on your post: <strong>Not everything is what it seems</strong>",
+    "icon": "message-circle"
   },
   {
-    "text": "It's <strong>%p</strong>'s birthday. Wish him well!"
+    "text": "It's <strong>%p</strong>'s birthday today",
+    "icon": "cake"
   },
   {
-    "text": "<strong>%p</strong> posted <strong>\"Well, what do you want?\"</strong>."
+    "text": "<strong>%p</strong> posted a status: <strong>Trying to figure things out one step at a time.</strong>",
+    "icon": "pencil"
   },
   {
-    "text": "<strong>%p</strong> created a new project <strong>Morning alarm clock</strong>."
+    "text": "<strong>%p</strong> created a new project: <strong>Smart Morning Alarm</strong>",
+    "icon": "alarm"
   },
   {
-    "text": "<strong>%p</strong> liked your photo."
+    "text": "<strong>%p</strong> liked your photo",
+    "icon": "heart"
   },
   {
-    "text": "<strong>%p</strong> registered new client as <strong>%c</strong>."
+    "text": "<strong>%p</strong> registered a new client: <strong>Trilia Solutions</strong>",
+    "icon": "user-plus"
   },
   {
-    "text": "<strong>%p</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>."
+    "text": "<strong>%p</strong> closed a new deal on project: <strong>PPAP Campaign Strategy</strong>",
+    "icon": "handshake"
   },
   {
-    "text": "<strong>%p</strong> created a new project for <strong>%c</strong>."
+    "text": "<strong>%p</strong> created a new project: <strong>Wikibox Knowledge Platform</strong>",
+    "icon": "folder-plus"
   },
   {
-    "text": "<strong>%p</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>."
+    "text": "<strong>%p</strong> changed project status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>",
+    "icon": "check"
   },
   {
-    "text": "<strong>%p</strong> liked <strong>Tabler UI Kit</strong>."
+    "text": "<strong>%p</strong> liked the <strong>Tabler UI Kit</strong>",
+    "icon": "thumb-up"
   },
   {
-    "text": "<strong>%p</strong> posted new video."
+    "text": "<strong>%p</strong> shared a new video: <strong>Design Tips for Busy Creators</strong>",
+    "icon": "video"
   },
   {
-    "text": "<strong>%p</strong> and 3 others followed you."
+    "text": "<strong>%p</strong> and <strong>3 others</strong> followed you",
+    "icon": "user-plus"
   },
   {
-    "text": "<strong>%p</strong> upload 3 new photos to category <strong>Inspirations</strong>."
+    "text": "<strong>%p</strong> uploaded <strong>3 new photos</strong> to category: <strong>Creative Inspirations</strong>",
+    "icon": "photo"
   },
   {
-    "text": "<strong>%p</strong> made a <strong>$10</strong> donation."
+    "text": "<strong>%p</strong> made a <strong>$10 donation</strong>",
+    "icon": "coin"
   },
   {
-    "text": "<strong>%p</strong> created a profile."
+    "text": "<strong>%p</strong> created a profile",
+    "icon": "id"
   },
   {
-    "text": "<strong>%p</strong> hosted the event <strong>Tabler UI Birthday</strong>."
+    "text": "<strong>%p</strong> hosted the event: <strong>Tabler UI Anniversary</strong>",
+    "icon": "calendar-event"
   },
   {
-    "text": "<strong>%p</strong> mentioned you on <strong>Best of 2020</strong>."
+    "text": "<strong>%p</strong> mentioned you in <strong>Best of 2020 Highlights</strong>",
+    "icon": "at"
   },
   {
-    "text": "<strong>%p</strong> sent a Review Request to <strong>Amanda Blake</strong>."
+    "text": "<strong>%p</strong> sent a review request to <strong>Amanda Blake</strong>",
+    "icon": "send"
+  },
+  {
+    "text": "<strong>%p</strong> posted a photo from her vacation in <strong>Tuscany</strong>",
+    "icon": "camera"
+  },
+  {
+    "text": "<strong>%p</strong> shared an article: <strong>Top 10 productivity hacks</strong>",
+    "icon": "book"
+  },
+  {
+    "text": "<strong>%p</strong> commented on your photo",
+    "icon": "message-circle"
+  },
+  {
+    "text": "<strong>%p</strong> joined the group: <strong>UX Designers Hub</strong>",
+    "icon": "users"
+  },
+  {
+    "text": "<strong>%p</strong> uploaded new design mockups",
+    "icon": "layout"
+  },
+  {
+    "text": "<strong>%p</strong> reacted with ❤️ to your story",
+    "icon": "emoji-heart-eyes"
+  },
+  {
+    "text": "<strong>%p</strong> posted a video: <strong>Building Better Dashboards</strong>",
+    "icon": "video"
+  },
+  {
+    "text": "<strong>%p</strong> joined your webinar: <strong>Intro to TypeScript</strong>",
+    "icon": "presentation"
+  },
+  {
+    "text": "<strong>%p</strong> commented: <strong>This is so helpful!</strong>",
+    "icon": "message-circle"
+  },
+  {
+    "text": "<strong>%p</strong> updated her profile photo",
+    "icon": "user-edit"
+  },
+  {
+    "text": "<strong>%p</strong> posted a job listing: <strong>Frontend Developer</strong>",
+    "icon": "briefcase"
+  },
+  {
+    "text": "<strong>%p</strong> started following your project: <strong>Clean Code Patterns</strong>",
+    "icon": "code"
+  },
+  {
+    "text": "<strong>%p</strong> gave feedback on your latest design",
+    "icon": "message-check"
+  },
+  {
+    "text": "<strong>%p</strong> shared a playlist: <strong>Coding Flow</strong>",
+    "icon": "music"
+  },
+  {
+    "text": "<strong>%p</strong> joined the event: <strong>Night UI Meetup</strong>",
+    "icon": "calendar-plus"
+  },
+  {
+    "text": "<strong>%p</strong> shared a memory: <strong>2 years at Tabler!</strong>",
+    "icon": "history"
+  },
+  {
+    "text": "<strong>%p</strong> retweeted your latest post",
+    "icon": "repeat"
+  },
+  {
+    "text": "<strong>%p</strong> shared your story to their network",
+    "icon": "share"
+  },
+  {
+    "text": "<strong>%p</strong> invited you to collaborate on her workspace",
+    "icon": "user-plus"
+  },
+  {
+    "text": "<strong>%p</strong> published a new blog post: <strong>Dark Mode for All</strong>",
+    "icon": "article"
+  },
+  {
+    "text": "<strong>%p</strong> mentioned you in a comment",
+    "icon": "at"
+  },
+  {
+    "text": "<strong>%p</strong> shared a new design: <strong>Modern Dashboard UI</strong>",
+    "icon": "layout"
   }
 ]

shared/data/icons-info.json

@@ -1 +1 @@
-{"version":"3.31.0","count":5880}
+{"version":"3.34.1","count":5945}

shared/data/sri.json

@@ -1,22 +1,22 @@
 {
-  "css": "sha384-LUZmhPrA9DuvV+PENAthWDl8vR3wEHZ2mxCp6V4VEbbCIDjvxx2RlvvYjfSZZ+Fe",
+  "css": "sha384-kz+I4+mczbNiZfLAJMxOlJaZmnbRYhARHNkR2k6tal4gz7OL33/0puDD3SvkiNX9",
-  "css-rtl": "sha384-R+1hmp3uvF0kkOZyoxDNAnLplv2bfSkdzNMujFi7fbvcu+l5L15NMKg50UT7SHD0",
+  "css-rtl": "sha384-oBsMN4t4hqHp2yPeHCvYqwzbzTIQj7tW4JvGHxhmk14iAV8n8UWc8nl5PjfN0Cmp",
-  "css-flags": "sha384-H7p4Cgh2RM3r9apL63WdIpPu9BtIhbGngx0f3WrqyCpunfY+X7M4apXpQQcZqA5c",
+  "css-flags": "sha384-kmvP0hkBXZ2hMSZlbvE1Q2HIXzPCQRL3ijUeqNiwaPd2nl2Aks+s3gW+V5fAHOX9",
-  "css-flags-rtl": "sha384-tzddSAu/YEPdL4FEjR4HwaKan3DhU5kQ+ifJOWa0kR7eb1RUmPKr8PHEx1Hmgx+t",
+  "css-flags-rtl": "sha384-Q/h6koANGclsGnwB8rvF8h84H54NKHDeNWFj6yiE4WLLEXyHcz+Zu6Afkh2ssYTC",
-  "css-marketing": "sha384-jdZv/iHkc5OuAPy1SD9QancYje5FHhs4s1GL7AOvKdb6ZMiC+Zwya8pCGDBb7tIf",
+  "css-marketing": "sha384-4dAlYnPzCom9yeC/5++PFq2FG/szJRlUPsDSrjZ3EWP8IAzK7g7rrsnSfqrS67Se",
-  "css-marketing-rtl": "sha384-MfCU8754hWY2IAkf1SVH5helVjarYxM1zeyxecKh2AuQcacQzKz+7dxQoWN074ca",
+  "css-marketing-rtl": "sha384-c6gNhuNYjp+lqluSdArbL8ciLEBq7IVU00XnPM2Eogj8RAjMapccvOM/pGhk3vV6",
-  "css-payments": "sha384-sCkGfjP5FkkIIL7H3FNIhYK1ZvUwMQeOLVSfOblaDQoKZX8k71BHZk1LMHMPRjbx",
+  "css-payments": "sha384-xWIXbKxPLGG/ZEGUKxDjJn3xmUgd2PC2CSZUKJ4PyTse49DiuvJx2WT5wSNJRyw9",
-  "css-payments-rtl": "sha384-gZtxDQ2AdE1j/+cmuiPWY+AJ0jtnsk2C3Z65u+uyzQkqfISW1V7Blezfumdm/mfj",
+  "css-payments-rtl": "sha384-69CxgA+uEPtM07SLA8MMAdnBmwtVGndDJf8nIPdfvNrDayBfPqOK3wS3nvV5yyk+",
-  "css-socials": "sha384-bujgRtkeNSwK8hFfCUO6SyIyWngJuWblefHIViyjq5XbDAEeCi1YRlIqggw9Vcqu",
+  "css-socials": "sha384-eWmz8gyiLzrDw3JcT/PJxjGyKizQjvByfHqocjrMMkIrbKFCnOuP/qMwAz3bHmsC",
-  "css-socials-rtl": "sha384-SIYJowkbADF1DNCVS7QnO0WDOPI7xOulE2iUJ5do1VveCIHslxNnE7lYyXbHMqtH",
+  "css-socials-rtl": "sha384-yobKDIyTOxB1z7t/uZ2ImuXrcKWF24vDYg2vR1n7x2msF09iWnvyIxQtfEl9+OFl",
-  "css-props": "sha384-eFBhxMcWpvjSKfWwkdzIeMzXUt2j6d0od1+xwAYsUAtAlBK0SK/tZl9xbx624xxx",
+  "css-props": "sha384-yctdHmQqHsVGkRviR41l44mMU+tmJq7aIvUiRG05pnl2kIjaX1e9yuT6SdYTVMg/",
-  "css-props-rtl": "sha384-ifUxJ+Cmg0A/0cl51AAiC0TsP2kvHrBMyGxIsHWT3sPmZzu0PGHf0Pc3YwmoUWkT",
+  "css-props-rtl": "sha384-xMuKYM+iQpCesX0ZyyH7tW8KJgLkUOyHlPwNjEY8ZepdiAXhT9+psV8ohJ4xqlkg",
-  "css-themes": "sha384-EWgzD0j3PnZ9hhq/YFnSNV/Hm54BB0hWYSSCEj6OR1YxP0BVDEM7Enp+UAJDMqBx",
+  "css-themes": "sha384-jTe/MdN6BlY4S3eYe6Qw++yTjuezmVnxWp/l7GAG1qXGC+jttphHqsAN/bGPvJOk",
-  "css-themes-rtl": "sha384-rzVwsvFoVNK25vTMMkUuO71ndLJIhoMtvnaA9BKDBa2s+lboMuDmnHX/ikLmdgqv",
+  "css-themes-rtl": "sha384-WTp4aZ+OGqnkNR6Xe0sJwwfd0JHGq3dZTLU2ITKxTK2zjcJTBUMY/+Z4eXgm8ipF",
-  "css-vendors-rtl": "sha384-bD4REzS6v/hyJgKgmqVmDd/HSu5y3dsZ4hQYcdYQqEOKQDLUEyqiWAWYq/NObB8B",
+  "css-vendors-rtl": "sha384-V555LUGE2xyN4wNbzdVMgsajsKmJdlLFm20Ws72jEyPiSsTXXITV0PebNzVeBjnb",
-  "css-vendors": "sha384-yYQlhpXu43M9F6EsDV1V/GQBPy9gQSKTTkvRiSnKEbUjI3/RhmpARqgI9pUTU6Z9",
+  "css-vendors": "sha384-+X7+c/noY2B9ieq9daEaVStkUhIFyJTO5T6Occ6jZisx57sbECetvloLqcvGahUv",
-  "js": "sha384-2WdYXbwTs+5LXi+OUvcthfGsTS1s8P9lt6uUbrglmYVhAsPSh1ItGCmXkpzSR34u",
+  "js": "sha384-pku3birjgGovaJ9ngF7SaxKkF/eYUvBjiMJ+jTtWbNesIj2Rud2K63+4JD7EF4gk",
-  "js-theme": "sha384-owIUMWnQZ6WJM5sJcZYopxE42XrqqKivlpxysxQYM+RXYbaHGAWVo2aniM4Wyhxq",
+  "js-theme": "sha384-SoDJmj40r6f9Rfxi6Fq+bNS8ofhlZMyxHk9dq9Y8e1M17PZGkBRN/XUpx8swn0i5",
   "demo-css": "sha384-BUDq2P684xwRBf0GDlySvob+KJg4ko8y2K7njgvYBscmEuqoVVqJ75zcTDozwkFA",
   "demo-js": "sha384-UcTgbM9IZSOPHHuFa0R9H4TegQWoZkJKpeTjLV5hjem2k0CZ67Q4/bW2rT/Edf4Z"
 }

shared/e11ty/data.mjs

@@ -5,8 +5,4 @@ export function appData(eleventyConfig) {
 	eleventyConfig.addGlobalData("package", JSON.parse(readFileSync(join("..", "core", "package.json"), "utf-8")));
 	eleventyConfig.addGlobalData("changelog", readFileSync(join("..", "core", "CHANGELOG.md"), "utf-8"));
 	eleventyConfig.addGlobalData("libs", JSON.parse(readFileSync(join("..", "core", "libs.json"), "utf-8")));
-
-	// Analytics Environment Variables
-	eleventyConfig.addGlobalData("posthogApiKey", process.env.NEXT_PUBLIC_POSTHOG_KEY);
-	eleventyConfig.addGlobalData("posthogHost", process.env.NEXT_PUBLIC_POSTHOG_HOST);
 }

shared/includes/cards/form/layout.html

@@ -1,5 +1,5 @@
 {% assign horizontal = include.horizontal | default: false %}
-<form class="card">
+<form class="card h-100">
 	<div class="card-header">
 		<h3 class="card-title">{{ include.title | default: 'Basic form' }}</h3>
 	</div>
@@ -64,6 +64,9 @@
 				</label>
 			</div>
 		</div>
+		
+	</div>
+	<div class="card-footer">
 		<div class="text-end">
 			<button type="submit" class="btn btn-primary">Submit</button>
 		</div>

shared/includes/layout/analytics.html

@@ -1,10 +1 @@
-{% if posthogApiKey %}
+<script defer data-api="/stats/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
-<script>
-   /** 
-    * This script is used to track user interactions and page views.
-    * It is only for demo purposes. Don't use it in production.
-    */
-	// prettier-ignore
-   !function (t, e) { var o, n, p, r; e.__SV || (window.posthog = e, e._i = [], e.init = function (i, s, a) { function g(t, e) { var o = e.split("."); 2 == o.length && (t = t[o[0]], e = o[1]), t[e] = function () { t.push([e].concat(Array.prototype.slice.call(arguments, 0))) } } (p = t.createElement("script")).type = "text/javascript", p.crossOrigin = "anonymous", p.async = !0, p.src = s.api_host.replace(".i.posthog.com", "-assets.i.posthog.com") + "/static/array.js", (r = t.getElementsByTagName("script")[0]).parentNode.insertBefore(p, r); var u = e; for (void 0 !== a ? u = e[a] = [] : a = "posthog", u.people = u.people || [], u.toString = function (t) { var e = "posthog"; return "posthog" !== a && (e += "." + a), t || (e += " (stub)"), e }, u.people.toString = function () { return u.toString(1) + ".people (stub)" }, o = "init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "), n = 0; n < o.length; n++)g(u, o[n]); e._i.push([i, s, a]) }, e.__SV = 1) }(document, window.posthog || []);const currentDomain = window.location.hostname;if (['docs.tabler.io', 'preview.tabler.io', 'dev.tabler.io'].includes(currentDomain)) {posthog.init('{{ posthogApiKey }}', {api_host: `/eat`,person_profiles: 'identified_only',capture_pageview: true,capture_pageleave: true,loaded: function (posthog) {console.log('PostHog initialized on', currentDomain);}});} 
-</script>
-{% endif %}

shared/layouts/docs/default.html

@@ -48,15 +48,13 @@
 	<meta name="twitter:title" content="{{ metaTitle }}">
 	{% if metaDescription %}<meta name="twitter:description" content="{{ metaDescription }}">{% endif %}
 
+	<script defer data-api="/stats/event" data-domain="docs.tabler.io" src="/stats/js/script.js"></script>
+
 	{% elsif environment == 'development' %}
 	<link rel="icon" href="{{ page | relative }}/favicon-dev.ico" type="image/x-icon" />
 	<link rel="shortcut icon" href="{{ page | relative }}/favicon-dev.ico" type="image/x-icon" />
 	{% endif %}
 
-	{% if environment == 'production' %}
-	{% include "layout/analytics.html" %}
-	{% endif %}
-
 	<link rel="stylesheet" href="/dist/css/tabler{% if environment != 'development' %}.min{% endif %}.css{% if environment != 'development' %}?{{ 'now' | date: '%s' }}{% endif %}" />
 	{% for plugin in site.cssPlugins %}
 	<link

turbo.json

@@ -1,9 +1,7 @@
 {
   "$schema": "https://turbo.build/schema.json",
   "globalEnv": [
-    "NODE_ENV",
+    "NODE_ENV"
-    "NEXT_PUBLIC_POSTHOG_KEY",
-    "NEXT_PUBLIC_POSTHOG_HOST"
   ],
   "tasks": {
     "build": {