react-native-collapsible-sticky-header 0.0.0-stage → 0.1.0

package/lib/commonjs/HeaderNavBar.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderNavBar = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Badge = require("./Badge.js");
+var _ImageOrNode = require("./ImageOrNode.js");
+var _theme = require("./theme.js");
+var _utils = require("./utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const DEFAULT_SHOW = ['logo', 'avatar', 'title', 'actions'];
+const ActionButton = /*#__PURE__*/(0, _react.memo)(function ActionButton({
+  action,
+  variant,
+  color,
+  size,
+  theme
+}) {
+  const iconColor = action.color ?? color;
+  const iconSize = action.size ?? size;
+  const hit = theme.actionSize;
+  const icon = typeof action.icon === 'function' ? action.icon({
+    color: iconColor,
+    size: iconSize,
+    variant
+  }) : action.icon;
+  const count = action.badgeCount ?? 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    testID: action.testID ?? `sticky-header-action-${action.key}-${variant}`,
+    onPress: action.onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: action.accessibilityLabel,
+    accessibilityHint: action.accessibilityHint,
+    accessibilityValue: count > 0 ? {
+      text: (0, _utils.formatBadgeCount)(count, _utils.DEFAULT_BADGE_MAX)
+    } : undefined,
+    hitSlop: 4,
+    style: ({
+      pressed
+    }) => [styles.action, {
+      width: hit,
+      height: hit,
+      borderRadius: hit / 2,
+      backgroundColor: variant === 'overlay' ? theme.colors.actionBgOverlay : theme.colors.actionBgSolid,
+      opacity: pressed ? theme.pressedOpacity : 1
+    }, action.style],
+    children: [icon, count > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.Badge, {
+      count: count,
+      color: theme.colors.badge,
+      textColor: theme.colors.badgeText,
+      borderColor: theme.colors.badgeBorder,
+      size: theme.badgeSize,
+      style: styles.badge
+    }) : null]
+  });
+});
+const HeaderNavBar = exports.HeaderNavBar = /*#__PURE__*/(0, _react.memo)(function HeaderNavBar({
+  variant = 'overlay',
+  logo,
+  logoSize,
+  logoStyle,
+  logoAccessibilityLabel,
+  onLogoPress,
+  title,
+  titleStyle,
+  avatar,
+  avatarSize,
+  avatarStyle,
+  onAvatarPress,
+  avatarAccessibilityLabel = 'Profile',
+  actions,
+  show = DEFAULT_SHOW,
+  iconColor,
+  iconSize,
+  theme: themeOverrides,
+  resolvedTheme,
+  children,
+  style,
+  testID
+}) {
+  const theme = (0, _react.useMemo)(() => resolvedTheme ?? (0, _theme.createTheme)(themeOverrides), [resolvedTheme, themeOverrides]);
+  const {
+    actions: limited,
+    overflow
+  } = (0, _utils.limitActions)(actions);
+  (0, _react.useEffect)(() => (0, _utils.warnActionOverflow)(overflow), [overflow]);
+  const shown = !show.includes('actions') ? [] : variant === 'solid' ? limited.filter(a => a.showInSticky !== false) : limited;
+  const defaultLogoSize = variant === 'overlay' ? theme.logoSize.expanded : theme.logoSize.compact;
+  const size = {
+    ...defaultLogoSize,
+    ...logoSize
+  };
+  const color = iconColor ?? (variant === 'overlay' ? theme.colors.iconOverlay : theme.colors.iconSolid);
+  const padding = theme.spacing.navBar[variant];
+  let logoNode = null;
+  if (logo != null && logo !== false) {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageOrNode.ImageOrNode, {
+      value: logo,
+      testID: `sticky-header-logo-${variant}`,
+      accessibilityLabel: onLogoPress ? undefined : logoAccessibilityLabel,
+      style: [{
+        width: size.width,
+        height: size.height
+      }, logoStyle]
+    });
+    logoNode = onLogoPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      testID: `sticky-header-nav-logo-${variant}`,
+      onPress: onLogoPress,
+      hitSlop: 4,
+      accessibilityRole: "button",
+      accessibilityLabel: logoAccessibilityLabel ?? 'Logo',
+      children: image
+    }) : image;
+  }
+  let avatarNode = null;
+  if (avatar != null && avatar !== false) {
+    const d = avatarSize ?? (variant === 'solid' ? theme.avatarSizeCompact : theme.avatarSize);
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageOrNode.ImageOrNode, {
+      value: avatar,
+      resizeMode: "cover",
+      accessibilityLabel: onAvatarPress ? undefined : avatarAccessibilityLabel,
+      style: [{
+        width: d,
+        height: d,
+        borderRadius: d / 2,
+        overflow: 'hidden'
+      }, avatarStyle]
+    });
+    avatarNode = onAvatarPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      testID: `sticky-header-nav-avatar-${variant}`,
+      onPress: onAvatarPress,
+      hitSlop: 6,
+      accessibilityRole: "button",
+      accessibilityLabel: avatarAccessibilityLabel,
+      children: image
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: `sticky-header-nav-avatar-${variant}`,
+      children: image
+    });
+  }
+  let titleNode = null;
+  if (title != null && title !== false) {
+    titleNode = typeof title === 'string' || typeof title === 'number' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      testID: `sticky-header-nav-title-${variant}`,
+      accessibilityRole: "header",
+      numberOfLines: 1,
+      style: [styles.title, {
+        color: variant === 'solid' ? theme.colors.stickyTitle : theme.colors.title,
+        fontSize: theme.typography.stickyTitleSize
+      }, titleStyle],
+      children: title
+    }) : title;
+  }
+  const leadingNodes = {
+    logo: logoNode,
+    avatar: avatarNode,
+    title: titleNode
+  };
+  const leading = show.filter(item => item !== 'actions').filter(item => leadingNodes[item] != null).map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: leadingNodes[item]
+  }, item));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID ?? `sticky-header-nav-${variant}`,
+    style: [styles.bar, padding, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: `sticky-header-nav-leading-${variant}`,
+      style: [styles.leading, {
+        gap: theme.spacing.leadingGap
+      }],
+      children: leading
+    }), children, shown.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.actions, {
+        gap: theme.spacing.actionGap
+      }],
+      children: shown.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionButton, {
+        action: action,
+        variant: variant,
+        color: color,
+        size: iconSize ?? theme.iconSize,
+        theme: theme
+      }, action.key))
+    }) : null]
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  bar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  leading: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexShrink: 1,
+    minWidth: 0
+  },
+  title: {
+    fontWeight: '600',
+    flexShrink: 1
+  },
+  actions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexShrink: 0
+  },
+  action: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  badge: {
+    position: 'absolute',
+    top: -2,
+    end: -2
+  }
+});
+//# sourceMappingURL=HeaderNavBar.js.map

package/lib/commonjs/HeaderNavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Badge","_ImageOrNode","_theme","_utils","_jsxRuntime","DEFAULT_SHOW","ActionButton","memo","action","variant","color","size","theme","iconColor","iconSize","hit","actionSize","icon","count","badgeCount","jsxs","Pressable","testID","key","onPress","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityValue","text","formatBadgeCount","DEFAULT_BADGE_MAX","undefined","hitSlop","style","pressed","styles","width","height","borderRadius","backgroundColor","colors","actionBgOverlay","actionBgSolid","opacity","pressedOpacity","children","jsx","Badge","badge","textColor","badgeText","borderColor","badgeBorder","badgeSize","HeaderNavBar","exports","logo","logoSize","logoStyle","logoAccessibilityLabel","onLogoPress","title","titleStyle","avatar","avatarSize","avatarStyle","onAvatarPress","avatarAccessibilityLabel","actions","show","themeOverrides","resolvedTheme","useMemo","createTheme","limited","overflow","limitActions","useEffect","warnActionOverflow","shown","includes","filter","a","showInSticky","defaultLogoSize","expanded","compact","iconOverlay","iconSolid","padding","spacing","navBar","logoNode","image","ImageOrNode","value","avatarNode","d","avatarSizeCompact","resizeMode","View","titleNode","Text","numberOfLines","stickyTitle","fontSize","typography","stickyTitleSize","leadingNodes","leading","item","map","Fragment","bar","gap","leadingGap","length","actionGap","StyleSheet","create","flexDirection","alignItems","justifyContent","flexShrink","minWidth","fontWeight","position","top","end"],"sourceRoot":"../../src","sources":["HeaderNavBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ImageOrNode.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageOrNode = ImageOrNode;
+var _reactNative = require("react-native");
+var _utils = require("./utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Renders an image source as an `Image`, anything else as-is. */
+function ImageOrNode({
+  value,
+  style,
+  accessibilityLabel,
+  resizeMode = 'contain',
+  testID
+}) {
+  if (value == null || value === false) return null;
+  if ((0, _utils.isImageSource)(value)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      testID: testID,
+      source: value,
+      resizeMode: resizeMode,
+      accessibilityRole: accessibilityLabel ? 'image' : undefined,
+      accessibilityLabel: accessibilityLabel,
+      accessible: !!accessibilityLabel,
+      style: style
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: testID,
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style],
+    children: value
+  });
+}
+//# sourceMappingURL=ImageOrNode.js.map

package/lib/commonjs/ImageOrNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_utils","_jsxRuntime","ImageOrNode","value","style","accessibilityLabel","resizeMode","testID","isImageSource","jsx","Image","source","accessibilityRole","undefined","accessible","View","alignItems","justifyContent","children"],"sourceRoot":"../../src","sources":["ImageOrNode.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AAAwC,IAAAE,WAAA,GAAAF,OAAA;AAYxC;AACO,SAASG,WAAWA,CAAC;EAC1BC,KAAK;EACLC,KAAK;EACLC,kBAAkB;EAClBC,UAAU,GAAG,SAAS;EACtBC;AACK,CAAC,EAAa;EACnB,IAAIJ,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,KAAK,EAAE,OAAO,IAAI;EACjD,IAAI,IAAAK,oBAAa,EAACL,KAAK,CAAC,EAAE;IACxB,oBACE,IAAAF,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,KAAK;MACJH,MAAM,EAAEA,MAAO;MACfI,MAAM,EAAER,KAAM;MACdG,UAAU,EAAEA,UAAW;MACvBM,iBAAiB,EAAEP,kBAAkB,GAAG,OAAO,GAAGQ,SAAU;MAC5DR,kBAAkB,EAAEA,kBAAmB;MACvCS,UAAU,EAAE,CAAC,CAACT,kBAAmB;MACjCD,KAAK,EAAEA;IAA+B,CACvC,CAAC;EAEN;EACA,oBACE,IAAAH,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAiB,IAAI;IACHR,MAAM,EAAEA,MAAO;IACfF,kBAAkB,EAAEA,kBAAmB;IACvCD,KAAK,EAAE,CACL;MAAEY,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,EAClDb,KAAK,CACL;IAAAc,QAAA,EAEDf;EAAK,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/animations.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fadeStickyAnimation = void 0;
+exports.slideStickyAnimation = slideStickyAnimation;
+/** Default sticky bar animation: fade in. */
+const fadeStickyAnimation = progress => {
+  'worklet';
+
+  return {
+    opacity: progress
+  };
+};
+
+/**
+ * Slides the sticky bar down from above while fading it in.
+ * @param distance How far above its resting place the bar starts. Default 120.
+ */
+exports.fadeStickyAnimation = fadeStickyAnimation;
+function slideStickyAnimation(distance = 120) {
+  return progress => {
+    'worklet';
+
+    return {
+      opacity: progress > 0 ? 1 : 0,
+      transform: [{
+        translateY: (progress - 1) * distance
+      }]
+    };
+  };
+}
+//# sourceMappingURL=animations.js.map

package/lib/commonjs/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fadeStickyAnimation","progress","opacity","exports","slideStickyAnimation","distance","transform","translateY"],"sourceRoot":"../../src","sources":["animations.ts"],"mappings":";;;;;;;AAEA;AACO,MAAMA,mBAAsC,GAAIC,QAAQ,IAAK;EAClE,SAAS;;EACT,OAAO;IAAEC,OAAO,EAAED;EAAS,CAAC;AAC9B,CAAC;;AAED;AACA;AACA;AACA;AAHAE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA;AAIO,SAASI,oBAAoBA,CAACC,QAAQ,GAAG,GAAG,EAAqB;EACtE,OAAQJ,QAAQ,IAAK;IACnB,SAAS;;IACT,OAAO;MACLC,OAAO,EAAED,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;MAC7BK,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAACN,QAAQ,GAAG,CAAC,IAAII;MAAS,CAAC;IACvD,CAAC;EACH,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return _Badge.Badge;
+  }
+});
+Object.defineProperty(exports, "CollapsibleStickyHeaderScreen", {
+  enumerable: true,
+  get: function () {
+    return _CollapsibleStickyHeaderScreen.CollapsibleStickyHeaderScreen;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_BADGE_MAX", {
+  enumerable: true,
+  get: function () {
+    return _utils.DEFAULT_BADGE_MAX;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_COLLAPSE_TRANSLATE_Y", {
+  enumerable: true,
+  get: function () {
+    return _useStickyHeader.DEFAULT_COLLAPSE_TRANSLATE_Y;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_STICKY_FADE_DISTANCE", {
+  enumerable: true,
+  get: function () {
+    return _useStickyHeader.DEFAULT_STICKY_FADE_DISTANCE;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_STICKY_POINTER_OFFSET", {
+  enumerable: true,
+  get: function () {
+    return _useStickyHeader.DEFAULT_STICKY_POINTER_OFFSET;
+  }
+});
+Object.defineProperty(exports, "HeaderGreeting", {
+  enumerable: true,
+  get: function () {
+    return _HeaderGreeting.HeaderGreeting;
+  }
+});
+Object.defineProperty(exports, "HeaderNavBar", {
+  enumerable: true,
+  get: function () {
+    return _HeaderNavBar.HeaderNavBar;
+  }
+});
+Object.defineProperty(exports, "MAX_HEADER_ACTIONS", {
+  enumerable: true,
+  get: function () {
+    return _utils.MAX_HEADER_ACTIONS;
+  }
+});
+Object.defineProperty(exports, "computeThreshold", {
+  enumerable: true,
+  get: function () {
+    return _utils.computeThreshold;
+  }
+});
+Object.defineProperty(exports, "createTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.createTheme;
+  }
+});
+Object.defineProperty(exports, "defaultTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.defaultTheme;
+  }
+});
+Object.defineProperty(exports, "fadeStickyAnimation", {
+  enumerable: true,
+  get: function () {
+    return _animations.fadeStickyAnimation;
+  }
+});
+Object.defineProperty(exports, "getCollapseProgress", {
+  enumerable: true,
+  get: function () {
+    return _utils.getCollapseProgress;
+  }
+});
+Object.defineProperty(exports, "getStickyProgress", {
+  enumerable: true,
+  get: function () {
+    return _utils.getStickyProgress;
+  }
+});
+Object.defineProperty(exports, "isStickyAt", {
+  enumerable: true,
+  get: function () {
+    return _utils.isStickyAt;
+  }
+});
+Object.defineProperty(exports, "slideStickyAnimation", {
+  enumerable: true,
+  get: function () {
+    return _animations.slideStickyAnimation;
+  }
+});
+Object.defineProperty(exports, "useStickyHeader", {
+  enumerable: true,
+  get: function () {
+    return _useStickyHeader.useStickyHeader;
+  }
+});
+var _CollapsibleStickyHeaderScreen = require("./CollapsibleStickyHeaderScreen.js");
+var _useStickyHeader = require("./useStickyHeader.js");
+var _HeaderNavBar = require("./HeaderNavBar.js");
+var _HeaderGreeting = require("./HeaderGreeting.js");
+var _Badge = require("./Badge.js");
+var _theme = require("./theme.js");
+var _utils = require("./utils.js");
+var _animations = require("./animations.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CollapsibleStickyHeaderScreen","require","_useStickyHeader","_HeaderNavBar","_HeaderGreeting","_Badge","_theme","_utils","_animations"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMA,IAAAE,aAAA,GAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAQA,IAAAM,MAAA,GAAAN,OAAA;AAQA,IAAAO,WAAA,GAAAP,OAAA","ignoreList":[]}

package/lib/commonjs/optionalGradient.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLinearGradient = getLinearGradient;
+let cached;
+
+/**
+ * Resolves `expo-linear-gradient` when it is installed. The require sits in a
+ * try/catch so Metro treats it as an optional dependency.
+ */
+function getLinearGradient() {
+  if (cached === undefined) {
+    try {
+      const mod = require('expo-linear-gradient');
+      cached = mod.LinearGradient ?? null;
+    } catch {
+      cached = null;
+    }
+  }
+  return cached;
+}
+//# sourceMappingURL=optionalGradient.js.map

package/lib/commonjs/optionalGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cached","getLinearGradient","undefined","mod","require","LinearGradient"],"sourceRoot":"../../src","sources":["optionalGradient.ts"],"mappings":";;;;;;AAWA,IAAIA,MAA6C;;AAEjD;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAA,EAA8B;EAC7D,IAAID,MAAM,KAAKE,SAAS,EAAE;IACxB,IAAI;MACF,MAAMC,GAAG,GAAGC,OAAO,CAAC,sBAAsB,CAEzC;MACDJ,MAAM,GAAGG,GAAG,CAACE,cAAc,IAAI,IAAI;IACrC,CAAC,CAAC,MAAM;MACNL,MAAM,GAAG,IAAI;IACf;EACF;EACA,OAAOA,MAAM;AACf","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/theme.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTheme = createTheme;
+exports.defaultTheme = void 0;
+/** Neutral defaults. Brand colors belong in your own theme. */
+const defaultTheme = exports.defaultTheme = {
+  colors: {
+    stickyBg: '#ffffff',
+    headerBg: 'transparent',
+    iconOverlay: '#ffffff',
+    iconSolid: '#1f2937',
+    actionBgOverlay: 'transparent',
+    actionBgSolid: 'transparent',
+    badge: '#ef4444',
+    badgeText: '#ffffff',
+    badgeBorder: '#ffffff',
+    greeting: '#ffffff',
+    title: '#ffffff',
+    subtitle: 'rgba(255,255,255,0.85)',
+    stickyTitle: '#111827',
+    fade: ['transparent', '#ffffff'],
+    shadow: '#000000'
+  },
+  spacing: {
+    horizontal: 16,
+    actionGap: 8,
+    avatarGap: 12,
+    leadingGap: 8,
+    navBar: {
+      overlay: {
+        paddingHorizontal: 16,
+        paddingVertical: 8
+      },
+      solid: {
+        paddingHorizontal: 16,
+        paddingVertical: 4
+      }
+    }
+  },
+  radius: {
+    headerBottom: 0
+  },
+  pressedOpacity: 0.6,
+  iconSize: 22,
+  actionSize: 36,
+  avatarSize: 44,
+  avatarSizeCompact: 32,
+  badgeSize: 18,
+  logoSize: {
+    expanded: {
+      width: 100,
+      height: 75
+    },
+    compact: {
+      width: 64,
+      height: 48
+    }
+  },
+  typography: {
+    greetingSize: 14,
+    titleSize: 24,
+    subtitleSize: 14,
+    stickyTitleSize: 17
+  }
+};
+function isPlainObject(value) {
+  return typeof value === 'object' && value !== null && !Array.isArray(value) && Object.getPrototypeOf(value) === Object.prototype;
+}
+function deepMerge(base, overrides) {
+  if (!overrides) return base;
+  const out = {
+    ...base
+  };
+  for (const key of Object.keys(overrides)) {
+    const next = overrides[key];
+    if (next === undefined) continue;
+    const prev = out[key];
+    out[key] = isPlainObject(prev) && isPlainObject(next) ? deepMerge(prev, next) : next;
+  }
+  return out;
+}
+
+/**
+ * Deep-merges one or more partial themes over the defaults. Arrays (such as
+ * `colors.fade`) are replaced, not merged.
+ */
+function createTheme(...overrides) {
+  return overrides.reduce((theme, o) => deepMerge(theme, o), defaultTheme);
+}
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTheme","exports","colors","stickyBg","headerBg","iconOverlay","iconSolid","actionBgOverlay","actionBgSolid","badge","badgeText","badgeBorder","greeting","title","subtitle","stickyTitle","fade","shadow","spacing","horizontal","actionGap","avatarGap","leadingGap","navBar","overlay","paddingHorizontal","paddingVertical","solid","radius","headerBottom","pressedOpacity","iconSize","actionSize","avatarSize","avatarSizeCompact","badgeSize","logoSize","expanded","width","height","compact","typography","greetingSize","titleSize","subtitleSize","stickyTitleSize","isPlainObject","value","Array","isArray","Object","getPrototypeOf","prototype","deepMerge","base","overrides","out","key","keys","next","undefined","prev","createTheme","reduce","theme","o"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;;;;;;AA+EA;AACO,MAAMA,YAA+B,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC7CE,MAAM,EAAE;IACNC,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,aAAa;IACvBC,WAAW,EAAE,SAAS;IACtBC,SAAS,EAAE,SAAS;IACpBC,eAAe,EAAE,aAAa;IAC9BC,aAAa,EAAE,aAAa;IAC5BC,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,SAAS;IACpBC,WAAW,EAAE,SAAS;IACtBC,QAAQ,EAAE,SAAS;IACnBC,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,wBAAwB;IAClCC,WAAW,EAAE,SAAS;IACtBC,IAAI,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;MACNC,OAAO,EAAE;QAAEC,iBAAiB,EAAE,EAAE;QAAEC,eAAe,EAAE;MAAE,CAAC;MACtDC,KAAK,EAAE;QAAEF,iBAAiB,EAAE,EAAE;QAAEC,eAAe,EAAE;MAAE;IACrD;EACF,CAAC;EACDE,MAAM,EAAE;IACNC,YAAY,EAAE;EAChB,CAAC;EACDC,cAAc,EAAE,GAAG;EACnBC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,iBAAiB,EAAE,EAAE;EACrBC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAC;IACpCC,OAAO,EAAE;MAAEF,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAG;EACnC,CAAC;EACDE,UAAU,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE;EACnB;AACF,CAAC;AAED,SAASC,aAAaA,CAACC,KAAc,EAAoC;EACvE,OACE,OAAOA,KAAK,KAAK,QAAQ,IACzBA,KAAK,KAAK,IAAI,IACd,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IACrBG,MAAM,CAACC,cAAc,CAACJ,KAAK,CAAC,KAAKG,MAAM,CAACE,SAAS;AAErD;AAEA,SAASC,SAASA,CAAIC,IAAO,EAAEC,SAAqC,EAAK;EACvE,IAAI,CAACA,SAAS,EAAE,OAAOD,IAAI;EAC3B,MAAME,GAA4B,GAAG;IAAE,GAAIF;EAAiC,CAAC;EAC7E,KAAK,MAAMG,GAAG,IAAIP,MAAM,CAACQ,IAAI,CAACH,SAAS,CAAC,EAAE;IACxC,MAAMI,IAAI,GAAIJ,SAAS,CAA6BE,GAAG,CAAC;IACxD,IAAIE,IAAI,KAAKC,SAAS,EAAE;IACxB,MAAMC,IAAI,GAAGL,GAAG,CAACC,GAAG,CAAC;IACrBD,GAAG,CAACC,GAAG,CAAC,GACNX,aAAa,CAACe,IAAI,CAAC,IAAIf,aAAa,CAACa,IAAI,CAAC,GACtCN,SAAS,CAACQ,IAAI,EAAEF,IAAgC,CAAC,GACjDA,IAAI;EACZ;EACA,OAAOH,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACO,SAASM,WAAWA,CACzB,GAAGP,SAAwD,EACxC;EACnB,OAAOA,SAAS,CAACQ,MAAM,CACrB,CAACC,KAAK,EAAEC,CAAC,KAAKZ,SAAS,CAACW,KAAK,EAAEC,CAAC,CAAC,EACjCjE,YACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}