@seeqdev/qomponents 0.0.189 → 0.0.191

package/dist/src/InputGroup/InputGroup.d.ts

@@ -4,4 +4,4 @@ import '../styles.css';
 /**
  * InputGroup.
  */
-export declare const InputGroup: React.FunctionComponent<InputGroupProps>;
+export declare const InputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/src/Select/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './Select';
-export { components as SelectCompoents } from 'react-select';
+export { components as SelectComponents, type GroupBase, type OptionProps } from 'react-select';

package/dist/src/TextArea/TextArea.d.ts

@@ -4,4 +4,4 @@ import '../styles.css';
 /**
  * TextArea.
  */
-export declare const TextArea: React.FunctionComponent<TextAreaProps>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/src/TextField/TextField.d.ts

@@ -4,4 +4,4 @@ import '../styles.css';
 /**
  * Textfield.
  */
-export declare const TextField: React.FunctionComponent<TextFieldProps & InputLengthStyleProps>;
+export declare const TextField: React.ForwardRefExoticComponent<Omit<TextFieldProps & InputLengthStyleProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/src/index.d.ts

@@ -5,8 +5,7 @@ import Checkbox from './Checkbox';
 import TextArea from './TextArea';
 import { QTip, Tooltip } from './Tooltip';
 import Icon from './Icon';
-import Select from './Select';
-import { SelectCompoents } from './Select';
+import Select, { type GroupBase, type OptionProps, SelectComponents } from './Select';
 import Modal from './Modal';
 import Tabs from './Tabs';
 import Accordion from './Accordion';
@@ -28,8 +27,7 @@ export { TextArea };
 export { Tooltip };
 export { Checkbox };
 export { Icon };
-export { Select };
-export { SelectCompoents };
+export { Select, SelectComponents, type GroupBase, type OptionProps };
 export { QTip };
 export { Modal };
 export { Accordion };

package/dist/styles.css

@@ -208,7 +208,7 @@
   }
 }
 @layer utilities {
-  .tw\:\!pointer-events-auto {
+  .tw\:pointer-events-auto\! {
     pointer-events: auto !important;
   }
   .tw\:pointer-events-none {
@@ -265,12 +265,6 @@
   .tw\:left-\[50\%\] {
     left: 50%;
   }
-  .tw\:\!z-\[9000\] {
-    z-index: 9000 !important;
-  }
-  .tw\:\!z-\[9999\] {
-    z-index: 9999 !important;
-  }
   .tw\:z-50 {
     z-index: 50;
   }
@@ -292,9 +286,15 @@
   .tw\:z-\[1200\] {
     z-index: 1200;
   }
+  .tw\:z-\[9000\]\! {
+    z-index: 9000 !important;
+  }
   .tw\:z-\[9999\] {
     z-index: 9999;
   }
+  .tw\:z-\[9999\]\! {
+    z-index: 9999 !important;
+  }
   .tw\:m-0\.5 {
     margin: calc(var(--tw-spacing) * 0.5);
   }
@@ -313,9 +313,6 @@
   .tw\:my-6 {
     margin-block: calc(var(--tw-spacing) * 6);
   }
-  .tw\:\!mt-1 {
-    margin-top: calc(var(--tw-spacing) * 1) !important;
-  }
   .tw\:-mt-0\.5 {
     margin-top: calc(var(--tw-spacing) * -0.5);
   }
@@ -328,6 +325,9 @@
   .tw\:mt-1 {
     margin-top: calc(var(--tw-spacing) * 1);
   }
+  .tw\:mt-1\! {
+    margin-top: calc(var(--tw-spacing) * 1) !important;
+  }
   .tw\:mt-1\.5 {
     margin-top: calc(var(--tw-spacing) * 1.5);
   }
@@ -605,15 +605,15 @@
   .tw\:animate-spin {
     animation: var(--tw-animate-spin);
   }
-  .tw\:\!cursor-not-allowed {
-    cursor: not-allowed !important;
-  }
   .tw\:cursor-default {
     cursor: default;
   }
   .tw\:cursor-not-allowed {
     cursor: not-allowed;
   }
+  .tw\:cursor-not-allowed\! {
+    cursor: not-allowed !important;
+  }
   .tw\:cursor-pointer {
     cursor: pointer;
   }
@@ -656,7 +656,7 @@
   .tw\:justify-start {
     justify-content: flex-start;
   }
-  .tw\:\!gap-0 {
+  .tw\:gap-0\! {
     gap: calc(var(--tw-spacing) * 0) !important;
   }
   .tw\:gap-1 {
@@ -677,15 +677,15 @@
   .tw\:overflow-y-auto {
     overflow-y: auto;
   }
-  .tw\:\!rounded-\[0\.25rem\] {
-    border-radius: 0.25rem !important;
-  }
   .tw\:rounded {
     border-radius: 0.25rem;
   }
   .tw\:rounded-\[0\.5rem\] {
     border-radius: 0.5rem;
   }
+  .tw\:rounded-\[0\.25rem\]\! {
+    border-radius: 0.25rem !important;
+  }
   .tw\:rounded-\[0\.1875rem\] {
     border-radius: 0.1875rem;
   }
@@ -822,15 +822,6 @@
   .tw\:border-b-sq-theme-darker {
     border-bottom-color: var(--theme-darker);
   }
-  .tw\:\!bg-red-500 {
-    background-color: var(--tw-color-red-500) !important;
-  }
-  .tw\:\!bg-sq-disabled-gray {
-    background-color: var(--sqw-disabled-gray) !important;
-  }
-  .tw\:\!bg-sq-success {
-    background-color: var(--sqw-success-color) !important;
-  }
   .tw\:bg-black {
     background-color: var(--tw-color-black);
   }
@@ -855,6 +846,9 @@
   .tw\:bg-red-400 {
     background-color: var(--tw-color-red-400);
   }
+  .tw\:bg-red-500\! {
+    background-color: var(--tw-color-red-500) !important;
+  }
   .tw\:bg-sq-bg-warning {
     background-color: #fff3cd;
   }
@@ -879,6 +873,9 @@
   .tw\:bg-sq-disabled-gray {
     background-color: var(--sqw-disabled-gray);
   }
+  .tw\:bg-sq-disabled-gray\! {
+    background-color: var(--sqw-disabled-gray) !important;
+  }
   .tw\:bg-sq-field-disabled-gray {
     background-color: #efefef;
   }
@@ -891,6 +888,9 @@
   .tw\:bg-sq-overlay {
     background-color: #eeedee;
   }
+  .tw\:bg-sq-success\! {
+    background-color: var(--sqw-success-color) !important;
+  }
   .tw\:bg-sq-text-color {
     background-color: #3a3a3a;
   }
@@ -1078,9 +1078,6 @@
   .tw\:whitespace-nowrap {
     white-space: nowrap;
   }
-  .tw\:\!text-sq-disabled-gray {
-    color: var(--sqw-disabled-gray) !important;
-  }
   .tw\:text-gray-400 {
     color: var(--tw-color-gray-400);
   }
@@ -1105,6 +1102,9 @@
   .tw\:text-sq-disabled-gray {
     color: var(--sqw-disabled-gray);
   }
+  .tw\:text-sq-disabled-gray\! {
+    color: var(--sqw-disabled-gray) !important;
+  }
   .tw\:text-sq-fairly-dark-gray {
     color: var(--sqw-fairly-dark-gray);
   }
@@ -1143,12 +1143,12 @@
       color: var(--tw-color-gray-400);
     }
   }
-  .tw\:\!opacity-30 {
-    opacity: 30% !important;
-  }
   .tw\:opacity-0 {
     opacity: 0%;
   }
+  .tw\:opacity-30\! {
+    opacity: 30% !important;
+  }
   .tw\:opacity-50 {
     opacity: 50%;
   }
@@ -1753,11 +1753,6 @@
       background-color: var(--tw-color-gray-700);
     }
   }
-  .tw\:dark\:bg-sq-black {
-    &:where(.tw-dark, .tw-dark *) {
-      background-color: var(--sq-black);
-    }
-  }
   .tw\:dark\:bg-sq-colored-hover-dark {
     &:where(.tw-dark, .tw-dark *) {
       background-color: #262c36;
@@ -1778,6 +1773,11 @@
       background-color: #262c36;
     }
   }
+  .tw\:dark\:bg-sq-multi-gray-dark\! {
+    &:where(.tw-dark, .tw-dark *) {
+      background-color: #262c36 !important;
+    }
+  }
   .tw\:dark\:bg-sq-theme-dark {
     &:where(.tw-dark, .tw-dark *) {
       background-color: var(--theme-dark);

package/package.json

@@ -1,26 +1,28 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.189",
+  "version": "0.0.191",
   "main": "dist/index.js",
+  "source": "src/index.ts",
   "module": "dist/index.esm.js",
   "types": "dist/src/index.d.ts",
-  "skip-lib-check": true,
+  "style": "src/styles.css",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/src/index.d.ts"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
   "files": [
     "dist"
   ],
-  "repository": {
-    "type": "git",
-    "url": "TOOD"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "description": "A library that allows you to build native UIs ... TODO",
+  "description": "Seeq's UI component library built for React",
   "author": "Seeq",
   "license": "MIT",
-  "bugs": {
-    "url": "TODO"
-  },
   "homepage": "https://seeq12.github.io/qomponents-documentation/",
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -66,7 +68,9 @@
     "typescript": "5.9.3"
   },
   "dependencies": {
+    "@babel/runtime": "^7.28.4",
     "@floating-ui/dom": "1.6.3",
+    "@mantine/hooks": "^8.3.12",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-dropdown-menu": "2.1.16",
@@ -85,7 +89,6 @@
   },
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs",
-    "build:watch": "rollup -c --bundleConfigAsCjs --watch",
     "test": "cross-env TZ=UTC LANG=en-US jest",
     "test:watch": "cross-env TZ=UTC LANG=en-US jest --watch",
     "dev": "ladle serve",