@papillonarts/components 0.48.0 → 0.49.1

package/build/Modern/hooks/useMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/useMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAgExE;AAED,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;AAO7D,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAA0B,EAAE,EAAE,eAAe,2CAGnF"}
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/useMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAgExE;AAED,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;AAO7D,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAA0B,EAAE,EAAE,eAAe,+BAGnF"}

package/build/Modern/hooks/useMedia.js

@@ -1,18 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MatchMedia = MatchMedia;
 exports.useMedia = useMedia;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _environment = require("../utils/environment");
 var _warning = require("../utils/warning");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * `useMedia` will use the given `mediaQueryString` with `matchMedia` to
  * determine if the document matches the media query string.
@@ -25,33 +21,29 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  *   const coarsePointer = useMedia('(pointer: coarse)');
  *   // ...
  * }
- */
-function useMedia(mediaQueryString, defaultState) {
-  var features = (0, _react.useContext)(MatchMediaContext);
-  var _useState = (0, _react.useState)(function () {
-      if (features[mediaQueryString] !== undefined) {
-        return features[mediaQueryString];
-      }
+ */function useMedia(mediaQueryString, defaultState) {
+  const features = (0, _react.useContext)(MatchMediaContext);
+  const [matches, setMatches] = (0, _react.useState)(() => {
+    if (features[mediaQueryString] !== undefined) {
+      return features[mediaQueryString];
+    }
 
-      // Prevent a React hydration mismatch when a default value is provided by not defaulting to window.matchMedia(query).matches.
-      if (defaultState !== undefined) {
-        return defaultState;
-      }
-      if (_environment.canUseDOM) {
-        return window.matchMedia(mediaQueryString).matches;
-      }
+    // Prevent a React hydration mismatch when a default value is provided by not defaulting to window.matchMedia(query).matches.
+    if (defaultState !== undefined) {
+      return defaultState;
+    }
+    if (_environment.canUseDOM) {
+      return window.matchMedia(mediaQueryString).matches;
+    }
 
-      // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
-      (0, _warning.warning)(true, '`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
-      return false;
-    }),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    matches = _useState2[0],
-    setMatches = _useState2[1];
+    // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
+    (0, _warning.warning)(true, '`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
+    return false;
+  });
   if (features[mediaQueryString] !== undefined && matches !== features[mediaQueryString]) {
     setMatches(features[mediaQueryString]);
   }
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     // If `mediaQueryString` is present in features through `context` defer to
     // the value present instead of checking with matchMedia
     if (features[mediaQueryString] !== undefined) {
@@ -60,7 +52,7 @@ function useMedia(mediaQueryString, defaultState) {
     function listener(event) {
       setMatches(event.matches);
     }
-    var mediaQueryList = window.matchMedia(mediaQueryString);
+    const mediaQueryList = window.matchMedia(mediaQueryString);
 
     // Support fallback to `addListener` for broader browser support
     // @ts-ignore this is not present in Safari <14
@@ -74,7 +66,7 @@ function useMedia(mediaQueryString, defaultState) {
     // Make sure the media query list is in sync with the matches state
 
     setMatches(mediaQueryList.matches);
-    return function () {
+    return () => {
       // @ts-ignore this is not present in Safari <14
 
       if (mediaQueryList.addEventListener) {
@@ -89,8 +81,8 @@ function useMedia(mediaQueryString, defaultState) {
 // Used to keep track of overrides to specific media query features, this should
 // be used for development and demo purposes to emulate specific features if
 // unavailable through devtools
-var MatchMediaContext = /*#__PURE__*/(0, _react.createContext)({});
-var defaultFeatures = {};
+const MatchMediaContext = /*#__PURE__*/(0, _react.createContext)({});
+const defaultFeatures = {};
 
 /**
  * Use `MatchMedia` to emulate media conditions by passing in feature
@@ -106,11 +98,11 @@ var defaultFeatures = {};
  *   <Children />
  * </MatchMedia>
  */
-function MatchMedia(_ref) {
-  var children = _ref.children,
-    _ref$features = _ref.features,
-    features = _ref$features === void 0 ? defaultFeatures : _ref$features;
-  var value = useShallowObject(features);
+function MatchMedia({
+  children,
+  features = defaultFeatures
+}) {
+  const value = useShallowObject(features);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MatchMediaContext.Provider, {
     value: value,
     children: children
@@ -125,12 +117,9 @@ function MatchMedia(_ref) {
  * shallow equality check is false each time the hook is called
  */
 function useShallowObject(object) {
-  var _useState3 = (0, _react.useState)(object),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
+  const [value, setValue] = (0, _react.useState)(object);
   if (value !== object) {
-    var match = Object.keys(object).every(function (key) {
+    const match = Object.keys(object).every(key => {
       return object[key] === value[key];
     });
     if (!match) {

package/build/Modern/hooks/useRefObjectAsForwardedRef.js

@@ -13,7 +13,5 @@ var _react = require("react");
  * **NOTE**: The `refObject` should be passed to the underlying element, NOT the `forwardedRef`.
  */
 function useRefObjectAsForwardedRef(forwardedRef, refObject) {
-  (0, _react.useImperativeHandle)(forwardedRef, function () {
-    return refObject.current;
-  });
+  (0, _react.useImperativeHandle)(forwardedRef, () => refObject.current);
 }

package/build/Modern/hooks/useResponsiveValue.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isResponsiveValue = isResponsiveValue;
 exports.useResponsiveValue = useResponsiveValue;
 exports.viewportRanges = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _useMedia = require("./useMedia");
 // This file contains utilities for working with responsive values.
 
@@ -15,7 +13,7 @@ var _useMedia = require("./useMedia");
 // because they use `em` units inside `calc()` (e.g., calc(48em - 0.02px)).
 // As a temporary workaround, we're hardcoding the viewport ranges in `px` units.
 // TODO: Use viewport range tokens from @primer/primitives
-var viewportRanges = exports.viewportRanges = {
+const viewportRanges = exports.viewportRanges = {
   narrow: '(max-width: calc(768px - 0.02px))',
   // < 768px
   regular: '(min-width: 768px)',
@@ -34,9 +32,7 @@ var viewportRanges = exports.viewportRanges = {
  * In other words, is it an object with viewport range keys?
  */
 function isResponsiveValue(value) {
-  return (0, _typeof2["default"])(value) === 'object' && Object.keys(value).some(function (key) {
-    return ['narrow', 'regular', 'wide'].includes(key);
-  });
+  return typeof value === 'object' && Object.keys(value).some(key => ['narrow', 'regular', 'wide'].includes(key));
 }
 
 /**
@@ -51,12 +47,12 @@ function isResponsiveValue(value) {
 function useResponsiveValue(value, fallback) {
   // Check viewport size
   // TODO: What is the performance cost of creating media query listeners in this hook?
-  var isNarrowViewport = (0, _useMedia.useMedia)(viewportRanges.narrow, false);
-  var isRegularViewport = (0, _useMedia.useMedia)(viewportRanges.regular, false);
-  var isWideViewport = (0, _useMedia.useMedia)(viewportRanges.wide, false);
+  const isNarrowViewport = (0, _useMedia.useMedia)(viewportRanges.narrow, false);
+  const isRegularViewport = (0, _useMedia.useMedia)(viewportRanges.regular, false);
+  const isWideViewport = (0, _useMedia.useMedia)(viewportRanges.wide, false);
   if (isResponsiveValue(value)) {
     // If we've reached this line, we know that value is a responsive value
-    var responsiveValue = value;
+    const responsiveValue = value;
     if (isNarrowViewport && 'narrow' in Object(responsiveValue)) {
       return Object(responsiveValue).narrow;
     } else if (isWideViewport && 'wide' in Object(responsiveValue)) {

package/build/Modern/index.d.ts

@@ -16,7 +16,7 @@ export declare const Modern: {
         } & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
     };
     AvatarStack: {
-        AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: import("./AvatarStack").AvatarStackProps) => import("react/jsx-runtime").JSX.Element;
+        AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: import("./AvatarStack").AvatarStackProps) => import("react").JSX.Element;
     };
     Flash: {
         Flash: import("./utils/polymorphic").ForwardRefComponent<"div", import("./Flash").FlashProps>;
@@ -34,7 +34,7 @@ export declare const Modern: {
             inline?: boolean;
         } ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
             as?: As;
-        } & import("react").RefAttributes<unknown>) => React.ReactNode) & {
+        } & import("react").RefAttributes<unknown>) => import("react").ReactNode) & {
             displayName: string;
         };
     };

package/build/Modern/index.js

@@ -10,7 +10,7 @@ var _AvatarStack = require("./AvatarStack");
 var _Flash = require("./Flash");
 var _Link = require("./Link");
 var _Pagination = require("./Pagination");
-var Modern = exports.Modern = {
+const Modern = exports.Modern = {
   Avatar: {
     Avatar: _Avatar.Avatar
   },

package/build/Modern/type.d.ts

@@ -1,4 +1,5 @@
 export type { AvatarProps } from './Avatar';
+export type { AvatarStackProps } from './AvatarStack';
 export type { FlashProps } from './Flash';
 export type { LinkProps } from './Link';
 export type { PaginationProps } from './Pagination';

package/build/Modern/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/Modern/type.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/Modern/type.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/build/Modern/utils/environment.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.canUseDOM = void 0;
-var _window$document$crea, _window;
 /**
  * Indicate whether current execution environment can access the DOM.
  *
  * @see https://github.com/facebook/fbjs/blob/4d1751311d3f67af2dcce2e40df8512a23c7b9c6/packages/fbjs/src/core/ExecutionEnvironment.js#L12
  */
-var canUseDOM = exports.canUseDOM = (_window$document$crea = (_window = window) === null || _window === void 0 || (_window = _window.document) === null || _window === void 0 ? void 0 : _window.createElement) !== null && _window$document$crea !== void 0 ? _window$document$crea : false;
+const canUseDOM = exports.canUseDOM = window?.document?.createElement ?? false;

package/build/Modern/utils/hasInteractiveNodes.js

@@ -1,24 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hasInteractiveNodes = hasInteractiveNodes;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var nonValidSelectors = {
+const nonValidSelectors = {
   disabled: '[disabled]',
   hidden: '[hidden]',
   inert: '[inert]',
   negativeTabIndex: '[tabindex="-1"]'
 };
-var interactiveElementsSelectors = ["a[href]", "button", 'summary', 'select', 'input:not([type=hidden])', 'textarea', '[tabindex="0"]', "audio[controls]", "video[controls]", "[contenteditable]"];
-var interactiveElements = interactiveElementsSelectors.map(function (selector) {
-  return "".concat(selector, ":not(").concat(Object.values(nonValidSelectors).join('):not('), ")");
-});
+const interactiveElementsSelectors = [`a[href]`, `button`, 'summary', 'select', 'input:not([type=hidden])', 'textarea', '[tabindex="0"]', `audio[controls]`, `video[controls]`, `[contenteditable]`];
+const interactiveElements = interactiveElementsSelectors.map(selector => `${selector}:not(${Object.values(nonValidSelectors).join('):not(')})`);
 
 // Combined selector for fast querySelector check
-var interactiveSelector = interactiveElements.join(', ');
+const interactiveSelector = interactiveElements.join(', ');
 
 /**
  * Finds interactive nodes within the passed node.
@@ -35,14 +31,14 @@ function hasInteractiveNodes(node, ignoreNodes) {
   // We only need to confirm if at least one interactive node exists.
   // If one does exist, we can abort early.
 
-  var nodesToIgnore = ignoreNodes ? [node].concat((0, _toConsumableArray2["default"])(ignoreNodes)) : [node];
+  const nodesToIgnore = ignoreNodes ? [node, ...ignoreNodes] : [node];
 
   // Performance optimization: Use querySelectorAll with combined selector first
   // This avoids recursive getComputedStyle calls for each node
-  var candidates = node.querySelectorAll(interactiveSelector);
+  const candidates = node.querySelectorAll(interactiveSelector);
   // eslint-disable-next-line @typescript-eslint/prefer-for-of
-  for (var i = 0; i < candidates.length; i++) {
-    var candidate = candidates[i];
+  for (let i = 0; i < candidates.length; i++) {
+    const candidate = candidates[i];
     if (!nodesToIgnore.includes(candidate) && !isNonValidInteractiveNode(candidate)) {
       return true;
     }
@@ -53,12 +49,12 @@ function hasInteractiveNodes(node, ignoreNodes) {
 // Note: Only call getComputedStyle when CSS-based checks are insufficient
 function isNonValidInteractiveNode(node) {
   // Fast path: Check attribute-based states first (no style recalc needed)
-  var isNonInteractive = node.matches('[disabled], [hidden], [inert]');
+  const isNonInteractive = node.matches('[disabled], [hidden], [inert]');
   if (isNonInteractive) return true;
 
   // Only call getComputedStyle if attribute checks passed
   // This is necessary for display:none and visibility:hidden which aren't detectable via attributes
-  var nodeStyle = getComputedStyle(node);
-  var isHiddenVisually = nodeStyle.display === 'none' || nodeStyle.visibility === 'hidden';
+  const nodeStyle = getComputedStyle(node);
+  const isHiddenVisually = nodeStyle.display === 'none' || nodeStyle.visibility === 'hidden';
   return isHiddenVisually;
 }

package/build/Modern/utils/modern-polymorphic.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef, ElementType } from 'react';
+import type { ComponentPropsWithRef, ElementType, ReactNode, Ref, RefAttributes } from 'react';
 /**
  * Distributive Omit utility type that works correctly with union types
  */
@@ -6,7 +6,7 @@ type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends unknown ? Omi
 /**
  * Fixed version of forwardRef that provides better type inference for polymorphic components
  */
-type FixedForwardRef = <T, P = object>(render: (props: P, ref: React.Ref<T>) => React.ReactNode) => (props: P & React.RefAttributes<T>) => React.ReactNode;
+type FixedForwardRef = <T, P = object>(render: (props: P, ref: Ref<T>) => ReactNode) => (props: P & RefAttributes<T>) => ReactNode;
 /**
  * Cast forwardRef to the fixed version with better type inference
  */

package/build/Modern/utils/modern-polymorphic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modern-polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/modern-polymorphic.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE/D;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,QAAQ,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAA;AAEtG;;GAEG;AAGH,KAAK,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EACnC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,KACrD,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;AAE3D;;GAEG;AACH,eAAO,MAAM,eAAe,EAAiB,eAAe,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,EAAE,eAAe,SAAS,WAAW,GAAG,KAAK,EAAE,KAAK,GAAG,MAAM,IAAI,gBAAgB,CACnI,qBAAqB,CAAC,WAAW,SAAS,GAAG,GAAG,eAAe,GAAG,GAAG,CAAC,GAAG,KAAK,EAC9E,IAAI,CACL,GAAG;IACF,EAAE,CAAC,EAAE,GAAG,CAAA;CACT,CAAA"}
+{"version":3,"file":"modern-polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/modern-polymorphic.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE9F;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,QAAQ,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAA;AAEtG;;GAEG;AAGH,KAAK,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,CAAA;AAElI;;GAEG;AACH,eAAO,MAAM,eAAe,EAAiB,eAAe,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,EAAE,eAAe,SAAS,WAAW,GAAG,KAAK,EAAE,KAAK,GAAG,MAAM,IAAI,gBAAgB,CACnI,qBAAqB,CAAC,WAAW,SAAS,GAAG,GAAG,eAAe,GAAG,GAAG,CAAC,GAAG,KAAK,EAC9E,IAAI,CACL,GAAG;IACF,EAAE,CAAC,EAAE,GAAG,CAAA;CACT,CAAA"}

package/build/Modern/utils/modern-polymorphic.js

@@ -20,7 +20,7 @@ var _react = require("react");
 /**
  * Cast forwardRef to the fixed version with better type inference
  */
-var fixedForwardRef = exports.fixedForwardRef = _react.forwardRef;
+const fixedForwardRef = exports.fixedForwardRef = _react.forwardRef;
 
 /**
  * Simplified polymorphic props type that handles the common pattern of

package/build/Modern/utils/polymorphic.d.ts

@@ -4,7 +4,7 @@
  *
  * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
  */
-import * as React from 'react';
+import type * as React from 'react';
 import type { JSX } from 'react';
 import type { SlotMarker } from './types/Slots';
 type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;

package/build/Modern/utils/polymorphic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK/C,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CACnG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAMb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAAE,UAAU;IAC/E;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAE,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAE,GACnC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GAC/B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GACvD,KAAK,GACZ,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAClC;AAED,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK/C,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CACnG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAMb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAAE,UAAU;IAC/E;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAE,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAE,GACnC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GAC/B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GACvD,KAAK,GACZ,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAClC;AAED,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAA"}

package/build/Modern/utils/testing.d.ts

@@ -1,3 +1,4 @@
 import '@testing-library/jest-dom';
-export declare function implementsClassName(Component: React.ElementType, baseClassName?: string): void;
+import type { ElementType } from 'react';
+export declare function implementsClassName(Component: ElementType, baseClassName?: string): void;
 //# sourceMappingURL=testing.d.ts.map

package/build/Modern/utils/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/testing.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAA;AAGlC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,MAAM,QAavF"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/testing.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAA;AAElC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,aAAa,CAAC,EAAE,MAAM,QAajF"}

package/build/Modern/utils/testing.js

@@ -10,12 +10,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable jest/no-export, jest/no-conditional-expect */
 
 function implementsClassName(Component, baseClassName) {
-  test('renders with the custom className', function () {
+  test('renders with the custom className', () => {
     (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       className: "test-class",
       "data-testid": "className-test"
     }));
-    var element = _react.screen.getByTestId('className-test');
+    const element = _react.screen.getByTestId('className-test');
     expect(element).toBeInTheDocument();
     if (baseClassName) {
       expect(element).toHaveClass(baseClassName);

package/build/Modern/utils/types/ComponentProps.d.ts

@@ -1,3 +1,4 @@
+import type { ComponentType, PropsWithChildren } from 'react';
 /**
  * Extract a component's props
  *
@@ -5,5 +6,5 @@
  *
  * @example ComponentProps<typeof MyComponent>
  */
-export type ComponentProps<T> = T extends React.ComponentType<React.PropsWithChildren<infer Props>> ? (Props extends object ? Props : never) : never;
+export type ComponentProps<T> = T extends ComponentType<PropsWithChildren<infer Props>> ? (Props extends object ? Props : never) : never;
 //# sourceMappingURL=ComponentProps.d.ts.map

package/build/Modern/utils/types/ComponentProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/Modern/utils/types/ComponentProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAC1B,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA"}
+{"version":3,"file":"ComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/Modern/utils/types/ComponentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE7D;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA"}

package/build/Modern/utils/types/Slots.d.ts

@@ -1,7 +1,8 @@
+import type { FC } from 'react';
 export interface SlotMarker {
     /** Marker to denote the custom child slot for a component */
     __SLOT__?: symbol;
 }
 export type WithSlotMarker<T> = T & SlotMarker;
-export type FCWithSlotMarker<P> = WithSlotMarker<React.FC<P>>;
+export type FCWithSlotMarker<P> = WithSlotMarker<FC<P>>;
 //# sourceMappingURL=Slots.d.ts.map

package/build/Modern/utils/types/Slots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slots.d.ts","sourceRoot":"","sources":["../../../../src/Modern/utils/types/Slots.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Slots.d.ts","sourceRoot":"","sources":["../../../../src/Modern/utils/types/Slots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,WAAW,UAAU;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/build/Modern/utils/types/index.js

@@ -9,7 +9,7 @@ Object.keys(_ComponentProps).forEach(function (key) {
   if (key in exports && exports[key] === _ComponentProps[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ComponentProps[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_Slots).forEach(function (key) {
   if (key in exports && exports[key] === _Slots[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Slots[key];
     }
   });
@@ -31,7 +31,7 @@ Object.keys(_ViewportRangeKeys).forEach(function (key) {
   if (key in exports && exports[key] === _ViewportRangeKeys[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ViewportRangeKeys[key];
     }
   });

package/build/Modern/utils/warning.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.warning = exports.warn = void 0;
 function emptyFunction() {}
-var warn = exports.warn = process.env.NODE_ENV !== 'production' ? function warn(message) {
+const warn = exports.warn = process.env.NODE_ENV !== 'production' ? function warn(message) {
   console.warn('Warning:', message);
 } : emptyFunction;
 
 // Inspired by warning by fbjs
 // @see https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/__forks__/warning.js
-var warning = exports.warning = process.env.NODE_ENV !== 'production' ? function warning(condition, format) {
-  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    args[_key - 2] = arguments[_key];
-  }
+const warning = exports.warning = process.env.NODE_ENV !== 'production' ? function warning(condition, format, ...args) {
   if (condition) {
-    var index = 0;
-    var message = format.replace(/%s/g, function () {
+    let index = 0;
+    const message = format.replace(/%s/g, () => {
       return args[index++];
     });
     warn(message);

package/build/index.d.ts

@@ -1,5 +1,5 @@
 export { Legacy } from './Legacy';
-export type { IAlertConsent, IFlexGridItem } from './Legacy/type';
+export type { IAlert, IAlertConsent, IButton, IBlankslate, IBreadcrumb, ICheckbox, IDropdown, IFlexGrid, IFlexGridItem, IDisplayTable, IIcon, IInput, ILabel, ILoader, IMarkdown, IMenu, ITabNav, IUnderlineNav, IPreviousNext, IPopover, IProgress, IRadio, ISelect, ISelectMenu, ISubhead, ISyntaxHighlighter, IToast, } from './Legacy/type';
 export { Modern } from './Modern';
-export type { AvatarProps, FlashProps, LinkProps, PaginationProps } from './Modern/type';
+export type { AvatarProps, AvatarStackProps, FlashProps, LinkProps, PaginationProps } from './Modern/type';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EACV,MAAM,EACN,aAAa,EACb,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,EACb,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA"}

package/build/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Legacy", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Legacy.Legacy;
   }
 });
 Object.defineProperty(exports, "Modern", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Modern.Modern;
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.48.0",
+  "version": "0.49.1",
   "description": "Papillon Arts Components",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
   "repository": {
@@ -26,8 +26,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonarts/css": "^0.48.0",
-    "@papillonarts/library": "^0.48.0"
+    "@papillonarts/css": "^0.49.1",
+    "@papillonarts/library": "^0.49.1"
   },
-  "gitHead": "0e3dc43de7c6e4ff4a2fcec300c7a733e5736ef4"
+  "gitHead": "99aeb0ec52f96fcd66e8c4c6639e5e1265de6873"
 }