@scripso-homepad/ui 0.4.23 → 0.4.25

package/dist/web/index.css

@@ -48,41 +48,20 @@
 .table-scroll-area::-webkit-scrollbar-corner {
   background: transparent;
 }
-.table-sticky-right-shadow::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 0;
-  width: 12px;
-  transform: translateX(-100%);
-  background:
-    linear-gradient(
-      90deg,
-      rgba(21, 26, 30, 0) 0%,
-      rgba(21, 26, 30, 0.08) 100%);
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity 150ms ease;
-}
-.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-shadow::before {
-  opacity: 1;
-}
-.table-sticky-right-head {
-  background-color: var(--color-storm-gray-0, #fbfcfc);
-}
-.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-head {
-  background-color: #fff;
-}
 
 /* src/web/components/drawer-scroll.css */
 .drawer-scroll-area {
   scrollbar-color: var(--color-storm-gray-200, #d5d9dd) transparent;
-  scrollbar-width: thin;
+  scrollbar-width: unset;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .drawer-scroll-area {
+    scrollbar-width: thin;
+  }
 }
 .drawer-scroll-area::-webkit-scrollbar {
-  width: 4px;
+  width: 3px;
+  height: 3px;
   -webkit-appearance: none;
   appearance: none;
 }
@@ -126,7 +105,7 @@
   background: #fff;
   border: 1px solid var(--color-storm-gray-50, #eceef0);
   border-radius: 20px;
-  box-shadow: 0 0 20px 0 #0000000d;
+  box-shadow: 0 1px 4px 0 #00000014;
   color: var(--color-slate-blue, #182e3c);
   overflow: visible;
 }

package/dist/web/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/web/components/table-scroll.css","../../src/web/components/drawer-scroll.css","../../src/web/components/sonner-toast.css"],"sourcesContent":[".table-scroll-area {\n  scrollbar-color: var(--color-storm-gray-50, #eceef0) transparent;\n  scrollbar-width: thin;\n}\n\n.table-scroll-area::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-button,\n.table-scroll-area::-webkit-scrollbar-button:single-button,\n.table-scroll-area::-webkit-scrollbar-button:double-button,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:increment,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:decrement,\n.table-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n  max-width: 0;\n  max-height: 0;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.table-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-50, #eceef0);\n  border-radius: 51px;\n}\n\n.table-scroll-area::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n.table-sticky-right-shadow::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 0;\n  width: 12px;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, rgba(21, 26, 30, 0) 0%, rgba(21, 26, 30, 0.08) 100%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 150ms ease;\n}\n\n.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-shadow::before {\n  opacity: 1;\n}\n\n.table-sticky-right-head {\n  background-color: var(--color-storm-gray-0, #fbfcfc);\n}\n\n.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-head {\n  background-color: #fff;\n}\n",".drawer-scroll-area {\n  scrollbar-color: var(--color-storm-gray-200, #d5d9dd) transparent;\n  scrollbar-width: thin;\n}\n\n.drawer-scroll-area::-webkit-scrollbar {\n  width: 4px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-button,\n.drawer-scroll-area::-webkit-scrollbar-button:single-button,\n.drawer-scroll-area::-webkit-scrollbar-button:double-button,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-200, #d5d9dd);\n  border-radius: 9999px;\n}\n",".homepad-toaster {\n  --width: 409px;\n  --gap: 12px;\n  --border-radius: 20px;\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] {\n  align-items: center;\n  gap: 16px;\n  width: 409px;\n  min-height: 72px;\n  height: auto;\n  padding: 12px 44px 12px 12px;\n  background: #fff;\n  border: 1px solid var(--color-storm-gray-50, #eceef0);\n  border-radius: 20px;\n  box-shadow: 0 0 20px 0 #0000000d;\n  color: var(--color-slate-blue, #182e3c);\n  overflow: visible;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'][data-front='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster\n  [data-sonner-toast][data-styled='true'][data-mounted='true'][data-expanded='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-icon] {\n  width: auto;\n  height: auto;\n  margin: 0;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-content] {\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  align-self: center;\n  overflow: visible;\n}\n\n.homepad-toaster .homepad-toast__title {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 19px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__description {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__icon-badge {\n  display: flex;\n  width: 48px;\n  height: 48px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 12px;\n  border-radius: 12px;\n  box-sizing: border-box;\n}\n\n.homepad-toaster .homepad-toast__icon-badge svg {\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--success {\n  background: var(--color-emerald-green-0, #f0fbf5);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--error {\n  background: var(--color-ruby-red-0, #fff5f6);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--warning {\n  background: #f2a8001a;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--info,\n.homepad-toaster .homepad-toast__icon-badge--default {\n  background: #0f52c71a;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] {\n  top: 50%;\n  right: 12px;\n  left: auto;\n  width: 20px;\n  height: 20px;\n  transform: translateY(-50%);\n  border: 0;\n  background: transparent;\n  box-shadow: none;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {\n  background: transparent;\n  border-color: transparent;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] svg {\n  width: 20px;\n  height: 20px;\n}\n\n@media (max-width: 767px) {\n  .homepad-toaster {\n    --width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster[data-sonner-toaster] {\n    right: var(--mobile-offset-right, 8px);\n    left: var(--mobile-offset-left, 8px);\n    width: calc(100vw - 16px);\n    max-width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster [data-sonner-toast][data-styled='true'] {\n    right: 0;\n    left: 0;\n    width: 100%;\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/web/components/table-scroll.css","../../src/web/components/drawer-scroll.css","../../src/web/components/sonner-toast.css"],"sourcesContent":[".table-scroll-area {\n  scrollbar-color: var(--color-storm-gray-50, #eceef0) transparent;\n  scrollbar-width: thin;\n}\n\n.table-scroll-area::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-button,\n.table-scroll-area::-webkit-scrollbar-button:single-button,\n.table-scroll-area::-webkit-scrollbar-button:double-button,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:increment,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:decrement,\n.table-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n  max-width: 0;\n  max-height: 0;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.table-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-50, #eceef0);\n  border-radius: 51px;\n}\n\n.table-scroll-area::-webkit-scrollbar-corner {\n  background: transparent;\n}\n",".drawer-scroll-area {\n  scrollbar-color: var(--color-storm-gray-200, #d5d9dd) transparent;\n  /* Chrome 121+ ignores ::-webkit-scrollbar width when scrollbar-width is set. */\n  scrollbar-width: unset;\n}\n\n/* Firefox has no ::-webkit-scrollbar; thin is the slimmest standard option. */\n@supports not selector(::-webkit-scrollbar) {\n  .drawer-scroll-area {\n    scrollbar-width: thin;\n  }\n}\n\n.drawer-scroll-area::-webkit-scrollbar {\n  width: 3px;\n  height: 3px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-button,\n.drawer-scroll-area::-webkit-scrollbar-button:single-button,\n.drawer-scroll-area::-webkit-scrollbar-button:double-button,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-200, #d5d9dd);\n  border-radius: 9999px;\n}\n",".homepad-toaster {\n  --width: 409px;\n  --gap: 12px;\n  --border-radius: 20px;\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] {\n  align-items: center;\n  gap: 16px;\n  width: 409px;\n  min-height: 72px;\n  height: auto;\n  padding: 12px 44px 12px 12px;\n  background: #fff;\n  border: 1px solid var(--color-storm-gray-50, #eceef0);\n  border-radius: 20px;\n  box-shadow: 0 1px 4px 0 #00000014;\n  color: var(--color-slate-blue, #182e3c);\n  overflow: visible;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'][data-front='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster\n  [data-sonner-toast][data-styled='true'][data-mounted='true'][data-expanded='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-icon] {\n  width: auto;\n  height: auto;\n  margin: 0;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-content] {\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  align-self: center;\n  overflow: visible;\n}\n\n.homepad-toaster .homepad-toast__title {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 19px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__description {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__icon-badge {\n  display: flex;\n  width: 48px;\n  height: 48px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 12px;\n  border-radius: 12px;\n  box-sizing: border-box;\n}\n\n.homepad-toaster .homepad-toast__icon-badge svg {\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--success {\n  background: var(--color-emerald-green-0, #f0fbf5);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--error {\n  background: var(--color-ruby-red-0, #fff5f6);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--warning {\n  background: #f2a8001a;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--info,\n.homepad-toaster .homepad-toast__icon-badge--default {\n  background: #0f52c71a;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] {\n  top: 50%;\n  right: 12px;\n  left: auto;\n  width: 20px;\n  height: 20px;\n  transform: translateY(-50%);\n  border: 0;\n  background: transparent;\n  box-shadow: none;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {\n  background: transparent;\n  border-color: transparent;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] svg {\n  width: 20px;\n  height: 20px;\n}\n\n@media (max-width: 767px) {\n  .homepad-toaster {\n    --width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster[data-sonner-toaster] {\n    right: var(--mobile-offset-right, 8px);\n    left: var(--mobile-offset-left, 8px);\n    width: calc(100vw - 16px);\n    max-width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster [data-sonner-toast][data-styled='true'] {\n    right: 0;\n    left: 0;\n    width: 100%;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/web/index.d.cts

@@ -364,8 +364,6 @@ type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
 declare function TableRow({ className, disabled, ...props }: TableRowProps): react.JSX.Element;
 type TableHeadProps = ThHTMLAttributes<HTMLTableCellElement> & {
     align?: keyof typeof tableAlignClasses;
-    /** Pins the column to the right edge during horizontal scroll (e.g. actions menu). */
-    stickyRight?: boolean;
     /** Enables sort UI and click handler for this column header. */
     sortable?: boolean;
     /** Active sort direction for this column. Omit or `null` when unsorted. */
@@ -374,7 +372,7 @@ type TableHeadProps = ThHTMLAttributes<HTMLTableCellElement> & {
     onSort?: () => void;
     children?: ReactNode;
 };
-declare function TableHead({ className, align, stickyRight, sortable, sortDirection, onSort, children, ...props }: TableHeadProps): react.JSX.Element;
+declare function TableHead({ className, align, sortable, sortDirection, onSort, children, ...props }: TableHeadProps): react.JSX.Element;
 
 type TableCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     variant?: TableCellVariant;

package/dist/web/index.d.ts

@@ -364,8 +364,6 @@ type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
 declare function TableRow({ className, disabled, ...props }: TableRowProps): react.JSX.Element;
 type TableHeadProps = ThHTMLAttributes<HTMLTableCellElement> & {
     align?: keyof typeof tableAlignClasses;
-    /** Pins the column to the right edge during horizontal scroll (e.g. actions menu). */
-    stickyRight?: boolean;
     /** Enables sort UI and click handler for this column header. */
     sortable?: boolean;
     /** Active sort direction for this column. Omit or `null` when unsorted. */
@@ -374,7 +372,7 @@ type TableHeadProps = ThHTMLAttributes<HTMLTableCellElement> & {
     onSort?: () => void;
     children?: ReactNode;
 };
-declare function TableHead({ className, align, stickyRight, sortable, sortDirection, onSort, children, ...props }: TableHeadProps): react.JSX.Element;
+declare function TableHead({ className, align, sortable, sortDirection, onSort, children, ...props }: TableHeadProps): react.JSX.Element;
 
 type TableCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     variant?: TableCellVariant;

package/dist/web/index.js

@@ -1,9 +1,9 @@
-import { __commonJS, __require, __toESM, Input, Button } from '../chunk-KJYQA5OY.js';
+import { __commonJS, __require, __toESM, Input, Button } from '../chunk-N73KHOZ4.js';
 import { ChevronsUpDown, Search, LogOut, PanelLeftClose, PanelLeftOpen, X, Menu, ChevronLeft, ChevronRight } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { createContext, forwardRef, useRef, useEffect, useState, useId, useCallback, useMemo, useContext, useLayoutEffect } from 'react';
+import { createContext, forwardRef, useRef, useEffect, useState, useId, useCallback, useMemo, useLayoutEffect, useContext } from 'react';
 import { Toaster as Toaster$1, toast } from 'sonner';
 export { toast } from 'sonner';
 import 'sonner/dist/styles.css';
@@ -28599,6 +28599,24 @@ function useOnClickOutside(ref, handler, enabled = true) {
     };
   }, [enabled]);
 }
+function useTruncatedTitle(text) {
+  const ref = useRef(null);
+  const [isTruncated, setIsTruncated] = useState(false);
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!element) {
+      return;
+    }
+    const update = () => {
+      setIsTruncated(element.scrollWidth > element.clientWidth + 1);
+    };
+    update();
+    const observer = new ResizeObserver(update);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [text]);
+  return { ref, title: isTruncated ? text : void 0 };
+}
 function BuildingSelect({
   options,
   value,
@@ -28617,6 +28635,7 @@ function BuildingSelect({
   const selectedOption = options.find((option) => option.value === value);
   const displayLabel = selectedOption?.label ?? labels.selectBuilding;
   const selectableOptions = options.filter((option) => !option.disabled);
+  const { ref: labelRef, title: truncatedTitle } = useTruncatedTitle(displayLabel);
   const closeMenu = useCallback(() => {
     setOpen(false);
     setHighlightedIndex(-1);
@@ -28687,7 +28706,7 @@ function BuildingSelect({
         break;
     }
   };
-  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative w-57.5", className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative w-72", className), children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -28697,17 +28716,25 @@ function BuildingSelect({
         "aria-expanded": open,
         "aria-controls": listboxId,
         "aria-label": labels.selectBuilding,
+        title: truncatedTitle,
         onClick: () => open ? closeMenu() : openMenu(),
         onKeyDown: handleTriggerKeyDown,
         className: cn(
-          "flex h-11 w-full items-center gap-3 rounded-xl border border-storm-gray-50 bg-white p-3 text-left transition-colors",
+          "flex h-11 w-full items-center gap-3 rounded-xl border border-storm-gray-50 bg-white px-3.5 py-3 text-left transition-colors",
           !disabled && "cursor-pointer hover:bg-storm-gray-50/60",
           open && "bg-storm-gray-50/60",
           disabled && "cursor-not-allowed opacity-60"
         ),
         children: [
-          buildingIcon ?? /* @__PURE__ */ jsx(BuildingIcon, { className: "shrink-0 text-navy" }),
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate typography-14 font-medium text-slate-blue", children: displayLabel }),
+          buildingIcon ?? /* @__PURE__ */ jsx(BuildingIcon, { className: "size-5 shrink-0 text-navy" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              ref: labelRef,
+              className: "min-w-0 flex-1 truncate typography-14 font-medium text-slate-blue",
+              children: displayLabel
+            }
+          ),
           chevronIcon ?? /* @__PURE__ */ jsx(
             ChevronsUpDown,
             {
@@ -28760,7 +28787,7 @@ function BuildingSelect({
                 (isSelected || isHighlighted) && !option.disabled && "bg-storm-gray-50",
                 option.disabled && "cursor-not-allowed opacity-50"
               ),
-              children: /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label })
+              children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: option.label, children: option.label })
             }
           ) }, option.value);
         })
@@ -29652,10 +29679,6 @@ function Pagination({
 
 // src/web/components/table/constants.ts
 var tableBorderClassName = "border-storm-gray-50";
-var tableStickyRightShadowClassName = "table-sticky-right-shadow";
-var tableStickyRightHeadClassName = "table-sticky-right-head";
-var tableScrollAtEndClassName = "table-scroll-at-end";
-var tableScrollHasOverflowClassName = "table-scroll-has-overflow";
 var tableRowDisabledCellClassName = "bg-[#ECEEF0]/30 [&>*]:opacity-70";
 var DEFAULT_TABLE_BODY_MIN_HEIGHT = 320;
 var tableCellPaddingClassName = "px-3 py-3";
@@ -29754,7 +29777,6 @@ function resolveAriaSort(sortDirection, isSortable) {
 function TableHead({
   className,
   align = "left",
-  stickyRight = false,
   sortable = false,
   sortDirection = null,
   onSort,
@@ -29784,11 +29806,6 @@ function TableHead({
         "sticky top-0 z-10",
         tableHeadPaddingClassName,
         tableHeaderClassName,
-        stickyRight && [
-          "sticky right-0 z-20",
-          tableStickyRightHeadClassName,
-          tableStickyRightShadowClassName
-        ],
         !isSortable && tableAlignClasses[align],
         className
       ),
@@ -29829,16 +29846,14 @@ function TableActionsCell({ className, children, ...props }) {
     "td",
     {
       className: cn(
-        "sticky right-0 z-10 whitespace-nowrap bg-white",
+        "whitespace-nowrap",
         tableCellPaddingClassName,
         tableBodyClassName,
-        tableStickyRightShadowClassName,
-        // Keep an opaque sticky background so scrolled cells never bleed through.
-        disabled && "bg-white [&>*]:opacity-70",
+        disabled && tableRowDisabledCellClassName,
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "relative z-[1] flex items-center justify-end gap-2", children })
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2", children })
     }
   );
 }
@@ -30075,57 +30090,6 @@ function TableStatusActionsCell({
     }
   );
 }
-var useIsomorphicLayoutEffect2 = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function getHorizontalScrollState(element) {
-  const inner = element.firstElementChild;
-  const table = inner?.querySelector("table");
-  const contentWidth = table?.scrollWidth ?? inner?.scrollWidth ?? element.scrollWidth;
-  const viewportWidth = element.clientWidth;
-  const maxScrollLeft = element.scrollWidth - element.clientWidth;
-  const hasOverflow = contentWidth > viewportWidth + 1;
-  const atEnd = !hasOverflow || element.scrollLeft >= maxScrollLeft - 1;
-  return { hasOverflow, atEnd };
-}
-function useHorizontalScrollState() {
-  const scrollRef = useRef(null);
-  const [scrollState, setScrollState] = useState({
-    hasOverflow: false,
-    atEnd: true
-  });
-  const updateScrollState = useCallback(() => {
-    const element = scrollRef.current;
-    if (!element) {
-      return;
-    }
-    setScrollState(getHorizontalScrollState(element));
-  }, []);
-  useIsomorphicLayoutEffect2(() => {
-    const element = scrollRef.current;
-    if (!element) {
-      return;
-    }
-    updateScrollState();
-    element.addEventListener("scroll", updateScrollState, { passive: true });
-    if (typeof ResizeObserver === "undefined") {
-      window.addEventListener("resize", updateScrollState);
-      return () => {
-        element.removeEventListener("scroll", updateScrollState);
-        window.removeEventListener("resize", updateScrollState);
-      };
-    }
-    const resizeObserver = new ResizeObserver(updateScrollState);
-    resizeObserver.observe(element);
-    const inner = element.firstElementChild;
-    if (inner) {
-      resizeObserver.observe(inner);
-    }
-    return () => {
-      element.removeEventListener("scroll", updateScrollState);
-      resizeObserver.disconnect();
-    };
-  }, [updateScrollState]);
-  return { scrollRef, scrollState };
-}
 function TableScrollArea({
   children,
   minWidth = 980,
@@ -30134,15 +30098,11 @@ function TableScrollArea({
   height,
   fillHeight = false
 }) {
-  const { scrollRef, scrollState } = useHorizontalScrollState();
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ref: scrollRef,
       className: cn(
         "table-scroll-area w-full overflow-auto",
-        scrollState.hasOverflow && tableScrollHasOverflowClassName,
-        scrollState.atEnd && tableScrollAtEndClassName,
         fillHeight && "min-h-0 flex-1",
         className
       ),
@@ -30383,7 +30343,7 @@ function Modal({
                 ) : null
               ] })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: cn("min-h-0 min-w-0 flex-1 overflow-y-auto", contentClassName), children }),
+            /* @__PURE__ */ jsx("div", { className: cn("drawer-scroll-area min-h-0 min-w-0 flex-1 overflow-y-auto", contentClassName), children }),
             /* @__PURE__ */ jsxs(
               "footer",
               {