@jobber/components 8.23.0 → 8.23.1

package/dist/{CSPContext-es.js → scrollEdges-es.js}

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
+import { c as clamp } from './clamp-es.js';
 
 const ARROW_UP = 'ArrowUp';
 const ARROW_DOWN = 'ArrowDown';
@@ -10,8 +11,7 @@ const END = 'End';
 const HORIZONTAL_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT]);
 const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
 const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
-new Set([...ARROW_KEYS, HOME, END]);
-const COMPOSITE_KEYS = new Set([ARROW_UP, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, HOME, END]);
+const COMPOSITE_KEYS = new Set([...ARROW_KEYS, HOME, END]);
 
 const DISABLE_SCROLLBAR_CLASS_NAME = 'base-ui-disable-scrollbar';
 const styleDisableScrollbar = {
@@ -43,4 +43,29 @@ function useCSPContext() {
   return React.useContext(CSPContext) ?? DEFAULT_CSP_CONTEXT_VALUE;
 }
 
-export { COMPOSITE_KEYS as C, styleDisableScrollbar as s, useCSPContext as u };
+const SCROLL_EDGE_TOLERANCE_PX = 1;
+function getMaxScrollOffset(scrollSize, clientSize) {
+  return Math.max(0, scrollSize - clientSize);
+}
+function normalizeScrollOffset(value, max) {
+  if (max <= 0) {
+    return 0;
+  }
+  const clamped = clamp(value, 0, max);
+  const startDistance = clamped;
+  const endDistance = max - clamped;
+  const withinStartTolerance = startDistance <= SCROLL_EDGE_TOLERANCE_PX;
+  const withinEndTolerance = endDistance <= SCROLL_EDGE_TOLERANCE_PX;
+  if (withinStartTolerance && withinEndTolerance) {
+    return startDistance <= endDistance ? 0 : max;
+  }
+  if (withinStartTolerance) {
+    return 0;
+  }
+  if (withinEndTolerance) {
+    return max;
+  }
+  return clamped;
+}
+
+export { COMPOSITE_KEYS as C, SCROLL_EDGE_TOLERANCE_PX as S, getMaxScrollOffset as g, normalizeScrollOffset as n, styleDisableScrollbar as s, useCSPContext as u };

package/dist/styles.css

@@ -1425,7 +1425,10 @@
   -webkit-text-fill-color: var(--field--background-color);
 }
 
-._0pmqVa2zSE4-:not(.Tz9LK9ABKMk-):focus-within,
+/* Small fields don't grow into the mini-label state; their placeholder
+  is hidden instead (see the .small label rules below) */
+
+._0pmqVa2zSE4-:not(.Tz9LK9ABKMk-):not(.Sw5O4I0lMJg-):focus-within,
 .F1t76G6bDKo- {
   --field--placeholder-color: var(--color-text--secondary);
   --field--placeholder-offset: var(--space-smallest);
@@ -1737,7 +1740,10 @@
   background-color: var(--field--background-color);
 }
 
-._0pmqVa2zSE4-.Sw5O4I0lMJg-.F1t76G6bDKo-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
+/* An empty focused time input shows the native --:-- segments, so small
+  fields hide the placeholder rather than float it as a mini label */
+
+._0pmqVa2zSE4-.Sw5O4I0lMJg-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
   display: none;
 }
 
@@ -1746,7 +1752,7 @@
 /* stylelint-disable-next-line no-descending-specificity */
 
 ._9tjyT9QUtP8-.F1t76G6bDKo- .Dgk00tzlODA-,
-._0pmqVa2zSE4-._9tjyT9QUtP8-.F1t76G6bDKo-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
+._0pmqVa2zSE4-._9tjyT9QUtP8-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
   padding-top: 8px;
   padding-top: var(--space-small);
 }