@papillonarts/components 0.35.0 → 0.36.0

package/build/Modern/hooks/useMedia.js

@@ -0,0 +1,141 @@
+"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 _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.
+ *
+ * If `MatchMedia` is used as an ancestor, `useMedia` will instead use the
+ * value of the media query string, if available
+ *
+ * @example
+ * function Example() {
+ *   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];
+      }
+
+      // 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];
+  if (features[mediaQueryString] !== undefined && matches !== features[mediaQueryString]) {
+    setMatches(features[mediaQueryString]);
+  }
+  (0, _react.useEffect)(function () {
+    // If `mediaQueryString` is present in features through `context` defer to
+    // the value present instead of checking with matchMedia
+    if (features[mediaQueryString] !== undefined) {
+      return;
+    }
+    function listener(event) {
+      setMatches(event.matches);
+    }
+    var mediaQueryList = window.matchMedia(mediaQueryString);
+
+    // Support fallback to `addListener` for broader browser support
+    // @ts-ignore this is not present in Safari <14
+
+    if (mediaQueryList.addEventListener) {
+      mediaQueryList.addEventListener('change', listener);
+    } else {
+      mediaQueryList.addListener(listener);
+    }
+
+    // Make sure the media query list is in sync with the matches state
+
+    setMatches(mediaQueryList.matches);
+    return function () {
+      // @ts-ignore this is not present in Safari <14
+
+      if (mediaQueryList.addEventListener) {
+        mediaQueryList.removeEventListener('change', listener);
+      } else {
+        mediaQueryList.removeListener(listener);
+      }
+    };
+  }, [features, mediaQueryString]);
+  return matches;
+}
+// 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 = {};
+
+/**
+ * Use `MatchMedia` to emulate media conditions by passing in feature
+ * queries to the `features` prop. If a component uses `useMedia` with the
+ * feature passed in to `MatchMedia` it will force its value to match what is
+ * provided to `MatchMedia`
+ *
+ * This should be used for development and documentation only in situations
+ * where devtools cannot emulate this feature
+ *
+ * @example
+ * <MatchMedia features={{ "(pointer: coarse)": true}}>
+ *   <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);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MatchMediaContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+/**
+ * Utility hook to provide a stable identity for a "simple" object which
+ * contains only primitive values. This provides a `useMemo`-esque signature
+ * without dealing with shallow equality checks in the dependency array.
+ *
+ * Note (perf): this hook iterates through keys and values of the object if the
+ * 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];
+  if (value !== object) {
+    var match = Object.keys(object).every(function (key) {
+      return object[key] === value[key];
+    });
+    if (!match) {
+      setValue(object);
+    }
+  }
+  return value;
+}

package/build/Modern/hooks/useRefObjectAsForwardedRef.d.ts

@@ -0,0 +1,10 @@
+import type { ForwardedRef, RefObject } from 'react';
+/**
+ * Use a ref object as the imperative handle for a forwarded ref. This can be used to
+ * synchronize the ref object with the forwarded ref and allow local access the reference
+ * instance with `.current`.
+ *
+ * **NOTE**: The `refObject` should be passed to the underlying element, NOT the `forwardedRef`.
+ */
+export declare function useRefObjectAsForwardedRef<T>(forwardedRef: ForwardedRef<T>, refObject: RefObject<T | null>): void;
+//# sourceMappingURL=useRefObjectAsForwardedRef.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefObjectAsForwardedRef.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/useRefObjectAsForwardedRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGpD;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAEjH"}

package/build/Modern/hooks/useRefObjectAsForwardedRef.hookDocs.json

@@ -0,0 +1,22 @@
+{
+  "name": "useRefObjectAsForwardedRef",
+  "importPath": "@primer/react",
+  "stories": [],
+  "parameters": [
+    {
+      "name": "forwardedRef",
+      "type": "ForwardedRef<T>",
+      "required": true,
+      "description": "The forwarded ref to synchronize with the ref object."
+    },
+    {
+      "name": "refObject",
+      "type": "RefObject<T>",
+      "required": true,
+      "description": "The ref object to use as the imperative handle."
+    }
+  ],
+  "returns": {
+    "type": "void"
+  }
+}

package/build/Modern/hooks/useRefObjectAsForwardedRef.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRefObjectAsForwardedRef = useRefObjectAsForwardedRef;
+var _react = require("react");
+/**
+ * Use a ref object as the imperative handle for a forwarded ref. This can be used to
+ * synchronize the ref object with the forwarded ref and allow local access the reference
+ * instance with `.current`.
+ *
+ * **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;
+  });
+}

package/build/Modern/hooks/useResponsiveValue.d.ts

@@ -0,0 +1,31 @@
+export declare const viewportRanges: {
+    narrow: string;
+    regular: string;
+    wide: string;
+};
+export interface ResponsiveValue<TRegular, TNarrow = TRegular, TWide = TRegular> {
+    narrow?: TNarrow;
+    regular?: TRegular;
+    wide?: TWide;
+}
+/**
+ * Flattens all possible value types into single union type
+ * For example, if `T` is `'none' | 'line' | Responsive<'none' | 'line' | 'filled'>`,
+ * `FlattenResponsiveValue<T>` will be `'none' | 'line' | 'filled'`
+ */
+export type FlattenResponsiveValue<T> = (T extends ResponsiveValue<infer TRegular, infer TNarrow, infer TWide> ? TRegular | TNarrow | TWide : never) | Exclude<T, ResponsiveValue<any>>;
+/**
+ * Checks if the value is a responsive value.
+ * In other words, is it an object with viewport range keys?
+ */
+export declare function isResponsiveValue(value: any): value is ResponsiveValue<any>;
+/**
+ * Resolves responsive values based on the current viewport width.
+ * For example, if the current viewport width is narrow (less than 768px), the value of `{regular: 'foo', narrow: 'bar'}` will resolve to `'bar'`.
+ *
+ * @example
+ * const value = useResponsiveValue({regular: 'foo', narrow: 'bar'})
+ * console.log(value) // 'bar'
+ */
+export declare function useResponsiveValue<T, F>(value: T, fallback: F): FlattenResponsiveValue<T> | F;
+//# sourceMappingURL=useResponsiveValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveValue.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/useResponsiveValue.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;CAI1B,CAAA;AAED,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,QAAQ,EAAE,KAAK,GAAG,QAAQ;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAChC,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,QAAQ,EAAE,MAAM,OAAO,EAAE,MAAM,KAAK,CAAC,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,GAC5G,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;AAEpC;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,eAAe,CAAC,GAAG,CAAC,CAE3E;AAED;;;;;;;GAOG;AAEH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,CAuB7F"}

package/build/Modern/hooks/useResponsiveValue.js

@@ -0,0 +1,73 @@
+"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.
+
+// The viewport range values from @primer/primtives don't work in Chrome
+// 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 = {
+  narrow: '(max-width: calc(768px - 0.02px))',
+  // < 768px
+  regular: '(min-width: 768px)',
+  // >= 768px
+  wide: '(min-width: 1400px)' // >= 1400px
+};
+
+/**
+ * Flattens all possible value types into single union type
+ * For example, if `T` is `'none' | 'line' | Responsive<'none' | 'line' | 'filled'>`,
+ * `FlattenResponsiveValue<T>` will be `'none' | 'line' | 'filled'`
+ */
+
+/**
+ * Checks if the value is a responsive value.
+ * 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);
+  });
+}
+
+/**
+ * Resolves responsive values based on the current viewport width.
+ * For example, if the current viewport width is narrow (less than 768px), the value of `{regular: 'foo', narrow: 'bar'}` will resolve to `'bar'`.
+ *
+ * @example
+ * const value = useResponsiveValue({regular: 'foo', narrow: 'bar'})
+ * console.log(value) // 'bar'
+ */
+// TODO: Improve SSR support
+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);
+  if (isResponsiveValue(value)) {
+    // If we've reached this line, we know that value is a responsive value
+    var responsiveValue = value;
+    if (isNarrowViewport && 'narrow' in Object(responsiveValue)) {
+      return Object(responsiveValue).narrow;
+    } else if (isWideViewport && 'wide' in Object(responsiveValue)) {
+      return Object(responsiveValue).wide;
+    } else if (isRegularViewport && 'regular' in Object(responsiveValue)) {
+      return Object(responsiveValue).regular;
+    } else {
+      return fallback;
+    }
+  } else {
+    // If we've reached this line, we know that value is not a responsive value
+    return value;
+  }
+}

package/build/Modern/index.d.ts

@@ -1,7 +1,31 @@
+import '@papillonarts/css/build/primer/index.scss';
+import { Pagination } from './Pagination';
 export type { FlashProps } from './Flash';
+export type { LinkProps } from './Link';
+export type { PaginationProps } from './Pagination';
 export declare const Modern: {
     Flash: {
         Flash: import("./utils/polymorphic").ForwardRefComponent<"div", import("./Flash").FlashProps>;
     };
+    Link: {
+        Link: (<As extends import("react").ElementType = "a">(props: (import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
+            as?: "a";
+            hoverColor?: string;
+            muted?: boolean;
+            inline?: boolean;
+        } extends infer T ? T extends import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
+            as?: "a";
+            hoverColor?: string;
+            muted?: boolean;
+            inline?: boolean;
+        } ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
+            as?: As;
+        } & import("react").RefAttributes<unknown>) => React.ReactNode) & {
+            displayName: string;
+        };
+    };
+    Pagination: {
+        Pagination: typeof Pagination;
+    };
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modern/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,MAAM;;;;CAIlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modern/index.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAA;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAUlB,CAAA"}

package/build/Modern/index.js

@@ -1,13 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Modern = void 0;
-var _Flash = _interopRequireDefault(require("./Flash"));
+require("@papillonarts/css/build/primer/index.scss");
+var _Flash = require("./Flash");
+var _Link = require("./Link");
+var _Pagination = require("./Pagination");
 var Modern = exports.Modern = {
   Flash: {
-    Flash: _Flash["default"]
+    Flash: _Flash.Flash
+  },
+  Link: {
+    Link: _Link.Link
+  },
+  Pagination: {
+    Pagination: _Pagination.Pagination
   }
 };

package/build/Modern/type.d.ts

@@ -0,0 +1,4 @@
+export type { FlashProps } from './Flash';
+export type { LinkProps } from './Link';
+export type { PaginationProps } from './Pagination';
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/Modern/type.ts"],"names":[],"mappings":"AAAA,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/type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,11 @@
+/**
+ * Indicate whether current execution environment can access the DOM.
+ *
+ * @see https://github.com/facebook/fbjs/blob/4d1751311d3f67af2dcce2e40df8512a23c7b9c6/packages/fbjs/src/core/ExecutionEnvironment.js#L12
+ */
+export const canUseDOM: false | {
+    <K extends keyof HTMLElementTagNameMap>(tagName: K, options?: ElementCreationOptions): HTMLElementTagNameMap[K];
+    <K extends keyof HTMLElementDeprecatedTagNameMap>(tagName: K, options?: ElementCreationOptions): HTMLElementDeprecatedTagNameMap[K];
+    (tagName: string, options?: ElementCreationOptions): HTMLElement;
+};
+//# sourceMappingURL=environment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"environment.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/environment.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;;;;EAAiE"}

package/build/Modern/utils/environment.js

@@ -0,0 +1,13 @@
+"use strict";
+
+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;

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

@@ -0,0 +1,22 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+/**
+ * Distributive Omit utility type that works correctly with union types
+ */
+type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends unknown ? Omit<T, TOmitted> : never;
+/**
+ * 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;
+/**
+ * Cast forwardRef to the fixed version with better type inference
+ */
+export declare const fixedForwardRef: FixedForwardRef;
+/**
+ * Simplified polymorphic props type that handles the common pattern of
+ * `DistributiveOmit<ComponentPropsWithRef<ElementType extends As ? DefaultElement : As>, 'as'>`
+ */
+export type PolymorphicProps<TAs extends ElementType, TDefaultElement extends ElementType = 'div', Props = object> = DistributiveOmit<ComponentPropsWithRef<ElementType extends TAs ? TDefaultElement : TAs> & Props, 'as'> & {
+    as?: TAs;
+};
+export {};
+//# sourceMappingURL=modern-polymorphic.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fixedForwardRef = void 0;
+var _react = require("react");
+// Mostly taken from https://github.com/total-typescript/react-typescript-tutorial/blob/main/src/08-advanced-patterns/72-as-prop-with-forward-ref.solution.tsx
+
+/**
+ * Distributive Omit utility type that works correctly with union types
+ */
+
+/**
+ * Fixed version of forwardRef that provides better type inference for polymorphic components
+ */
+// TODO: figure out how to change this type so we can set displayName
+// like this: `ComponentName.displayName = 'DisplayName' instead of using workarounds
+
+/**
+ * Cast forwardRef to the fixed version with better type inference
+ */
+var fixedForwardRef = exports.fixedForwardRef = _react.forwardRef;
+
+/**
+ * Simplified polymorphic props type that handles the common pattern of
+ * `DistributiveOmit<ComponentPropsWithRef<ElementType extends As ? DefaultElement : As>, 'as'>`
+ */

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

@@ -0,0 +1,9 @@
+/**
+ * Extract a component's props
+ *
+ * Source: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
+ *
+ * @example ComponentProps<typeof MyComponent>
+ */
+export type ComponentProps<T> = T extends React.ComponentType<React.PropsWithChildren<infer Props>> ? (Props extends object ? Props : never) : never;
+//# sourceMappingURL=ComponentProps.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,3 @@
+export * from './ComponentProps';
+export * from './Slots';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modern/utils/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ComponentProps = require("./ComponentProps");
+Object.keys(_ComponentProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ComponentProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ComponentProps[key];
+    }
+  });
+});
+var _Slots = require("./Slots");
+Object.keys(_Slots).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Slots[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Slots[key];
+    }
+  });
+});

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

@@ -0,0 +1,4 @@
+declare const warn: (message: string) => void;
+declare const warning: (condition: any, format: string, ...args: any[]) => void;
+export { warn, warning };
+//# sourceMappingURL=warning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/warning.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,IAAI,YAEmB,MAAM,SAGhB,CAAA;AAInB,QAAA,MAAM,OAAO,cAEqB,GAAG,UAAU,MAAM,WAAW,GAAG,EAAE,SASlD,CAAA;AAEnB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA"}

package/build/Modern/utils/warning.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warning = exports.warn = void 0;
+function emptyFunction() {}
+var 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];
+  }
+  if (condition) {
+    var index = 0;
+    var message = format.replace(/%s/g, function () {
+      return args[index++];
+    });
+    warn(message);
+  }
+} : emptyFunction;

package/build/index.d.ts

@@ -1,4 +1,5 @@
 export { Legacy } from './Legacy';
 export type { IAlertConsent, IFlexGridItem } from './Legacy/type';
 export { Modern } from './Modern';
+export type { 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"}
+{"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,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "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.35.0",
-    "@papillonarts/library": "^0.35.0"
+    "@papillonarts/css": "^0.36.0",
+    "@papillonarts/library": "^0.36.0"
   },
-  "gitHead": "b773b8065ee684eab14f2bf1da2aebf9298fc76e"
+  "gitHead": "8ef38bffed97c329ca6a1f5bacaa938528d256cc"
 }

package/build/Modern/Typing/index.d.js

@@ -1 +0,0 @@
-"use strict";

package/build/Modern/global.d.js

@@ -1 +0,0 @@
-"use strict";