@tipp/ui 2.1.24 → 2.1.26

package/dist/index.css

@@ -30868,7 +30868,6 @@ p.kg-collection-card-post-excerpt{
   scrollbar-width: none;
 }
 .expand-table-wrapper .expand-table{
-  box-sizing: content-box;
   position: relative;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -30932,8 +30931,7 @@ p.kg-collection-card-post-excerpt{
   width: 100%;
   cursor: default;
   border-radius: var(--radius-6);
-  border: 1px solid transparent;
-  box-shadow: var(--shadow-2);
+  border: 1px solid var(--gray-a4);
   margin-bottom: var(--space-1);
   background-color: var(--color-panel-solid);
   transition: 0.3s ease-in-out background-color border-color;
@@ -31335,6 +31333,9 @@ dl.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListItem){
 .rt-CheckboxGroupRoot[data-orientation='horizontal']{
   flex-direction: row;
 }
+*{
+  box-sizing: border-box;
+}
 span,
 p{
   white-space: break-spaces;

package/dist/index.js

@@ -117,7 +117,7 @@ import {
 } from "./chunk-N3DAYFXZ.js";
 import {
   TagSelector
-} from "./chunk-OKESBH7U.js";
+} from "./chunk-FRBDP5QD.js";
 import {
   TimeSelect
 } from "./chunk-5VWEW4M2.js";

package/dist/molecules/index.cjs

@@ -2137,6 +2137,10 @@ var import_react25 = require("react");
 var import_react_icons5 = require("@radix-ui/react-icons");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var OPTION_HEIGHT = 32;
+var stopDefaultEvents = (e) => {
+  e.preventDefault();
+  e.stopPropagation();
+};
 var DefaultDropdownContainer = (props) => {
   return props.children;
 };
@@ -2239,7 +2243,7 @@ function TagSelector(props) {
       const key = e.key;
       switch (key) {
         case "ArrowDown": {
-          e.preventDefault();
+          stopDefaultEvents(e);
           let newFocus = 0;
           if (typeof focusIndex === "number") {
             newFocus = focusIndex + 1 >= options.length ? 0 : focusIndex + 1;
@@ -2249,7 +2253,7 @@ function TagSelector(props) {
           break;
         }
         case "ArrowUp": {
-          e.preventDefault();
+          stopDefaultEvents(e);
           let newFocus = 0;
           if (typeof focusIndex === "number") {
             newFocus = focusIndex - 1 < 0 ? options.length - 1 : focusIndex - 1;
@@ -2259,6 +2263,7 @@ function TagSelector(props) {
           break;
         }
         case "Enter":
+          stopDefaultEvents(e);
           setValue("");
           if (focusIndex !== null) {
             toggleItem((_a = filteredOptions[focusIndex]) == null ? void 0 : _a.id);
@@ -2270,6 +2275,7 @@ function TagSelector(props) {
           }
           break;
         case "Escape":
+          stopDefaultEvents(e);
           setOpen(false);
           break;
       }
@@ -2388,6 +2394,9 @@ function TagSelector(props) {
         onTouchMove: stopPropagationTouch,
         onWheel: stopPropagationWheel,
         sticky: "always",
+        style: {
+          pointerEvents: "fill"
+        },
         children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DropdownContainer,
           {