qt-ui-kit 1.0.111 → 1.0.113

package/dist/style.css

@@ -229,12 +229,18 @@
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
+  .top-\[2px\] {
+    top: 2px;
+  }
   .top-\[140\%\] {
     top: 140%;
   }
   .right-\[-6px\] {
     right: -6px;
   }
+  .right-\[-7px\] {
+    right: -7px;
+  }
   .right-\[56\%\] {
     right: 56%;
   }
@@ -256,6 +262,9 @@
   .z-10 {
     z-index: 10;
   }
+  .z-999 {
+    z-index: 999;
+  }
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -298,6 +307,9 @@
     -webkit-box-orient: horizontal;
     -webkit-line-clamp: unset;
   }
+  .block {
+    display: block;
+  }
   .flex {
     display: flex;
   }
@@ -307,6 +319,9 @@
   .inline-block {
     display: inline-block;
   }
+  .table {
+    display: table;
+  }
   .h-3\.5 {
     height: calc(var(--spacing) * 3.5);
   }
@@ -412,6 +427,9 @@
   .min-w-\[40px\] {
     min-width: 40px;
   }
+  .min-w-\[58px\] {
+    min-width: 58px;
+  }
   .flex-1 {
     flex: 1;
   }
@@ -424,6 +442,9 @@
   .grow {
     flex-grow: 1;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -496,6 +517,12 @@
   .items-center {
     align-items: center;
   }
+  .justify-center {
+    justify-content: center;
+  }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -534,8 +561,8 @@
       margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
-  .overflow-auto {
-    overflow: auto;
+  .overflow-x-hidden {
+    overflow-x: hidden;
   }
   .overflow-y-auto {
     overflow-y: auto;
@@ -661,6 +688,12 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-white {
+    border-color: var(--color-white);
+  }
+  .bg-\[\#545454\] {
+    background-color: #545454;
+  }
   .bg-black {
     background-color: var(--color-black);
   }
@@ -715,6 +748,9 @@
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
+  .p-\[0\] {
+    padding: 0;
+  }
   .p-\[45px\] {
     padding: 45px;
   }
@@ -748,6 +784,9 @@
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
+  .pt-\[15px\] {
+    padding-top: 15px;
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -777,9 +816,16 @@
   .text-\[0\.7rem\] {
     font-size: 0.7rem;
   }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
   .text-\[9px\] {
     font-size: 9px;
   }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -871,9 +917,6 @@
     -moz-user-select: none;
          user-select: none;
   }
-  .\[scrollbar-gutter\:stable\] {
-    scrollbar-gutter: stable;
-  }
   .placeholder\:text-gray-400 {
     &::-moz-placeholder {
       color: var(--color-gray-400);
@@ -1152,6 +1195,10 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
@@ -1291,6 +1338,7 @@
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-border-style: solid;
+      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qt-ui-kit",
-  "version": "1.0.111",
+  "version": "1.0.113",
   "description": "Reusable component library with Tailwind v4 and custom CSS",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -17,22 +17,25 @@
   ],
   "scripts": {
     "dev": "npx ladle serve",
+    "watch": "tsup --watch --onSuccess \"npm run build:css\"",
     "build:css": "postcss src/index.css -o dist/style.css",
-    "build": "tsup",
+    "build": "tsup && npm run build:css",
     "prepublishOnly": "npm run build && npm run build:css",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
   "dependencies": {
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/postcss": "^4.1.4",
     "@tailwindcss/typography": "^0.5.16",
     "clsx": "^2.1.1",
     "dompurify": "^3.2.6",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
     "react-markdown": "^10.1.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",