@phillips/seldon 1.171.0 → 1.171.1

package/dist/components/Carousel/CarouselDot.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-interface Props extends ComponentProps<'button'> {
+export interface CarouselDotProps extends ComponentProps<'button'> {
     /** Whether the dot is selected */
     isSelected: boolean;
     /** Callback function when the dot is clicked */
@@ -11,5 +11,4 @@ interface Props extends ComponentProps<'button'> {
     /** Variant of the dot */
     variant?: 'sm' | 'md';
 }
-export declare const CarouselDot: ({ isSelected, onClick, scrollableContainerRef, onInViewChange, variant, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const CarouselDot: ({ isSelected, onClick, scrollableContainerRef, onInViewChange, variant, ...props }: CarouselDotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Carousel/CarouselKeyboardNavigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ComposedModal/ComposedModal.js

@@ -1,20 +1,20 @@
-import { jsxs as s, jsx as i, Fragment as $ } from "react/jsx-runtime";
-import C from "../../node_modules/classnames/index.js";
-import { forwardRef as g } from "react";
-import { getCommonProps as x, noOp as k } from "../../utils/index.js";
+import { jsxs as s, jsx as i, Fragment as C } from "react/jsx-runtime";
+import g from "../../node_modules/classnames/index.js";
+import { forwardRef as x } from "react";
+import { getCommonProps as k, noOp as M } from "../../utils/index.js";
 import d from "../Button/Button.js";
 import { ButtonVariants as t } from "../Button/types.js";
-import M from "../Divider/Divider.js";
-import y from "../Modal/Modal.js";
+import y from "../Divider/Divider.js";
+import j from "../Modal/Modal.js";
 import { TextVariants as n } from "../Text/types.js";
 import c from "../Text/Text.js";
-const j = g(
+const L = x(
   ({
     children: p,
     className: f,
-    overlayClassName: L,
+    overlayClassName: P,
     isOpen: h = !1,
-    onClose: v = k,
+    onClose: v = M,
     maxHeightValue: b = "60vh",
     title: N,
     footerContent: o,
@@ -22,21 +22,22 @@ const j = g(
     primaryButton: e,
     id: m,
     ...l
-  }) => {
+  }, _) => {
     const {
       className: a,
-      "data-testid": P,
-      ..._
-    } = x({ id: m, ...l }, "ComposedModal");
+      "data-testid": T,
+      ...$
+    } = k({ id: m, ...l }, "ComposedModal");
     return /* @__PURE__ */ s(
-      y,
+      j,
       {
         isOpen: h,
         onClose: v,
         ...l,
-        ..._,
-        className: C(`${a}`, f),
+        ...$,
+        className: g(`${a}`, f),
         id: m,
+        ref: _,
         children: [
           /* @__PURE__ */ i(c, { variant: n.heading3, className: `${a}__title`, children: N }),
           /* @__PURE__ */ i(
@@ -47,8 +48,8 @@ const j = g(
               children: p
             }
           ),
-          (r || e || o) && /* @__PURE__ */ s($, { children: [
-            /* @__PURE__ */ i(M, { className: `${a}__divider`, id: `${m}-divider` }),
+          (r || e || o) && /* @__PURE__ */ s(C, { children: [
+            /* @__PURE__ */ i(y, { className: `${a}__divider`, id: `${m}-divider` }),
             /* @__PURE__ */ s("div", { className: `${a}__btns-group`, children: [
               r && /* @__PURE__ */ i(d, { id: `${m}-secondary-btn`, variant: t.secondary, onClick: r.onClick, children: r.buttonLabel }),
               e && /* @__PURE__ */ i(d, { id: `${m}-primary-btn`, variant: t.primary, onClick: e.onClick, children: e.buttonLabel })
@@ -60,7 +61,7 @@ const j = g(
     );
   }
 );
-j.displayName = "ComposedModal";
+L.displayName = "ComposedModal";
 export {
-  j as default
+  L as default
 };

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import { DropdownItem } from './types';
 import * as DropdownSelect from '@radix-ui/react-select';
 export interface DropdownProps extends Omit<DropdownSelect.SelectProps, 'defaultValue' | 'dir'>, ComponentPropsWithoutRef<'div'> {
@@ -32,5 +32,5 @@ export interface DropdownProps extends Omit<DropdownSelect.SelectProps, 'default
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-dropdown--overview)
  */
-declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default Dropdown;

package/dist/components/Dropdown/Dropdown.js

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import d, { useState as C } from "react";
+import { forwardRef as p, useState as C } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
 import i from "../../node_modules/classnames/index.js";
-import { Root as $, Trigger as v, Value as I, Icon as b, Portal as x, Content as R, ScrollUpButton as S, Viewport as O, ScrollDownButton as P, Item as V, ItemText as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
+import { Root as $, Trigger as v, Value as I, Icon as b, Portal as x, Content as S, ScrollUpButton as O, Viewport as P, ScrollDownButton as R, Item as V, ItemText as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
 import c from "../Icon/Icon.js";
-const y = d.forwardRef(
-  ({ options: n, value: a, onValueChange: l, label: s, className: h, id: m, disabled: _, ...f }, w) => {
-    const { className: o, ...u } = D({ id: m }, "Dropdown"), [N, g] = C(!1);
-    return /* @__PURE__ */ e("div", { className: i(o, h), id: m, ...u, ...f, children: /* @__PURE__ */ t(
+const y = p(
+  ({ options: a, value: n, onValueChange: l, label: s, className: h, id: m, disabled: _, ...w }, N) => {
+    const { className: o, ...u } = D({ id: m }, "Dropdown"), [f, g] = C(!1);
+    return /* @__PURE__ */ e("div", { className: i(o, h), id: m, ...u, ...w, children: /* @__PURE__ */ t(
       $,
       {
-        value: a,
+        value: n,
         onValueChange: (r) => {
           l(r);
         },
@@ -21,15 +21,15 @@ const y = d.forwardRef(
             {
               className: `${o}__trigger`,
               "aria-label": s,
-              ref: w,
+              ref: N,
               disabled: _,
               children: [
-                /* @__PURE__ */ e(I, { placeholder: a }),
+                /* @__PURE__ */ e(I, { placeholder: n }),
                 /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
                   c,
                   {
                     icon: "ChevronDown",
-                    className: i({ [`${o}__trigger-icon-expanded`]: N }),
+                    className: i({ [`${o}__trigger-icon-expanded`]: f }),
                     height: "1rem",
                     width: "1rem"
                   }
@@ -37,19 +37,19 @@ const y = d.forwardRef(
               ]
             }
           ),
-          /* @__PURE__ */ e(x, { children: /* @__PURE__ */ t(R, { className: `${o}__content`, position: "popper", children: [
-            /* @__PURE__ */ e(S, { className: `${o}__scroll-button__up`, children: /* @__PURE__ */ e(c, { icon: "ChevronDown" }) }),
-            /* @__PURE__ */ e(O, { className: `${o}__viewport`, children: n.map((r) => /* @__PURE__ */ e(
-              p,
+          /* @__PURE__ */ e(x, { children: /* @__PURE__ */ t(S, { className: `${o}__content`, position: "popper", children: [
+            /* @__PURE__ */ e(O, { className: `${o}__scroll-button__up`, children: /* @__PURE__ */ e(c, { icon: "ChevronDown" }) }),
+            /* @__PURE__ */ e(P, { className: `${o}__viewport`, children: a.map((r) => /* @__PURE__ */ e(
+              d,
               {
                 value: r.value,
-                disabled: r.value === a,
+                disabled: r.value === n,
                 className: o,
                 children: r.label
               },
               r.value
             )) }),
-            /* @__PURE__ */ e(P, { className: `${o}__scroll-button`, children: /* @__PURE__ */ e(c, { icon: "ChevronDown" }) })
+            /* @__PURE__ */ e(R, { className: `${o}__scroll-button`, children: /* @__PURE__ */ e(c, { icon: "ChevronDown" }) })
           ] }) })
         ]
       }
@@ -57,10 +57,10 @@ const y = d.forwardRef(
   }
 );
 y.displayName = "Dropdown";
-const p = d.forwardRef(
-  ({ children: n, className: a, ...l }, s) => /* @__PURE__ */ e(V, { className: `${a}__item`, ...l, ref: s, children: /* @__PURE__ */ e(j, { children: n }) })
+const d = p(
+  ({ children: a, className: n, ...l }, s) => /* @__PURE__ */ e(V, { className: `${n}__item`, ...l, ref: s, children: /* @__PURE__ */ e(j, { children: a }) })
 );
-p.displayName = "DropdownSelectItem";
+d.displayName = "DropdownSelectItem";
 export {
   y as default
 };

package/dist/components/Grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import { SpacingTokens } from '../../utils';
-export interface GridProps<ElementType = HTMLElement> extends React.HTMLAttributes<ElementType> {
+export interface GridProps<GridElementType = HTMLElement> extends React.HTMLAttributes<GridElementType> {
     /**
      * A Grid must have children
      */
@@ -7,7 +7,7 @@ export interface GridProps<ElementType = HTMLElement> extends React.HTMLAttribut
     /**
      * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to 'section'.
      */
-    element?: React.ElementType<GridProps<ElementType>>;
+    element?: React.ElementType;
     /**
      * The gap between the rows in the grid.  Defaults to 'md'.
      */
@@ -26,5 +26,8 @@ export interface GridProps<ElementType = HTMLElement> extends React.HTMLAttribut
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-grid--overview)
  */
-export declare function Grid({ children, className, element: Element, columnGap, rowGap, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+type GridComponent = <T extends HTMLElement = HTMLElement>(props: GridProps<T> & {
+    ref?: React.Ref<T>;
+}) => React.ReactElement | null;
+declare const Grid: GridComponent;
 export default Grid;

package/dist/components/Grid/Grid.js

@@ -1,27 +1,29 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import l from "../../node_modules/classnames/index.js";
-import { getCommonProps as d, SpacingTokens as e } from "../../utils/index.js";
+import { getCommonProps as p, SpacingTokens as m } from "../../utils/index.js";
 import { determineGridClassName as f } from "./utils.js";
-function C({
+import { forwardRef as G } from "react";
+const N = ({
   children: o,
-  className: s,
-  element: r = "section",
-  columnGap: a = e.md,
-  rowGap: t = e.lg,
-  ...m
-}) {
-  const { className: n, ...i } = d(m, "Grid");
-  return /* @__PURE__ */ c(
-    r,
+  className: r,
+  element: s = "section",
+  columnGap: a = m.md,
+  rowGap: t = m.lg,
+  ...e
+}, n) => {
+  const { className: i, ...c } = p(e, "Grid");
+  return /* @__PURE__ */ d(
+    s,
     {
-      ...i,
-      className: l(f(n, a, t), s),
-      ...m,
+      ...c,
+      className: l(f(i, a, t), r),
+      ...e,
+      ref: n,
       children: o
     }
   );
-}
+}, g = G(N);
+g.displayName = "Grid";
 export {
-  C as Grid,
-  C as default
+  g as default
 };

package/dist/components/GridItem/GridItem.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { GridItemAlign } from './types';
 export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -27,5 +26,5 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-griditem--overview)
  */
-declare const GridItem: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const GridItem: import('react').ForwardRefExoticComponent<GridItemProps & import('react').RefAttributes<HTMLDivElement>>;
 export default GridItem;

package/dist/components/GridItem/GridItem.js

@@ -1,30 +1,33 @@
-import { jsx as I } from "react/jsx-runtime";
-import { useMemo as l } from "react";
+import { jsx as G } from "react/jsx-runtime";
+import { forwardRef as N, useMemo as l } from "react";
 import { getCommonProps as b } from "../../utils/index.js";
 import j from "../../node_modules/classnames/index.js";
-import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
-import { GridItemAlign as N } from "./types.js";
-const A = ({
-  children: p,
-  xs: m = 2,
-  sm: r = 2,
-  md: t = 6,
-  lg: o = 12,
-  align: s = N.center,
-  element: c = "div",
-  className: n,
-  ...a
-}) => {
-  const { className: i, ...u } = b(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
-    i,
-    // figure out the class names for each breakpoint
-    Object.entries(e).map(
-      ([d, C]) => v(d, C, s)
-    ),
-    n
-  ], [s, e, i, n]);
-  return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
-};
+import { determineColumnSpanClassName as v, validateColumnSpans as P } from "./gridItemUtils.js";
+import { GridItemAlign as S } from "./types.js";
+const O = N(
+  ({
+    children: p,
+    xs: r = 2,
+    sm: m = 2,
+    md: t = 6,
+    lg: o = 12,
+    align: s = S.center,
+    element: c = "div",
+    className: a,
+    ...n
+  }, d) => {
+    const { className: i, ...f } = b(n, "GridItem"), e = l(() => ({ xs: r, sm: m, md: t, lg: o }), [r, m, t, o]), u = l(() => [
+      i,
+      // figure out the class names for each breakpoint
+      Object.entries(e).map(
+        ([C, I]) => v(C, I, s)
+      ),
+      a
+    ], [s, e, i, a]);
+    return P(Object.values(e)) ? /* @__PURE__ */ G(c, { ref: d, ...f, className: j(u), ...n, children: p }) : null;
+  }
+);
+O.displayName = "GridItem";
 export {
-  A as default
+  O as default
 };

package/dist/components/GridItem/GridItem.stories.d.ts

@@ -2,7 +2,7 @@ import { GridItemProps } from './GridItem';
 import { GridItemAlign } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: import('react').ForwardRefExoticComponent<GridItemProps & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/components/Link/Link.d.ts

@@ -25,5 +25,5 @@ export interface LinkProps extends ComponentProps<'a'> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-link--overview)
  */
-declare const Link: ({ children, className, element: Element, variant, href, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/dist/components/Link/Link.js

@@ -1,30 +1,28 @@
 import { jsx as e } from "react/jsx-runtime";
 import p from "../../node_modules/classnames/index.js";
-import { getCommonProps as f } from "../../utils/index.js";
-import { getLinkVariantClassName as k, isLinkExternal as x } from "./utils.js";
-import { LinkVariants as L } from "./types.js";
-import N from "../Text/Text.js";
-const V = ({
-  children: m,
-  className: n,
-  element: r = "a",
-  variant: o = L.link,
-  href: s,
-  ...a
-}) => {
-  const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c = x(s);
-  return /* @__PURE__ */ e(
-    r,
-    {
-      ...i,
-      href: s,
-      className: l,
-      ...c && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
-      ...a,
-      children: /* @__PURE__ */ e(N, { variant: o, children: m })
-    }
-  );
-};
+import { getCommonProps as k } from "../../utils/index.js";
+import { forwardRef as L } from "react";
+import { getLinkVariantClassName as N, isLinkExternal as x } from "./utils.js";
+import { LinkVariants as d } from "./types.js";
+import g from "../Text/Text.js";
+const C = L(
+  ({ children: m, className: n, element: r = "a", variant: o = d.link, href: a, ...s }, t) => {
+    const { className: i, ...l } = k(s, "Link"), c = p(i, N(o), n), f = x(a);
+    return /* @__PURE__ */ e(
+      r,
+      {
+        ref: t,
+        ...l,
+        href: a,
+        className: c,
+        ...f && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
+        ...s,
+        children: /* @__PURE__ */ e(g, { variant: o, children: m })
+      }
+    );
+  }
+);
+C.displayName = "Link";
 export {
-  V as default
+  C as default
 };

package/dist/components/Link/Link.stories.d.ts

@@ -2,7 +2,7 @@ import { LinkProps } from './Link';
 import { LinkVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, className, element: Element, variant, href, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
 };
 export default meta;
 interface StoryProps extends LinkProps {

package/dist/components/Link/types.js

@@ -1,7 +1,5 @@
 import { TextVariants as l } from "../Text/types.js";
-import "react/jsx-runtime";
-import "../../utils/index.js";
-import "../../node_modules/classnames/index.js";
+import "../Text/Text.js";
 var o = ((e) => (e[e.email = l.email] = "email", e[e.snwHeaderLink = l.snwHeaderLink] = "snwHeaderLink", e[e.snwFlyoutLink = l.snwFlyoutLink] = "snwFlyoutLink", e[e.link = l.link] = "link", e))(o || {});
 export {
   o as LinkVariants

package/dist/components/LinkBlock/LinkBlock.d.ts

@@ -15,5 +15,5 @@ export interface LinkBlockProps extends React.HTMLAttributes<HTMLDivElement> {
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-linkblock--overview)
  *
  */
-declare const LinkBlock: ({ linkProps, description, className: classNameProp, ...props }: LinkBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinkBlock: import('react').ForwardRefExoticComponent<LinkBlockProps & import('react').RefAttributes<HTMLDivElement>>;
 export default LinkBlock;

package/dist/components/LinkBlock/LinkBlock.js

@@ -1,16 +1,20 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import l from "../../node_modules/classnames/index.js";
-import { getCommonProps as d } from "../../utils/index.js";
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import d from "../../node_modules/classnames/index.js";
+import { getCommonProps as f } from "../../utils/index.js";
 import k from "../Link/Link.js";
 import { LinkVariants as p } from "../Link/types.js";
-import f from "../Text/Text.js";
-const u = ({ linkProps: o, description: n, className: e, ...s }) => {
-  const { className: t, ...m } = d(s, "LinkBlock"), i = l(t, e), r = o.element ?? k;
-  return /* @__PURE__ */ c("div", { ...m, className: i, ...s, children: [
-    /* @__PURE__ */ a(r, { ...o, "data-testid": `${m["data-testid"]}-link`, variant: p.link }),
-    /* @__PURE__ */ a(f, { className: `${t}__description`, children: n })
-  ] });
-};
+import L from "../Text/Text.js";
+import { forwardRef as N } from "react";
+const x = N(
+  ({ linkProps: o, description: i, className: r, ...m }, e) => {
+    const { className: s, ...t } = f(m, "LinkBlock"), n = d(s, r), c = o.element ?? k;
+    return /* @__PURE__ */ l("div", { ...t, className: n, ...m, ref: e, children: [
+      /* @__PURE__ */ a(c, { ...o, "data-testid": `${t["data-testid"]}-link`, variant: p.link }),
+      /* @__PURE__ */ a(L, { className: `${s}__description`, children: i })
+    ] });
+  }
+);
+x.displayName = "LinkBlock";
 export {
-  u as default
+  x as default
 };

package/dist/components/LinkBlock/LinkBlock.stories.d.ts

@@ -2,7 +2,7 @@ import { LinkProps } from '../Link/Link';
 import { LinkBlockProps } from './LinkBlock';
 declare const meta: {
     title: string;
-    component: ({ linkProps, description, className: classNameProp, ...props }: LinkBlockProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<LinkBlockProps & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/components/LinkList/LinkList.d.ts

@@ -1,5 +1,4 @@
 import { default as LinkBlock, LinkBlockProps } from '../LinkBlock/LinkBlock';
-import { default as React } from 'react';
 import { GridProps } from '../Grid/Grid';
 export interface LinkListProps extends GridProps<HTMLUListElement> {
     /** These children should be an array of LinkBlock components */
@@ -14,5 +13,5 @@ export interface LinkListProps extends GridProps<HTMLUListElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-linklist--overview)
  */
-declare const LinkList: ({ children, className, ...props }: LinkListProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinkList: import('react').ForwardRefExoticComponent<LinkListProps & import('react').RefAttributes<HTMLUListElement>>;
 export default LinkList;

package/dist/components/LinkList/LinkList.js

@@ -1,11 +1,24 @@
 import { jsx as e } from "react/jsx-runtime";
-import { getCommonProps as i } from "../../utils/index.js";
-import l from "../../node_modules/classnames/index.js";
-import { Grid as n } from "../Grid/Grid.js";
-const u = ({ children: o, className: t, ...s }) => {
-  const { className: r, ...a } = i(s, "LinkList");
-  return /* @__PURE__ */ e(n, { ...a, className: l(r, t), element: "ul", role: "list", ...s, children: o.map((m) => /* @__PURE__ */ e("li", { className: `${r}--item`, children: m }, m?.props?.linkProps?.href)) });
-};
+import { forwardRef as l } from "react";
+import { getCommonProps as n } from "../../utils/index.js";
+import p from "../../node_modules/classnames/index.js";
+import f from "../Grid/Grid.js";
+const c = l(({ children: o, className: i, ...s }, a) => {
+  const { className: r, ...t } = n(s, "LinkList");
+  return /* @__PURE__ */ e(
+    f,
+    {
+      ...t,
+      className: p(r, i),
+      element: "ul",
+      role: "list",
+      ...s,
+      ref: a,
+      children: o.map((m) => /* @__PURE__ */ e("li", { className: `${r}--item`, children: m }, m?.props?.linkProps?.href))
+    }
+  );
+});
+c.displayName = "LinkList";
 export {
-  u as default
+  c as default
 };

package/dist/components/LinkList/LinkList.stories.d.ts

@@ -2,13 +2,13 @@ import { LinkListProps } from './LinkList';
 import { LinkBlockProps } from '../LinkBlock/LinkBlock';
 declare const meta: {
     title: string;
-    component: ({ children, className, ...props }: LinkListProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<LinkListProps & import('react').RefAttributes<HTMLUListElement>>;
 };
 export default meta;
 export declare const Playground: {
     ({ children }: LinkListProps): import("react/jsx-runtime").JSX.Element;
     args: {
-        children: import('react').ReactElement<LinkBlockProps, ({ linkProps, description, className: classNameProp, ...props }: LinkBlockProps) => import("react/jsx-runtime").JSX.Element>[];
+        children: import('react').ReactElement<LinkBlockProps, import('react').ForwardRefExoticComponent<LinkBlockProps & import('react').RefAttributes<HTMLDivElement>>>[];
     };
 };
 export declare const IrregularLinkList: {

package/dist/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ComponentProps } from 'react';
+import { ComponentProps } from 'react';
 import { ButtonProps } from '../Button/Button';
 export type PaginationOptionValue = string | number;
 export interface PaginationOption {
@@ -67,5 +67,5 @@ export interface PaginationProps extends Omit<ComponentProps<'div'>, 'onChange'>
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-pagination--overview)
  */
-declare const Pagination: ({ className, onChange, variant, options, value, isDisabled, previousLabel, nextLabel, selectLabel, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: import('react').ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Pagination;