@scripso-homepad/ui 0.4.24 → 0.4.26

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;
 }

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 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":[]}
+{"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-JNVYKEYT.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';
@@ -7370,7 +7370,7 @@ var require_react_dom_development = __commonJS({
         var HostPortal = 4;
         var HostComponent = 5;
         var HostText = 6;
-        var Fragment4 = 7;
+        var Fragment3 = 7;
         var Mode = 8;
         var ContextConsumer = 9;
         var ContextProvider = 10;
@@ -8525,7 +8525,7 @@ var require_react_dom_development = __commonJS({
               return "DehydratedFragment";
             case ForwardRef:
               return getWrappedName$1(type, type.render, "ForwardRef");
-            case Fragment4:
+            case Fragment3:
               return "Fragment";
             case HostComponent:
               return type;
@@ -16950,7 +16950,7 @@ var require_react_dom_development = __commonJS({
             }
           }
           function updateFragment2(returnFiber, current2, fragment, lanes, key) {
-            if (current2 === null || current2.tag !== Fragment4) {
+            if (current2 === null || current2.tag !== Fragment3) {
               var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
               created.return = returnFiber;
               return created;
@@ -17353,7 +17353,7 @@ var require_react_dom_development = __commonJS({
               if (child.key === key) {
                 var elementType = element.type;
                 if (elementType === REACT_FRAGMENT_TYPE) {
-                  if (child.tag === Fragment4) {
+                  if (child.tag === Fragment3) {
                     deleteRemainingChildren(returnFiber, child.sibling);
                     var existing = useFiber(child, element.props.children);
                     existing.return = returnFiber;
@@ -22827,7 +22827,7 @@ var require_react_dom_development = __commonJS({
               var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
               return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
             }
-            case Fragment4:
+            case Fragment3:
               return updateFragment(current2, workInProgress2, renderLanes2);
             case Mode:
               return updateMode(current2, workInProgress2, renderLanes2);
@@ -23099,7 +23099,7 @@ var require_react_dom_development = __commonJS({
             case SimpleMemoComponent:
             case FunctionComponent:
             case ForwardRef:
-            case Fragment4:
+            case Fragment3:
             case Mode:
             case Profiler:
             case ContextConsumer:
@@ -27351,7 +27351,7 @@ var require_react_dom_development = __commonJS({
           return fiber;
         }
         function createFiberFromFragment(elements, mode, lanes, key) {
-          var fiber = createFiber(Fragment4, elements, key, mode);
+          var fiber = createFiber(Fragment3, elements, key, mode);
           fiber.lanes = lanes;
           return fiber;
         }
@@ -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);
         })
@@ -28905,9 +28932,9 @@ function SidebarNavItem({ item, isOpen, isActive, onNavigate }) {
       tabIndex: item.disabled ? -1 : void 0,
       className: cn(
         "relative flex items-center rounded-xl px-4 py-3 transition-[background-color,color,gap,padding] duration-300 ease-in-out",
-        isOpen ? "w-full gap-4" : "justify-center gap-0 px-3",
+        isOpen ? "w-full gap-4" : "w-full justify-center gap-0 px-3",
         item.disabled && "pointer-events-none opacity-50",
-        isActive ? "bg-black/12 text-white" : "text-navy-100 hover:bg-white/5"
+        isActive ? "bg-black/12 text-white shadow-none" : "text-navy-100 shadow-none hover:bg-white/5"
       ),
       children: [
         /* @__PURE__ */ jsx(
@@ -28942,6 +28969,7 @@ function getInitials(fullName, email) {
   }
   return email.slice(0, 2).toUpperCase();
 }
+var avatarCircleClassName = "flex size-11 shrink-0 items-center justify-center rounded-full bg-white/5";
 function SidebarUserCard({
   user,
   isOpen,
@@ -28950,39 +28978,110 @@ function SidebarUserCard({
   className
 }) {
   const initials = user.initials ?? getInitials(user.fullName, user.email);
+  const [logoutOpen, setLogoutOpen] = useState(false);
+  const rootRef = useRef(null);
+  const logoutMenuId = useId();
+  useEffect(() => {
+    if (isOpen) {
+      setLogoutOpen(false);
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen || !logoutOpen) {
+      return;
+    }
+    function handlePointerDown(event) {
+      if (rootRef.current && !rootRef.current.contains(event.target)) {
+        setLogoutOpen(false);
+      }
+    }
+    function handleKeyDown(event) {
+      if (event.key === "Escape") {
+        setLogoutOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen, logoutOpen]);
+  const avatar = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(avatarCircleClassName, "typography-14 font-bold text-white"),
+      "aria-hidden": true,
+      children: initials
+    }
+  );
+  if (!isOpen) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: rootRef,
+        className: cn("flex w-full flex-col items-center gap-2", className),
+        children: [
+          logoutOpen ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              id: logoutMenuId,
+              onClick: () => {
+                setLogoutOpen(false);
+                onLogout?.();
+              },
+              className: cn(
+                avatarCircleClassName,
+                "cursor-pointer bg-black/20 text-white",
+                "transition-[background-color,transform] duration-300 ease-in-out",
+                "hover:bg-white/10 active:scale-95"
+              ),
+              "aria-label": logoutLabel,
+              children: /* @__PURE__ */ jsx(LogOut, { size: 20, strokeWidth: 1.75 })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setLogoutOpen((open) => !open),
+              className: "flex cursor-pointer items-center justify-center transition-transform duration-300 ease-in-out active:scale-95",
+              "aria-expanded": logoutOpen,
+              "aria-haspopup": "true",
+              "aria-controls": logoutOpen ? logoutMenuId : void 0,
+              "aria-label": user.fullName,
+              children: avatar
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
-        "flex w-full items-center rounded-xl transition-[background-color,justify-content,gap,padding] duration-300 ease-in-out",
-        isOpen ? "justify-between gap-3 bg-black/12 p-3" : "justify-center px-3 py-3",
+        "flex w-full items-center justify-between gap-3 rounded-xl bg-black/12 p-3",
+        "transition-[background-color,justify-content,gap,padding] duration-300 ease-in-out",
         className
       ),
       children: [
+        avatar,
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate typography-14 font-bold text-white", children: user.fullName }),
+          /* @__PURE__ */ jsx("p", { className: "truncate typography-12 text-storm-gray-100", children: user.email })
+        ] }),
         /* @__PURE__ */ jsx(
-          "div",
+          "button",
           {
-            className: "flex size-11 shrink-0 items-center justify-center rounded-full bg-white/5 typography-14 font-bold text-white",
-            "aria-hidden": true,
-            children: initials
+            type: "button",
+            onClick: () => onLogout?.(),
+            className: "shrink-0 cursor-pointer text-navy-150 transition-[opacity,transform] duration-300 ease-in-out hover:opacity-80 active:scale-95",
+            "aria-label": logoutLabel,
+            children: /* @__PURE__ */ jsx(LogOut, { size: 20, strokeWidth: 1.75 })
           }
-        ),
-        isOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
-            /* @__PURE__ */ jsx("p", { className: "truncate typography-14 font-bold text-white", children: user.fullName }),
-            /* @__PURE__ */ jsx("p", { className: "truncate typography-12 text-storm-gray-100", children: user.email })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onLogout?.(),
-              className: "shrink-0 cursor-pointer text-navy-150 transition-[opacity,transform] duration-300 ease-in-out hover:opacity-80 active:scale-95",
-              "aria-label": logoutLabel,
-              children: /* @__PURE__ */ jsx(LogOut, { size: 20, strokeWidth: 1.75 })
-            }
-          )
-        ] }) : null
+        )
       ]
     }
   );
@@ -29140,18 +29239,8 @@ function Sidebar({
               ]
             }
           ),
-          /* @__PURE__ */ jsx("nav", { className: "flex flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden", children: visibleNavItems.map((item) => /* @__PURE__ */ jsx(
-            SidebarNavItem,
-            {
-              item,
-              isOpen: isExpanded,
-              isActive: isNavItemActive(pathname, item),
-              onNavigate: handleNavItemNavigate
-            },
-            item.to
-          )) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
-            visibleFooterNavItems.map((item) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs("nav", { className: "flex w-full min-h-0 flex-1 flex-col gap-2 overflow-x-hidden overflow-y-auto", children: [
+            visibleNavItems.map((item) => /* @__PURE__ */ jsx(
               SidebarNavItem,
               {
                 item,
@@ -29161,15 +29250,27 @@ function Sidebar({
               },
               item.to
             )),
-            user ? /* @__PURE__ */ jsx(
-              SidebarUserCard,
-              {
-                user,
-                isOpen: isExpanded,
-                logoutLabel: labels.logout,
-                onLogout
-              }
-            ) : null
+            /* @__PURE__ */ jsxs("div", { className: "mt-auto flex w-full flex-col gap-2", children: [
+              visibleFooterNavItems.map((item) => /* @__PURE__ */ jsx(
+                SidebarNavItem,
+                {
+                  item,
+                  isOpen: isExpanded,
+                  isActive: isNavItemActive(pathname, item),
+                  onNavigate: handleNavItemNavigate
+                },
+                item.to
+              )),
+              user ? /* @__PURE__ */ jsx(
+                SidebarUserCard,
+                {
+                  user,
+                  isOpen: isExpanded,
+                  logoutLabel: labels.logout,
+                  onLogout
+                }
+              ) : null
+            ] })
           ] })
         ]
       }
@@ -29652,10 +29753,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 +29851,6 @@ function resolveAriaSort(sortDirection, isSortable) {
 function TableHead({
   className,
   align = "left",
-  stickyRight = false,
   sortable = false,
   sortDirection = null,
   onSort,
@@ -29784,11 +29880,6 @@ function TableHead({
         "sticky top-0 z-10",
         tableHeadPaddingClassName,
         tableHeaderClassName,
-        stickyRight && [
-          "sticky right-0 z-20",
-          tableStickyRightHeadClassName,
-          tableStickyRightShadowClassName
-        ],
         !isSortable && tableAlignClasses[align],
         className
       ),
@@ -29829,16 +29920,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 +30164,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 +30172,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 +30417,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",
               {