@mario_hahn/jumpy-ui 0.14.3 → 0.15.1

package/README.md

@@ -162,7 +162,15 @@ behind the decorative cell surfaces. The default resolves to the opaque semantic
 card surface in each preset. Normal cell decorations are transparent; selected
 and hovered cells use their semantic interaction surfaces. The scroll container
 and pinned cells share the same backdrop. Keep any custom backdrop override opaque.
-Use `showHorizontalBorders` for explicit row separators in all columns.
+Use `showHorizontalBorders` for explicit row separators in all columns. Separators lie
+between rows: the last body row has none, unless a `JumpTableFooter` follows (the footer
+draws its own top border).
+
+`surface="card"` (default) paints the backdrop box described above, right inside a
+`JumpCard`. On a plain page use `<JumpTable surface="none">`: no card box, square corners
+or inset rows. Sticky headers and pinned cells still need an opaque backdrop, so it falls
+back to the page canvas (`--jumpy-color-surface-canvas`); if the page uses another
+background, set `--jumpy-cmp-table-backdrop-color` to it.
 
 `JumpTableCell` and `JumpTableHeaderCell` support `pinned="left"` or `pinned="right"`;
 use `pinnedEdge` for the edge divider. Pinned cells use the same backdrop as the

package/dist/{chunk-73UN7NZJ.js → chunk-5YSWJIM2.js}

@@ -14703,6 +14703,15 @@ var providerStyles = `
   width: 100%;
 }
 
+/* surface="none": no card box. Sticky headers and pinned cells still need an opaque backdrop, so it falls back to the page canvas. */
+[data-jumpy-theme='true'] [data-jumpy-slot='table-wrapper'][data-surface='none'] {
+  --jumpy-cmp-table-backdrop-color: var(--jumpy-color-surface-canvas);
+}
+
+[data-jumpy-theme='true'] [data-jumpy-slot='table-wrapper'][data-surface='none'] > [data-jumpy-slot='table-container'] {
+  background-color: transparent;
+}
+
 [data-jumpy-theme='true'] [data-jumpy-slot='table-container'] {
   display: block;
   position: relative;
@@ -14848,6 +14857,11 @@ var providerStyles = `
   display: none;
 }
 
+/* Row separators lie between rows: the last body row has none unless a footer follows (it draws its own top border). */
+[data-jumpy-theme='true'] [data-jumpy-component='table'] > [data-jumpy-component='table-body']:last-child > [data-jumpy-component='table-row']:last-child > [data-jumpy-component='table-cell']::before {
+  display: none;
+}
+
 [data-jumpy-theme='true'] [data-jumpy-component='table-cell']:first-child::before,
 [data-jumpy-theme='true'] [data-jumpy-component='table-header-cell']:first-child::before {
   inset-inline-start: var(--jumpy-spacing-size-4xsmall);
@@ -16644,18 +16658,18 @@ function createCardTokens(theme) {
   if (presetCard?.inactive && presetCard?.active) {
     return {
       inactive: {
-        default: normalizeTokenState(presetCard.inactive.default),
-        hover: normalizeTokenState(presetCard.inactive.hover),
-        pressed: normalizeTokenState(presetCard.inactive.pressed),
-        focus: normalizeTokenState(presetCard.inactive.focus),
-        disabled: normalizeTokenState(presetCard.inactive.disabled)
+        default: resolveGeneratedState(presetCard.inactive.default, "card-inactive-default", theme),
+        hover: resolveGeneratedState(presetCard.inactive.hover, "card-inactive-hover", theme),
+        pressed: resolveGeneratedState(presetCard.inactive.pressed, "card-inactive-pressed", theme),
+        focus: resolveGeneratedState(presetCard.inactive.focus, "card-inactive-focus", theme),
+        disabled: resolveGeneratedState(presetCard.inactive.disabled, "card-inactive-disabled", theme)
       },
       active: {
-        default: normalizeTokenState(presetCard.active.default),
-        hover: normalizeTokenState(presetCard.active.hover),
-        pressed: normalizeTokenState(presetCard.active.pressed),
-        focus: normalizeTokenState(presetCard.active.focus),
-        disabled: normalizeTokenState(presetCard.active.disabled)
+        default: resolveGeneratedState(presetCard.active.default, "card-active-default", theme),
+        hover: resolveGeneratedState(presetCard.active.hover, "card-active-hover", theme),
+        pressed: resolveGeneratedState(presetCard.active.pressed, "card-active-pressed", theme),
+        focus: resolveGeneratedState(presetCard.active.focus, "card-active-focus", theme),
+        disabled: resolveGeneratedState(presetCard.active.disabled, "card-active-disabled", theme)
       }
     };
   }
@@ -16683,18 +16697,18 @@ function createListItemTokens(theme) {
   if (presetInactiveRegular && presetActiveRegular) {
     return {
       inactive: {
-        default: normalizeTokenState(presetInactiveRegular.default),
-        hover: normalizeTokenState(presetInactiveRegular.hover),
-        pressed: normalizeTokenState(presetInactiveRegular.pressed),
-        focus: normalizeTokenState(presetInactiveRegular.focus),
-        disabled: normalizeTokenState(presetInactiveRegular.disabled)
+        default: resolveGeneratedState(presetInactiveRegular.default, "interactive-inactive-regular-default", theme),
+        hover: resolveGeneratedState(presetInactiveRegular.hover, "interactive-inactive-regular-hover", theme),
+        pressed: resolveGeneratedState(presetInactiveRegular.pressed, "interactive-inactive-regular-pressed", theme),
+        focus: resolveGeneratedState(presetInactiveRegular.focus, "interactive-inactive-regular-focus", theme),
+        disabled: resolveGeneratedState(presetInactiveRegular.disabled, "interactive-inactive-regular-disabled", theme)
       },
       active: {
-        default: normalizeTokenState(presetActiveRegular.default),
-        hover: normalizeTokenState(presetActiveRegular.hover),
-        pressed: normalizeTokenState(presetActiveRegular.pressed),
-        focus: normalizeTokenState(presetActiveRegular.focus),
-        disabled: normalizeTokenState(presetActiveRegular.disabled)
+        default: resolveGeneratedState(presetActiveRegular.default, "interactive-active-regular-default", theme),
+        hover: resolveGeneratedState(presetActiveRegular.hover, "interactive-active-regular-hover", theme),
+        pressed: resolveGeneratedState(presetActiveRegular.pressed, "interactive-active-regular-pressed", theme),
+        focus: resolveGeneratedState(presetActiveRegular.focus, "interactive-active-regular-focus", theme),
+        disabled: resolveGeneratedState(presetActiveRegular.disabled, "interactive-active-regular-disabled", theme)
       }
     };
   }
@@ -16715,25 +16729,41 @@ function createListItemTokens(theme) {
     }
   };
 }
+function resolveGeneratedState(state, prefix, theme) {
+  const normalized = normalizeTokenState(state);
+  if (!normalized) return normalized;
+  const sources = { ...color_sources_default.base, ...color_sources_default.presets?.[theme.__tokenPresetName || "default-light"] };
+  const slots = { surface: "surface", border: "border", text: "text", subtext: "subtext", icon: "icon", handle: "handle", focusRing: "focus-ring", hoverRing: "hover-ring" };
+  const resolved = { ...normalized };
+  for (const [slot, cssSlot] of Object.entries(slots)) {
+    const source = sources[`jumpy-${prefix}-${cssSlot}`];
+    if (source && theme.color?.[source] !== void 0) resolved[slot] = theme.color[source];
+  }
+  return resolved;
+}
+function resolveSelectorState(state, group, name, theme) {
+  return resolveGeneratedState(state, `selectors-${group}-${name}`, theme);
+}
 function createSelectorTokens(theme) {
   const presetSelectors = getWebPresetTokenRoot(theme.__tokenPresetName || "default-light")?.selectors;
   if (presetSelectors?.inactive && presetSelectors?.active) {
+    const state = (group, name, key = name) => resolveSelectorState(presetSelectors[group][key], group, name, theme);
     return {
       inactive: {
-        default: normalizeTokenState(presetSelectors.inactive.default),
-        disabled: normalizeTokenState(presetSelectors.inactive.disabled),
-        focus: normalizeTokenState(presetSelectors.inactive.focus),
-        hover: normalizeTokenState(presetSelectors.inactive.hover),
-        pressed: normalizeTokenState(presetSelectors.inactive.pressed),
-        readOnly: normalizeTokenState(presetSelectors.inactive.read?.only)
+        default: state("inactive", "default"),
+        disabled: state("inactive", "disabled"),
+        focus: state("inactive", "focus"),
+        hover: state("inactive", "hover"),
+        pressed: state("inactive", "pressed"),
+        readOnly: resolveSelectorState(presetSelectors.inactive.read?.only, "inactive", "read-only", theme)
       },
       active: {
-        default: normalizeTokenState(presetSelectors.active.default),
-        disabled: normalizeTokenState(presetSelectors.active.disabled),
-        focus: normalizeTokenState(presetSelectors.active.focus),
-        hover: normalizeTokenState(presetSelectors.active.hover),
-        pressed: normalizeTokenState(presetSelectors.active.pressed),
-        readOnly: normalizeTokenState(presetSelectors.active.read?.only)
+        default: state("active", "default"),
+        disabled: state("active", "disabled"),
+        focus: state("active", "focus"),
+        hover: state("active", "hover"),
+        pressed: state("active", "pressed"),
+        readOnly: resolveSelectorState(presetSelectors.active.read?.only, "active", "read-only", theme)
       }
     };
   }

package/dist/{chunk-KSMTJ2AH.js → chunk-UT6U2IMA.js}

@@ -18,7 +18,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-73UN7NZJ.js";
+} from "./chunk-5YSWJIM2.js";
 import {
   cn
 } from "./chunk-3DBKYKP2.js";
@@ -1696,10 +1696,10 @@ function JumpSnackbarProvider({ children, position = "bottom-center", maxSnackba
     /* @__PURE__ */ jsx("div", { ...props, "data-jumpy-component": "snackbar-provider", className: cn(className), style: { position: "fixed", zIndex: 1100, left: position.endsWith("start") ? horizontalOffset : position.endsWith("end") ? "auto" : "50%", right: position.endsWith("end") ? horizontalOffset : "auto", top: top ? verticalOffset : "auto", bottom: top ? "auto" : verticalOffset, transform: position.endsWith("center") ? "translateX(-50%)" : void 0, display: "flex", flexDirection: "column", alignItems: align, gap: spacingValue(theme, JumpySpacing.smallXS), width: "min(487px, calc(100vw - 32px))", maxWidth: "50vw", pointerEvents: "none", ...props.style || {} }, children: snackbars.map((snackbar) => snackbar.isData ? /* @__PURE__ */ jsx(JumpBanner, { floating: true, status: snackbar.content.status || "info", title: snackbar.content.title, actions: snackbar.content.slots?.actions, style: { width: "100%", pointerEvents: "auto", boxShadow: theme.shadow.positiveLarge }, children: snackbar.content.description }, snackbar.id) : /* @__PURE__ */ jsx("div", { "data-jumpy-component": "snackbar", style: { width: "100%", pointerEvents: "auto", borderRadius: radiusValue(theme, JumpyRadius.small), boxShadow: theme.shadow.positiveLarge }, children: snackbar.content }, snackbar.id)) })
   ] });
 }
-function JumpTable({ children, showHorizontalBorders = false, disabled = false, stickyHeader = false, density = "regular", containerProps, innerClasses = {}, className = "", ...props }) {
+function JumpTable({ children, showHorizontalBorders = false, disabled = false, stickyHeader = false, density = "regular", surface = "card", containerProps, innerClasses = {}, className = "", ...props }) {
   const { className: containerClassName, style: containerStyle, ...restContainerProps } = containerProps || {};
   const contextValue = { showHorizontalBorders, disabled };
-  return /* @__PURE__ */ jsx(JumpyTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { "data-jumpy-slot": "table-wrapper", className: innerClasses.wrapper?.className, style: innerClasses.wrapper?.style, children: /* @__PURE__ */ jsx("div", { ...restContainerProps, "data-jumpy-slot": "table-container", "data-sticky-header": stickyHeader ? "true" : "false", className: cn(containerClassName), style: containerStyle, children: /* @__PURE__ */ jsx("table", { ...props, "data-jumpy-component": "table", "data-horizontal-borders": showHorizontalBorders ? "true" : "false", "data-density": density === "condensed" ? "condensed" : void 0, "data-disabled": disabled ? "true" : void 0, role: props.role || "grid", className: cn(className), children }) }) }) });
+  return /* @__PURE__ */ jsx(JumpyTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { "data-jumpy-slot": "table-wrapper", "data-surface": surface === "none" ? "none" : void 0, className: innerClasses.wrapper?.className, style: innerClasses.wrapper?.style, children: /* @__PURE__ */ jsx("div", { ...restContainerProps, "data-jumpy-slot": "table-container", "data-sticky-header": stickyHeader ? "true" : "false", className: cn(containerClassName), style: containerStyle, children: /* @__PURE__ */ jsx("table", { ...props, "data-jumpy-component": "table", "data-horizontal-borders": showHorizontalBorders ? "true" : "false", "data-density": density === "condensed" ? "condensed" : void 0, "data-disabled": disabled ? "true" : void 0, role: props.role || "grid", className: cn(className), children }) }) }) });
 }
 function JumpTableHead({ as, children, className = "", ...props }) {
   const Component = as || "thead";
@@ -2401,7 +2401,8 @@ ${shell} [data-jumpy-slot='app-shell-actions'][data-variant='compact'] { display
 ${shell} [data-jumpy-slot='app-shell-actions'][data-variant='full'] { display: none; }
 ${shell} [data-jumpy-slot='app-shell-back'][data-variant='inline'] { display: none; }
 @media (min-width: ${breakpoint}px) {
-  ${shell} { grid-template-columns: ${width} minmax(0, 1fr); }
+  ${shell} { grid-template-columns: ${width} minmax(0, 1fr); }${topBarOnDesktop ? "" : `
+  ${shell} { --jumpy-app-shell-large-title-padding-top: ${spacingValue(theme, JumpySpacing.large2XL)}px; }`}
   ${shell} > [data-jumpy-slot='app-shell-sidebar'] { display: flex; }
   ${shell} [data-jumpy-slot='app-shell-actions'][data-variant='compact'] { display: none; }
   ${shell} [data-jumpy-slot='app-shell-actions'][data-variant='full'] { display: inline-flex; }
@@ -2476,7 +2477,7 @@ ${shell} [data-jumpy-slot='app-shell-back'][data-variant='inline'] { display: no
         /* @__PURE__ */ jsxs("div", { "data-jumpy-slot": "app-shell-body", style: { display: "flex", flexDirection: "column", minWidth: 0, minHeight: "100dvh" }, children: [
           topBar !== null ? topBarNode : null,
           /* @__PURE__ */ jsxs("main", { "data-jumpy-slot": "app-shell-content", style: { flex: 1, minWidth: 0 }, children: [
-            showLargeTitle ? /* @__PURE__ */ jsx("div", { "data-jumpy-slot": "app-shell-large-title", style: { padding: `${spacingValue(theme, JumpySpacing.smallXS)}px calc(var(--jumpy-app-shell-gutter, ${spacingValue(theme, JumpySpacing.large)}px) + env(safe-area-inset-right, 0px)) 0 calc(var(--jumpy-app-shell-gutter, ${spacingValue(theme, JumpySpacing.large)}px) + env(safe-area-inset-left, 0px))` }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-end", justifyContent: "space-between", gap: spacingValue(theme, JumpySpacing.large), flexWrap: "wrap" }, children: [
+            showLargeTitle ? /* @__PURE__ */ jsx("div", { "data-jumpy-slot": "app-shell-large-title", style: { padding: `var(--jumpy-app-shell-large-title-padding-top, ${spacingValue(theme, JumpySpacing.smallXS)}px) calc(var(--jumpy-app-shell-gutter, ${spacingValue(theme, JumpySpacing.large)}px) + env(safe-area-inset-right, 0px)) 0 calc(var(--jumpy-app-shell-gutter, ${spacingValue(theme, JumpySpacing.large)}px) + env(safe-area-inset-left, 0px))` }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-end", justifyContent: "space-between", gap: spacingValue(theme, JumpySpacing.large), flexWrap: "wrap" }, children: [
               /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
                 hasBack ? /* @__PURE__ */ jsx(JumpyAppShellBack, { back, variant: "inline", ariaLabels }) : null,
                 /* @__PURE__ */ jsx("h1", { ref: largeTitleRef, style: { margin: 0, ...textStyleValue(theme, JumpyTextStyle.displaySmallEmphasized), overflowWrap: "anywhere" }, children: topBarProps.title }),
@@ -2875,17 +2876,45 @@ function formatTimeValue(value, format = "HH:mm") {
   const hours12 = hours24 % 12 || 12;
   return format.includes("aa") ? format.replace("hh", String(hours12).padStart(2, "0")).replace("mm", minutes).replace("aa", period) : format.replace("HH", String(hours24).padStart(2, "0")).replace("mm", minutes);
 }
-function parseDateValue(text, format = "MM/dd/yyyy") {
+var MASK_TOKENS = { yyyy: { max: 4 }, MM: { max: 2, padAbove: "1" }, dd: { max: 2, padAbove: "3" }, HH: { max: 2, padAbove: "2" }, mm: { max: 2, padAbove: "5" } };
+function maskDigitsToFormat(text, format) {
+  const digits = text.replace(/\D/g, "");
+  const typedSeparator = /\D$/.test(text);
+  const parts = format.split(/(yyyy|MM|dd|HH|mm)/).filter(Boolean);
+  let out = "";
+  let index = 0;
+  for (let i = 0; i < parts.length; i += 1) {
+    const rule = MASK_TOKENS[parts[i]];
+    if (!rule) continue;
+    if (index >= digits.length) break;
+    let chunk;
+    if (rule.padAbove && digits[index] > rule.padAbove) {
+      chunk = `0${digits[index]}`;
+      index += 1;
+    } else {
+      chunk = digits.slice(index, index + rule.max);
+      index += chunk.length;
+      if (rule.padAbove && chunk.length === 1 && typedSeparator && index === digits.length) chunk = `0${chunk}`;
+    }
+    out += chunk;
+    if (chunk.length < rule.max) break;
+    const next = parts.findIndex((part, position) => position > i && MASK_TOKENS[part]);
+    if (next !== -1 && (index < digits.length || typedSeparator)) out += parts.slice(i + 1, next).join("");
+  }
+  return out;
+}
+function parseDateValue(text, format = "MM/dd/yyyy", { shortYear = false } = {}) {
   const value = text.trim();
   if (!value) return null;
   const activeFormat = Array.isArray(format) ? format[0] : format;
   const escaped = activeFormat.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  const pattern = escaped.replace("dd", "(?<dd>\\d{1,2})").replace("MM", "(?<MM>\\d{1,2})").replace("yyyy", "(?<yyyy>\\d{4})");
+  const pattern = escaped.replace("dd", "(?<dd>\\d{1,2})").replace("MM", "(?<MM>\\d{1,2})").replace("yyyy", shortYear ? "(?<yyyy>\\d{4}|\\d{2})" : "(?<yyyy>\\d{4})");
   const match = value.match(new RegExp(`^${pattern}$`));
   if (!match?.groups) return null;
   const day = Number(match.groups.dd);
   const month = Number(match.groups.MM) - 1;
-  const year = Number(match.groups.yyyy);
+  let year = Number(match.groups.yyyy);
+  if (match.groups.yyyy.length === 2) year += year <= (/* @__PURE__ */ new Date()).getFullYear() % 100 + 10 ? 2e3 : 1900;
   const date = new Date(year, month, day);
   return date.getFullYear() === year && date.getMonth() === month && date.getDate() === day ? date : null;
 }
@@ -3003,12 +3032,14 @@ function JumpDatePicker({ label = "Date", hint, value, defaultValue = null, onCh
         readOnly,
         disabled,
         "data-has-value": selectedTime !== null,
+        "data-jumpy-floating": isOpen,
         value: draft,
         placeholder: props.placeholder || (Array.isArray(format) ? format[0] : format),
         autoComplete: "off",
         inputMode: "numeric",
         onChange: (event) => {
-          const text = event.target.value;
+          const typed = event.target.value;
+          const text = typed.length > draft.length && event.target.selectionStart === typed.length ? maskDigitsToFormat(typed, resolvedFormat) || typed : typed;
           setDraft(text);
           const parsedDate = parseDateValue(text, format);
           typedValue.current = void 0;
@@ -3022,7 +3053,15 @@ function JumpDatePicker({ label = "Date", hint, value, defaultValue = null, onCh
         },
         onBlur: (event) => {
           typedValue.current = void 0;
-          setDraft(inputValue);
+          const shortDate = parseDateValue(draft, format) ? null : parseDateValue(draft, format, { shortYear: true });
+          if (shortDate && shortDate.getTime() !== selectedTime && !dateIsUnavailable(shortDate, { minDate, maxDate, disabledDates, isDateDisabled })) {
+            const next = coerceDateOutput(shortDate, value ?? defaultValue);
+            setDraft(formatDateValue(shortDate, resolvedFormat));
+            if (!isControlled) setInternalValue(next);
+            onChange?.(next);
+          } else {
+            setDraft(inputValue);
+          }
           props.onBlur?.(event);
         },
         onClick: (event) => {
@@ -3137,12 +3176,14 @@ function JumpTimePicker({ label = "Time", hint, value, defaultValue = null, onCh
         readOnly,
         disabled,
         "data-has-value": selectedTime !== null,
+        "data-jumpy-floating": isOpen,
         value: draft,
         placeholder: props.placeholder || resolvedFormat,
         autoComplete: "off",
         inputMode: resolvedFormat.includes("aa") ? "text" : "numeric",
         onChange: (event) => {
-          const text = event.target.value;
+          const typed = event.target.value;
+          const text = !resolvedFormat.includes("aa") && typed.length > draft.length && event.target.selectionStart === typed.length ? maskDigitsToFormat(typed, resolvedFormat) || typed : typed;
           setDraft(text);
           const parsedDate = parseTimeValue(text, resolvedFormat);
           typedValue.current = void 0;
@@ -3889,7 +3930,8 @@ function JumpBaseInput({ label, hint, children, className = "", error = false, h
   const disabled = Boolean(child.props.disabled);
   const isDropdownTrigger = child.props["data-jumpy-dropdown-trigger"] === true || child.props["data-jumpy-dropdown-trigger"] === "true";
   const readOnly = Boolean(child.props.readOnly) && !isDropdownTrigger;
-  const floating = focused && !readOnly || hasValue || Boolean(props.slots?.content);
+  const keepFloating = child.props["data-jumpy-floating"] === true || child.props["data-jumpy-floating"] === "true";
+  const floating = focused && !readOnly || hasValue || childHasValue || keepFloating || Boolean(props.slots?.content);
   const isTextarea = child.type === JumpTextarea || child.props["data-jumpy-token-editor"] && child.props.multiline;
   const isDropdown = isDropdownTrigger || child.props["data-jumpy-component"] === "dropdown";
   const status = error ? "alarm" : props.status || "regular";

package/dist/{chunk-YSO235OL.js → chunk-ZFRDQCPV.js}

@@ -1,12 +1,12 @@
 import {
   JumpField,
   JumpyFieldContext
-} from "./chunk-KSMTJ2AH.js";
+} from "./chunk-UT6U2IMA.js";
 import {
   JumpySpacing,
   spacingValue,
   useJumpyTheme
-} from "./chunk-73UN7NZJ.js";
+} from "./chunk-5YSWJIM2.js";
 
 // editor.js
 import { useContext, useRef as useRef2, useState as useState2 } from "react";

package/dist/components.js

@@ -74,7 +74,7 @@ import {
   getSortOrder,
   isRowFullySelected,
   useJumpSnackbar
-} from "./chunk-KSMTJ2AH.js";
+} from "./chunk-UT6U2IMA.js";
 import {
   JumpyAnimation,
   JumpyAnimationDelay,
@@ -105,7 +105,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-73UN7NZJ.js";
+} from "./chunk-5YSWJIM2.js";
 import "./chunk-3DBKYKP2.js";
 import {
   jumpyThemeInventory

package/dist/editor.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   JumpTokenInput
-} from "./chunk-YSO235OL.js";
-import "./chunk-KSMTJ2AH.js";
-import "./chunk-73UN7NZJ.js";
+} from "./chunk-ZFRDQCPV.js";
+import "./chunk-UT6U2IMA.js";
+import "./chunk-5YSWJIM2.js";
 import "./chunk-3DBKYKP2.js";
 import "./chunk-XDTVYUWG.js";
 export {

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   JumpTokenInput
-} from "./chunk-YSO235OL.js";
+} from "./chunk-ZFRDQCPV.js";
 import {
   BrandMark,
   JumpAppShell,
@@ -77,7 +77,7 @@ import {
   getSortOrder,
   isRowFullySelected,
   useJumpSnackbar
-} from "./chunk-KSMTJ2AH.js";
+} from "./chunk-UT6U2IMA.js";
 import {
   JumpyAnimation,
   JumpyAnimationDelay,
@@ -108,7 +108,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-73UN7NZJ.js";
+} from "./chunk-5YSWJIM2.js";
 import "./chunk-3DBKYKP2.js";
 import {
   jumpyThemeInventory

package/dist/theme.js

@@ -30,7 +30,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-73UN7NZJ.js";
+} from "./chunk-5YSWJIM2.js";
 export {
   JumpyAnimation,
   JumpyAnimationDelay,

package/index.d.ts

@@ -104,7 +104,7 @@ export declare function getRowCheckboxProps(row: JumpSelectableRow, disabled?: b
 export declare function getHeaderCheckboxProps(table: JumpSelectableTable, disabled?: boolean): JumpSelectionCheckboxProps
 export type JumpTableInnerClasses = { wrapper?: { className?: string; style?: import('react').CSSProperties } }
 export type JumpTableCellInnerClasses = Partial<Record<'inner' | 'leading' | 'content' | 'text' | 'description' | 'trailing' | 'label' | 'labelText' | 'sortButton' | 'sortIndicator', { className?: string; style?: import('react').CSSProperties }>>
-export declare function JumpTable(props: HTMLAttributes<HTMLTableElement> & { ref?: Ref<HTMLTableElement>; showHorizontalBorders?: boolean; disabled?: boolean; stickyHeader?: boolean; density?: 'default' | 'regular' | 'condensed'; containerProps?: HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> }; innerClasses?: JumpTableInnerClasses; children?: ReactNode }): ReactNode
+export declare function JumpTable(props: HTMLAttributes<HTMLTableElement> & { ref?: Ref<HTMLTableElement>; showHorizontalBorders?: boolean; disabled?: boolean; stickyHeader?: boolean; density?: 'default' | 'regular' | 'condensed'; surface?: 'card' | 'none'; containerProps?: HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> }; innerClasses?: JumpTableInnerClasses; children?: ReactNode }): ReactNode
 export declare function JumpTableHead(props: HTMLAttributes<HTMLTableSectionElement> & { as?: ElementTag; ref?: Ref<HTMLTableSectionElement>; children?: ReactNode }): ReactNode
 export declare function JumpTableBody(props: HTMLAttributes<HTMLTableSectionElement> & { as?: ElementTag; ref?: Ref<HTMLTableSectionElement>; children?: ReactNode }): ReactNode
 export declare function JumpTableFooter(props: HTMLAttributes<HTMLTableSectionElement> & { as?: ElementTag; ref?: Ref<HTMLTableSectionElement>; children?: ReactNode }): ReactNode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mario_hahn/jumpy-ui",
-  "version": "0.14.3",
+  "version": "0.15.1",
   "license": "MIT",
   "type": "module",
   "sideEffects": ["**/*.css"],