@phillips/seldon 1.26.0 → 1.26.2

package/dist/components/Button/Button.d.ts

@@ -6,7 +6,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * True if button comes after text
      */
-    iconLast?: boolean;
+    isIconLast?: boolean;
     /**
      * Optional click handler
      */
@@ -33,5 +33,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: ({ buttonType, size, children, className, iconLast, id, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,34 +1,35 @@
-import { jsx as e } from "react/jsx-runtime";
-import $ from "../../node_modules/classnames/index.js";
-import { px as t } from "../../utils/index.js";
-const c = ({
-  buttonType: n = "primary",
-  size: a = "md",
-  children: r,
-  className: s,
-  iconLast: u = !1,
-  id: o,
-  type: m = "button",
-  ...b
-}) => /* @__PURE__ */ e(
-  "button",
-  {
-    "data-testid": o ? `button-${o}` : "button",
-    id: o,
-    type: m,
-    className: $(
-      `${t}-button`,
-      `${t}-button--${a}`,
-      `${t}-button--${n}`,
-      {
-        [`${t}-button--icon-last`]: u
-      },
-      s
-    ),
-    ...b,
-    children: r
-  }
-);
+import { jsx as l } from "react/jsx-runtime";
+import i from "../../node_modules/classnames/index.js";
+import { getCommonProps as u } from "../../utils/index.js";
+const b = ({
+  buttonType: t = "primary",
+  size: m = "md",
+  children: a,
+  className: n,
+  isIconLast: r = !1,
+  type: e = "button",
+  ...s
+}) => {
+  const { className: o, ...c } = u(s, "Button");
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      ...c,
+      type: e,
+      className: i(
+        `${o}`,
+        `${o}--${m}`,
+        `${o}--${t}`,
+        {
+          [`${o}--icon-last`]: r
+        },
+        n
+      ),
+      ...s,
+      children: a
+    }
+  );
+};
 export {
-  c as default
+  b as default
 };

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

@@ -1,6 +1,6 @@
 export interface GridProps extends React.HTMLAttributes<HTMLElement> {
     /**
-     * Button contents
+     * A Grid must have children
      */
     children: React.ReactNode;
     /**
@@ -17,5 +17,5 @@ export interface GridProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-grid--overview)
  */
-export declare function Grid({ children, className, element: Element, id, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ children, className, element: Element, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
 export default Grid;

package/dist/components/Grid/Grid.js

@@ -1,19 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import i from "../../node_modules/classnames/index.js";
-import { px as m } from "../../utils/index.js";
-function f({ children: t, className: e, element: n = "section", id: r, ...o }) {
-  return /* @__PURE__ */ a(
-    n,
-    {
-      "data-testid": r ? `grid-container-${r}` : "grid-container",
-      id: r,
-      className: i(`${m}-grid__container`, e),
-      ...o,
-      children: t
-    }
-  );
+import { jsx as t } from "react/jsx-runtime";
+import n from "../../node_modules/classnames/index.js";
+import { getCommonProps as c } from "../../utils/index.js";
+function p({ children: o, className: s, element: e = "section", ...m }) {
+  const { className: r, ...a } = c(m, "Grid");
+  return /* @__PURE__ */ t(e, { ...a, className: n(r, s), ...m, children: o });
 }
 export {
-  f as Grid,
-  f as default
+  p as Grid,
+  p as default
 };

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

@@ -27,5 +27,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, id, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const GridItem: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GridItem;

package/dist/components/GridItem/GridItem.js

@@ -1,31 +1,30 @@
 import { jsx as I } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { px as g } from "../../utils/index.js";
+import { 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 S } from "./gridItemUtils.js";
-import { GridItemAlign as b } from "./types.js";
-const B = ({
+import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
+import { GridItemAlign as N } from "./types.js";
+const A = ({
   children: p,
-  xs: r = 2,
-  sm: m = 4,
-  md: o = 12,
-  lg: i = 12,
-  align: n = b.center,
-  id: e,
-  element: d = "div",
-  className: s,
-  ...l
+  xs: m = 2,
+  sm: r = 4,
+  md: t = 12,
+  lg: o = 12,
+  align: s = N.center,
+  element: c = "div",
+  className: n,
+  ...a
 }) => {
-  const u = e ? `grid-item-${e}` : "grid-item", t = a(() => ({ xs: r, sm: m, md: o, lg: i }), [r, m, o, i]), c = a(() => [
-    `${g}-grid-item`,
+  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(t).map(
-      ([f, C]) => v(f, C, n)
+    Object.entries(e).map(
+      ([d, C]) => v(d, C, s)
     ),
-    s
-  ], [n, t, s]);
-  return S(Object.values(t)) ? /* @__PURE__ */ I(d, { ...l, "data-testid": u, id: e, className: j(c), children: p }) : null;
+    n
+  ], [s, e, i, n]);
+  return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
 };
 export {
-  B as default
+  A as default
 };

package/dist/components/HeroBanner/HeroBanner.d.ts

@@ -1,4 +1,5 @@
-export interface HeroBannerProps {
+import { HTMLAttributes } from 'react';
+export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * informational text above the header (e.g. region label or "buy now")
      */
@@ -37,5 +38,5 @@ export interface HeroBannerProps {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-herobanner--overview)
  */
-declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, id }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
 export default HeroBanner;

package/dist/components/HeroBanner/HeroBanner.js

@@ -1,25 +1,38 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { px as t } from "../../utils/index.js";
-const r = `${t}-hero-banner`, m = ({ prehead: e, date: l, headerText: o, subHeadText: c, association: h, background: p, id: a }) => /* @__PURE__ */ n(
-  "header",
-  {
-    "data-testid": a ? `hero-banner-${a}` : "hero-banner",
-    id: a,
-    className: r,
-    style: { "--background": p },
-    children: /* @__PURE__ */ s("span", { className: `${r}__content-wrapper`, children: [
-      e || l ? /* @__PURE__ */ s("p", { className: `${r}__pre-head`, children: [
-        e ? /* @__PURE__ */ n("span", { children: e }) : null,
-        l ? /* @__PURE__ */ n("span", { children: l }) : null
-      ] }) : null,
-      /* @__PURE__ */ s("h1", { className: `${r}__heading`, children: [
-        o,
-        c ? /* @__PURE__ */ n("span", { children: c }) : null
-      ] }),
-      h ? /* @__PURE__ */ n("p", { children: h }) : null
-    ] })
-  }
-);
+import { jsx as n, jsxs as e } from "react/jsx-runtime";
+import { getCommonProps as d } from "../../utils/index.js";
+import t from "../../node_modules/classnames/index.js";
+const f = ({
+  prehead: r,
+  date: s,
+  headerText: o,
+  subHeadText: a,
+  association: c,
+  background: p,
+  className: h,
+  ...m
+}) => {
+  const { className: l, ...i } = d(m, "HeroBanner");
+  return /* @__PURE__ */ n(
+    "header",
+    {
+      ...i,
+      className: t(l, h),
+      style: { "--background": p },
+      ...m,
+      children: /* @__PURE__ */ e("span", { className: `${l}__content-wrapper`, children: [
+        r || s ? /* @__PURE__ */ e("p", { className: `${l}__pre-head`, children: [
+          r ? /* @__PURE__ */ n("span", { children: r }) : null,
+          s ? /* @__PURE__ */ n("span", { children: s }) : null
+        ] }) : null,
+        /* @__PURE__ */ e("h1", { className: `${l}__heading`, children: [
+          o,
+          a ? /* @__PURE__ */ n("span", { children: a }) : null
+        ] }),
+        c ? /* @__PURE__ */ n("p", { children: c }) : null
+      ] })
+    }
+  );
+};
 export {
-  m as default
+  f as default
 };

package/dist/components/IconButton/IconButton.js

@@ -1,16 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
-import s from "../../node_modules/classnames/index.js";
-import a from "../Button/Button.js";
-import { px as o } from "../../utils/index.js";
-const f = ({ children: t, size: r = "md", className: m, ...n }) => /* @__PURE__ */ p(
-  a,
-  {
-    buttonType: "primary",
-    className: s(`${o}-icon-button`, `${o}-icon-button--${r}`, m),
-    ...n,
-    children: t
-  }
-);
+import { jsx as a } from "react/jsx-runtime";
+import e from "../../node_modules/classnames/index.js";
+import c from "../Button/Button.js";
+import { getCommonProps as p } from "../../utils/index.js";
+const B = ({ children: m, size: s = "md", className: r, ...o }) => {
+  const { className: t, ...n } = p(o, "IconButton");
+  return /* @__PURE__ */ a(
+    c,
+    {
+      ...n,
+      buttonType: "primary",
+      className: e(t, `${t}--${s}`, r),
+      ...o,
+      children: m
+    }
+  );
+};
 export {
-  f as default
+  B as default
 };

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

@@ -15,7 +15,7 @@ export interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
     /**
      * URL to navigate to when clicked
      */
-    href: string;
+    href?: string;
     /**
      * Can be used to render alternative link components like the prefetching `Link` from `@remix-run/react`.
      * This component should handle the `children`, `data-testid`, `id`, `className`, and `href` props.
@@ -33,5 +33,5 @@ export interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-link--overview)
  */
-declare const Link: ({ children, id, className, element: Element, variant, href, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const Link: ({ children, className, element: Element, variant, href, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/dist/components/Link/Link.js

@@ -1,32 +1,30 @@
-import { jsx as n } from "react/jsx-runtime";
-import f from "../../node_modules/classnames/index.js";
-import { px as x } from "../../utils/index.js";
-import { getLinkVariantClassName as d, isLinkExternal as L, LinkVariants as s } from "./utils.js";
-import { TextVariants as o } from "../Text/types.js";
-import N from "../Text/Text.js";
-const j = ({
-  children: i,
-  id: a,
-  className: m,
-  element: t = "a",
-  variant: r = s.standalone,
+import { jsx as o } from "react/jsx-runtime";
+import k from "../../node_modules/classnames/index.js";
+import { getCommonProps as x } from "../../utils/index.js";
+import { getLinkVariantClassName as L, isLinkExternal as N, LinkVariants as t } from "./utils.js";
+import { TextVariants as m } from "../Text/types.js";
+import d from "../Text/Text.js";
+const T = ({
+  children: n,
+  className: i,
+  element: a = "a",
+  variant: r = t.standalone,
   href: e,
-  ...l
+  ...s
 }) => {
-  const c = f(`${x}-link`, d(r), m), p = a ? `link-${a}` : "link", k = L(e);
-  return /* @__PURE__ */ n(
-    t,
+  const { className: l, ...c } = x(s, "Link"), p = k(l, L(r), i), f = N(e);
+  return /* @__PURE__ */ o(
+    a,
     {
-      ...l,
+      ...c,
       href: e,
-      "data-testid": p,
-      id: a,
-      className: c,
-      ...k && t === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
-      children: /* @__PURE__ */ n(N, { variant: r === s.email ? o.email : o.ctaSm, children: i })
+      className: p,
+      ...f && a === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
+      ...s,
+      children: /* @__PURE__ */ o(d, { variant: r === t.email ? m.email : m.ctaSm, children: n })
     }
   );
 };
 export {
-  j as default
+  T as default
 };

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

@@ -1,5 +1,5 @@
 export declare const getLinkVariantClassName: (variant: keyof typeof LinkVariants) => string;
-export declare const isLinkExternal: (href: string) => boolean;
+export declare const isLinkExternal: (href?: string) => boolean;
 export declare enum LinkVariants {
     /** Default variant, used */
     standalone = "standalone",

package/dist/components/Link/utils.js

@@ -1,10 +1,10 @@
 import { px as t } from "../../utils/index.js";
-const n = (l) => `${t}-link--${l}`, a = (l) => !!l.match(
+const a = (l) => `${t}-link--${l}`, o = (l) => !!(l != null && l.match(
   /(http[s]?:\/\/)(?!.*phillips\.com)([a-zA-Z0-9\-.]+)(:[0-9]{1,4})?([a-zA-Z0-9/\-._~:?#[\]@!$&'()*+,;=]*)/g
-);
-var e = /* @__PURE__ */ ((l) => (l.standalone = "standalone", l.email = "email", l.list = "list", l.inline = "inline", l))(e || {});
+));
+var i = /* @__PURE__ */ ((l) => (l.standalone = "standalone", l.email = "email", l.list = "list", l.inline = "inline", l))(i || {});
 export {
-  e as LinkVariants,
-  n as getLinkVariantClassName,
-  a as isLinkExternal
+  i as LinkVariants,
+  a as getLinkVariantClassName,
+  o as isLinkExternal
 };

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, id, ...props }: LinkBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinkBlock: ({ linkProps, description, className: classNameProp, ...props }: LinkBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default LinkBlock;

package/dist/components/LinkBlock/LinkBlock.js

@@ -1,14 +1,14 @@
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import d from "../../node_modules/classnames/index.js";
-import { px as p } from "../../utils/index.js";
-import f from "../Link/Link.js";
-import { LinkVariants as b } from "../Link/utils.js";
-const j = ({ linkProps: s, description: e, className: l, id: t, ...m }) => {
-  var o;
-  const a = `${p}-link-block`, r = d(a, l), c = (o = s.element) != null ? o : f, n = t ? `link-block-${t}` : "link-block";
-  return /* @__PURE__ */ k("div", { ...m, className: r, id: t, "data-testid": n, children: [
-    /* @__PURE__ */ i(c, { ...s, "data-testid": `${n}-link`, variant: b.list }),
-    /* @__PURE__ */ i("p", { className: `${a}__description`, children: e })
+import { getCommonProps as p } from "../../utils/index.js";
+import k from "../Link/Link.js";
+import { LinkVariants as f } from "../Link/utils.js";
+const j = ({ linkProps: s, description: e, className: i, ...t }) => {
+  var m;
+  const { className: o, ...a } = p(t, "LinkBlock"), r = d(o, i), c = (m = s.element) != null ? m : k;
+  return /* @__PURE__ */ l("div", { ...a, className: r, ...t, children: [
+    /* @__PURE__ */ n(c, { ...s, "data-testid": `${a["data-testid"]}-link`, variant: f.list }),
+    /* @__PURE__ */ n("p", { className: `${o}__description`, children: e })
   ] });
 };
 export {

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

@@ -13,5 +13,5 @@ export interface LinkListProps extends React.HTMLAttributes<HTMLUListElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-linklist--overview)
  */
-declare const LinkList: ({ children, id, ...props }: LinkListProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinkList: ({ children, className, ...props }: LinkListProps) => import("react/jsx-runtime").JSX.Element;
 export default LinkList;

package/dist/components/LinkList/LinkList.js

@@ -1,15 +1,16 @@
-import { jsx as i } from "react/jsx-runtime";
-import f from "../LinkBlock/LinkBlock.js";
-import c from "react";
-import { px as u } from "../../utils/index.js";
+import { jsx as m } from "react/jsx-runtime";
+import c from "../LinkBlock/LinkBlock.js";
+import d from "react";
+import { getCommonProps as o } from "../../utils/index.js";
+import u from "../../node_modules/classnames/index.js";
 import { Grid as p } from "../Grid/Grid.js";
-const y = ({ children: a, id: s, ...m }) => {
-  const d = s ? `link-list-${s}` : "link-list", t = `${u}-link-list`;
-  return /* @__PURE__ */ i(p, { ...m, "data-testid": d, id: s, className: t, element: "ul", role: "list", children: a.map((r) => {
-    var l, e;
-    return c.isValidElement(r) && r.type !== f ? (console.warn("LinkList only accepts LinkBlock children"), null) : /* @__PURE__ */ i("li", { className: `${t}--item`, children: r }, (e = (l = r == null ? void 0 : r.props) == null ? void 0 : l.linkProps) == null ? void 0 : e.href);
+const _ = ({ children: t, className: l, ...s }) => {
+  const { className: e, ...f } = o(s, "LinkList");
+  return /* @__PURE__ */ m(p, { ...f, className: u(e, l), element: "ul", role: "list", ...s, children: t.map((r) => {
+    var a, i;
+    return d.isValidElement(r) && r.type !== c ? (console.warn("LinkList only accepts LinkBlock children"), null) : /* @__PURE__ */ m("li", { className: `${e}--item`, children: r }, (i = (a = r == null ? void 0 : r.props) == null ? void 0 : a.linkProps) == null ? void 0 : i.href);
   }) });
 };
 export {
-  y as default
+  _ as default
 };

package/dist/components/Modal/Modal.js

@@ -1,40 +1,47 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import a from "../../node_modules/classnames/index.js";
-import { px as l, noOp as p } from "../../utils/index.js";
-import c from "../../assets/close.svg.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import e from "../../node_modules/classnames/index.js";
+import { getCommonProps as f, noOp as u } from "../../utils/index.js";
+import C from "../../assets/close.svg.js";
 import m from "../../node_modules/react-modal/lib/index.js";
-import f from "../IconButton/IconButton.js";
-const N = ({
-  children: t,
-  className: s,
+import N from "../IconButton/IconButton.js";
+const h = ({
+  children: r,
+  className: n,
   isOpen: o = !1,
-  onClose: e = p,
-  appElementSelector: d = "main",
-  ...i
-}) => o ? (m.setAppElement(d), /* @__PURE__ */ n(
-  m,
-  {
-    isOpen: o,
-    onRequestClose: e,
-    className: a(`${l}-modal`, s),
-    overlayClassName: a(`${l}-modal__overlay`),
-    ariaHideApp: o,
-    ...i,
-    children: [
-      /* @__PURE__ */ r(
-        f,
-        {
-          "data-testid": "modal-button",
-          onClick: e,
-          "aria-label": "Close Modal",
-          className: a(`${l}-modal__close`),
-          children: /* @__PURE__ */ r(c, {})
-        }
-      ),
-      t
-    ]
-  }
-)) : null;
+  onClose: s = u,
+  appElementSelector: i = "main",
+  ...l
+}) => {
+  if (!o)
+    return null;
+  const { className: a, "data-testid": c, ...d } = f(l, "Modal");
+  return m.setAppElement(i), /* @__PURE__ */ p(
+    m,
+    {
+      ...d,
+      isOpen: o,
+      onRequestClose: s,
+      className: e(a, n),
+      overlayClassName: e(`${a}__overlay`),
+      ariaHideApp: o,
+      testId: c,
+      ...l,
+      children: [
+        /* @__PURE__ */ t(
+          N,
+          {
+            id: "modal-button",
+            onClick: s,
+            "aria-label": "Close Modal",
+            className: e(`${a}__close`),
+            children: /* @__PURE__ */ t(C, {})
+          }
+        ),
+        r
+      ]
+    }
+  );
+};
 export {
-  N as default
+  h as default
 };

package/dist/components/Row/Row.d.ts

@@ -25,5 +25,5 @@ export interface RowProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-row--overview)
  */
-declare const Row: ({ children, id, element: CustomElement, padding, className, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
+declare const Row: ({ children, element: CustomElement, padding, className, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

package/dist/components/Row/Row.js

@@ -1,31 +1,29 @@
-import { jsx as p } from "react/jsx-runtime";
-import { generatePaddingClassName as e, PaddingTokens as s, px as b } from "../../utils/index.js";
-import f from "../../node_modules/classnames/index.js";
-const d = ({
-  children: a,
-  id: o,
-  element: m,
-  padding: t = { top: s.lg, bottom: s.lg },
-  className: n,
-  ...r
+import { jsx as c } from "react/jsx-runtime";
+import { getCommonProps as p, generatePaddingClassName as e, PaddingTokens as m } from "../../utils/index.js";
+import C from "../../node_modules/classnames/index.js";
+const g = ({
+  children: s,
+  element: n,
+  padding: o = { top: m.lg, bottom: m.lg },
+  className: a,
+  ...t
 }) => {
-  const l = o ? `row-${o}` : "row", c = `${b}-row`;
-  return /* @__PURE__ */ p(
-    m || "section",
+  const { className: r, ...l } = p(t, "Row");
+  return /* @__PURE__ */ c(
+    n || "section",
     {
-      ...r,
-      "data-testid": l,
-      id: o,
-      className: f(
-        c,
-        t.top && e(t.top, "start"),
-        t.bottom && e(t.bottom, "end"),
-        n
+      ...l,
+      className: C(
+        r,
+        o.top && e(o.top, "start"),
+        o.bottom && e(o.bottom, "end"),
+        a
       ),
-      children: a
+      ...t,
+      children: s
     }
   );
 };
 export {
-  d as default
+  g as default
 };