opus-toolkit-components 1.9.2 → 1.9.4

package/README.md

@@ -1,70 +1,70 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
-
-The page will reload when you make changes.\
-You may also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can't go back!**
-
-If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
-
-You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-
-### Analyzing the Bundle Size
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-
-### Making a Progressive Web App
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
-
-### Advanced Configuration
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
-
-### Deployment
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
-
-### `npm run build` fails to minify
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `npm run build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

package/lib/components/Accordions/index.d.ts

@@ -1,19 +1,19 @@
-// Accordion Typescript Definitions - update when new props added
-export interface AccordionProps {
-  title: string | React.ReactNode;
-  handleToggle?: (index: number) => void;
-  activeIndex?: number;
-  index: number;
-  isPreview?: boolean;
-  isLocked?: boolean;
-  onExitPreview?: () => void;
-  content: React.ReactNode;
-  preview?: React.ReactNode;
-  isPill?: boolean;
-  pillText?: string;
-  pillStatus?: "success" | "warning" | "error" | "info" | string;
-  pillIcon?: React.ReactNode;
-  disabled?: boolean;
-}
-
-export const Accordion: React.ComponentType<AccordionProps>;
+// Accordion Typescript Definitions - update when new props added
+export interface AccordionProps {
+  title: string | React.ReactNode;
+  handleToggle?: (index: number) => void;
+  activeIndex?: number;
+  index: number;
+  isPreview?: boolean;
+  isLocked?: boolean;
+  onExitPreview?: () => void;
+  content: React.ReactNode;
+  preview?: React.ReactNode;
+  isPill?: boolean;
+  pillText?: string;
+  pillStatus?: "success" | "warning" | "error" | "info" | string;
+  pillIcon?: React.ReactNode;
+  disabled?: boolean;
+}
+
+export const Accordion: React.ComponentType<AccordionProps>;

package/lib/components/BarLayout/index.d.ts

@@ -1,8 +1,8 @@
-export interface BarLayoutProps {
-  left?: React.ReactNode;
-  center?: React.ReactNode;
-  right?: React.ReactNode;
-  className?: string;
-}
-
-export const BarLayout: React.ComponentType<BarLayoutProps>;
+export interface BarLayoutProps {
+  left?: React.ReactNode;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
+
+export const BarLayout: React.ComponentType<BarLayoutProps>;

package/lib/components/Buttons/index.d.ts

@@ -1,36 +1,36 @@
-export type ButtonRank =
-  | "primary"
-  | "secondary"
-  | "tertiary"
-  | "outline"
-  | "destructive";
-
-export type ButtonState = "default" | "disabled";
-
-export type ButtonSize = "sm" | "md" | "lg" | "xl" | string;
-
-export type IconComponent = (
-  props: React.SVGProps<SVGSVGElement>,
-) => JSX.Element;
-
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  type?: "button" | "submit" | "reset";
-  rank?: ButtonRank;
-  state?: ButtonState;
-  text?: string;
-  size?: ButtonSize;
-  name?: string;
-  dataCy?: string;
-  tabIndex?: number;
-  isFullWidth?: boolean;
-  icon?: IconComponent;
-  iconPosition?: "left" | "right";
-  isIconAnimated?: boolean;
-  isSaving?: boolean;
-  savingText?: string;
-  className?: string;
-  title?: string;
-  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-
-export const Button: React.ComponentType<ButtonProps>;
+export type ButtonRank =
+  | "primary"
+  | "secondary"
+  | "tertiary"
+  | "outline"
+  | "destructive";
+
+export type ButtonState = "default" | "disabled";
+
+export type ButtonSize = "sm" | "md" | "lg" | "xl" | string;
+
+export type IconComponent = (
+  props: React.SVGProps<SVGSVGElement>,
+) => JSX.Element;
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  type?: "button" | "submit" | "reset";
+  rank?: ButtonRank;
+  state?: ButtonState;
+  text?: string;
+  size?: ButtonSize;
+  name?: string;
+  dataCy?: string;
+  tabIndex?: number;
+  isFullWidth?: boolean;
+  icon?: IconComponent;
+  iconPosition?: "left" | "right";
+  isIconAnimated?: boolean;
+  isSaving?: boolean;
+  savingText?: string;
+  className?: string;
+  title?: string;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export const Button: React.ComponentType<ButtonProps>;

package/lib/components/Callout/index.d.ts

@@ -1,11 +1,11 @@
-export type CalloutTone = "green" | "amber" | "red" | "pink";
-
-export interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
-  message: string;
-  tone?: CalloutTone;
-  className?: string;
-  name?: string;
-  dataCy?: string;
-}
-
-export const Callout: React.FC<CalloutProps>;
+export type CalloutTone = "green" | "amber" | "red" | "pink";
+
+export interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
+  message: string;
+  tone?: CalloutTone;
+  className?: string;
+  name?: string;
+  dataCy?: string;
+}
+
+export const Callout: React.FC<CalloutProps>;

package/lib/components/Cards/index.d.ts

@@ -1,47 +1,47 @@
-export type CardIntent =
-  | "default"
-  | "info"
-  | "warning"
-  | "success"
-  | "error"
-  | "brand"
-  | "brandSecondary";
-
-export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-  intent?: CardIntent;
-  hasOutline?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-}
-
-export const Card: React.ComponentType<CardProps>;
-
-export interface FileUploadCardProps
-  extends React.HTMLAttributes<HTMLDivElement> {
-  fileName: string;
-  uploadedDate: string;
-  previewSrc?: string;
-  previewAlt?: string;
-  preview?: React.ReactNode;
-  action?: React.ReactNode;
-  downloadTitle?: string;
-  onDownload?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  className?: string;
-}
-
-export const FileUploadCard: React.ComponentType<FileUploadCardProps>;
-
-export interface CardItemProps extends React.HTMLAttributes<HTMLDivElement> {
-  heading: React.ReactNode;
-  subheading?: React.ReactNode;
-  icon?: React.ReactNode;
-  checked?: boolean;
-  onCheckedChange?: (checked: boolean) => void;
-  iconPosition?: "left" | "right";
-  disabled?: boolean;
-  className?: string;
-  dataCy?: string;
-  name?: string;
-}
-
-export const CardItem: React.ComponentType<CardItemProps>;
+export type CardIntent =
+  | "default"
+  | "info"
+  | "warning"
+  | "success"
+  | "error"
+  | "brand"
+  | "brandSecondary";
+
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+  intent?: CardIntent;
+  hasOutline?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Card: React.ComponentType<CardProps>;
+
+export interface FileUploadCardProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  fileName: string;
+  uploadedDate: string;
+  previewSrc?: string;
+  previewAlt?: string;
+  preview?: React.ReactNode;
+  action?: React.ReactNode;
+  downloadTitle?: string;
+  onDownload?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  className?: string;
+}
+
+export const FileUploadCard: React.ComponentType<FileUploadCardProps>;
+
+export interface CardItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  heading: React.ReactNode;
+  subheading?: React.ReactNode;
+  icon?: React.ReactNode;
+  checked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  iconPosition?: "left" | "right";
+  disabled?: boolean;
+  className?: string;
+  dataCy?: string;
+  name?: string;
+}
+
+export const CardItem: React.ComponentType<CardItemProps>;

package/lib/components/FooterLogo/index.d.ts

@@ -1,6 +1,6 @@
-export interface FooterLogoProps extends React.HTMLAttributes<HTMLDivElement> {
-  href?: string;
-  className?: string;
-}
-
-export const FooterLogo: React.FC<FooterLogoProps>;
+export interface FooterLogoProps extends React.HTMLAttributes<HTMLDivElement> {
+  href?: string;
+  className?: string;
+}
+
+export const FooterLogo: React.FC<FooterLogoProps>;

package/lib/components/Forms/Checkbox/index.d.ts

@@ -1,20 +1,20 @@
-export interface CheckboxChangeEvent {
-  target: {
-    name: string;
-    value: boolean;
-  };
-}
-
-export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
-  label: string;
-  name: string;
-  onChange?: (event: CheckboxChangeEvent) => void;
-  value?: boolean;
-  isValid?: boolean;
-  errorMessage?: string;
-  disabled?: boolean;
-  title?: string;
-  dataCy?: string;
-}
-
-export const Checkbox: React.ComponentType<CheckboxProps>;
+export interface CheckboxChangeEvent {
+  target: {
+    name: string;
+    value: boolean;
+  };
+}
+
+export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+  label: string;
+  name: string;
+  onChange?: (event: CheckboxChangeEvent) => void;
+  value?: boolean;
+  isValid?: boolean;
+  errorMessage?: string;
+  disabled?: boolean;
+  title?: string;
+  dataCy?: string;
+}
+
+export const Checkbox: React.ComponentType<CheckboxProps>;

package/lib/components/Forms/Inputs/index.d.ts

@@ -4,9 +4,8 @@ export type IconComponent = (
 
 export type CustomComponent = (props: any) => JSX.Element;
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
-  label: string;
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label?: string;
   placeholder?: string;
   type?:
     | "text"
@@ -29,6 +28,7 @@ export interface InputProps
   errorMessage?: string;
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   className?: string;
+  outerClassName?: string;
   value?: string | number;
   Icon?: IconComponent;
   iconPosition?: "left" | "right";

package/lib/components/Forms/Radios/index.d.ts

@@ -22,6 +22,7 @@ export interface RadioButtonProps extends React.HTMLAttributes<HTMLDivElement> {
   isValid?: boolean;
   errorMessage?: string;
   required?: boolean;
+  hideLabel?: boolean;
   dataCy?: string;
   disabled?: boolean;
 }

package/lib/components/Forms/ToggleSwitch/index.d.ts

@@ -1,15 +1,15 @@
-export interface ToggleSwitchProps
-  extends React.HTMLAttributes<HTMLDivElement> {
-  checked: boolean;
-  onChange?: (checked: boolean) => void;
-  onToggle?: (checked: boolean) => void;
-  leftLabel?: React.ReactNode;
-  rightLabel?: React.ReactNode;
-  disabled?: boolean;
-  name?: string;
-  title?: string;
-  dataCy?: string;
-  className?: string;
-}
-
-export const ToggleSwitch: React.ComponentType<ToggleSwitchProps>;
+export interface ToggleSwitchProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  checked: boolean;
+  onChange?: (checked: boolean) => void;
+  onToggle?: (checked: boolean) => void;
+  leftLabel?: React.ReactNode;
+  rightLabel?: React.ReactNode;
+  disabled?: boolean;
+  name?: string;
+  title?: string;
+  dataCy?: string;
+  className?: string;
+}
+
+export const ToggleSwitch: React.ComponentType<ToggleSwitchProps>;

package/lib/components/Header/index.d.ts

@@ -1,8 +1,8 @@
-export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-  title: string;
-  center?: React.ReactNode;
-  right?: React.ReactNode;
-  className?: string;
-}
-
-export const Header: React.FC<HeaderProps>;
+export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  title: string;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
+
+export const Header: React.FC<HeaderProps>;

package/lib/components/IconButton/index.d.ts

@@ -1,24 +1,24 @@
-export type IconButtonRank =
-  | "primary"
-  | "secondary"
-  | "outline"
-  | "destructive"
-  | string;
-
-export type IconButtonSize = "sm" | "md" | "lg" | string;
-
-export interface IconButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  rank?: IconButtonRank;
-  size?: IconButtonSize;
-  title?: string;
-  iconName?: string;
-  iconLibrary?: "hero" | "c247" | string;
-  icon?: React.ReactNode;
-  isFullWidth?: boolean;
-  className?: string;
-  name?: string;
-  dataCy?: string;
-}
-
-export const IconButton: React.ComponentType<IconButtonProps>;
+export type IconButtonRank =
+  | "primary"
+  | "secondary"
+  | "outline"
+  | "destructive"
+  | string;
+
+export type IconButtonSize = "sm" | "md" | "lg" | string;
+
+export interface IconButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  rank?: IconButtonRank;
+  size?: IconButtonSize;
+  title?: string;
+  iconName?: string;
+  iconLibrary?: "hero" | "c247" | string;
+  icon?: React.ReactNode;
+  isFullWidth?: boolean;
+  className?: string;
+  name?: string;
+  dataCy?: string;
+}
+
+export const IconButton: React.ComponentType<IconButtonProps>;

package/lib/components/Link/index.js

@@ -2,8 +2,15 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 34164:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+/***/ 94178
+(module) {
+
+module.exports = require("react/jsx-runtime");
+
+/***/ },
+
+/***/ 34164
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -12,14 +19,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (clsx);
 
-/***/ }),
-
-/***/ 94178:
-/***/ ((module) => {
-
-module.exports = require("react/jsx-runtime");
-
-/***/ })
+/***/ }
 
 /******/ 	});
 /************************************************************************/
@@ -97,33 +97,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(34164);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
-const _excluded = ["href", "children", "className", "newTab"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 function Link(_ref) {
   let {
-      href,
-      children,
-      className,
-      newTab
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+    href,
+    children,
+    className,
+    newTab,
+    ...props
+  } = _ref;
   const isExternal = href.startsWith("http");
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a", {
     href: href,
     target: newTab || isExternal ? "_blank" : undefined,
     rel: newTab || isExternal ? "noopener noreferrer" : undefined,
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_0__["default"])("text-[--color-text-strong] hover:underline", className)
-  }, props), {}, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_0__["default"])("text-[--color-text-strong] hover:underline", className),
+    ...props,
     children: children
-  }));
+  });
 }
 module.exports = __webpack_exports__;
 /******/ })()