@autoguru/overdrive 4.43.0-next.6 → 4.43.0-next.8

package/dist/components/Box/Box.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAgB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAKlC,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAgB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAKlC,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}

package/dist/components/Box/Box.test.js

@@ -72,8 +72,9 @@ describe('Box', async () => {
   await it('renders with odComponent and testId props', async () => {
     await DataAttributes.run();
     const boxElement = screen.getByText('The most basic box (or is it?)');
+    expect(boxElement).toHaveAttribute('id', 'so-basic');
     expect(boxElement).toHaveAttribute('data-od-component', 'box-basic');
-    expect(boxElement).toHaveAttribute('data-test-id', 'so-basic');
+    expect(boxElement).toHaveAttribute('data-test-id', 'basically-perfect');
     expect(boxElement).toHaveAttribute('data-custom-attribute', 'somewhat less basic');
   });
   await it('applies basic style props (padding)', () => {

package/dist/components/Box/default.d.ts

@@ -0,0 +1,2 @@
+export { Box as default } from './';
+//# sourceMappingURL=default.d.ts.map

package/dist/components/Box/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,IAAI,CAAC"}

package/dist/components/Box/default.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export { Box as default } from "./index.js";

package/dist/components/Box/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Box';
 export * from './useBox';
-export { boxStyles } from './boxStyles';
+export * from './boxStyles';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Box/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dist/components/Box/index.js

@@ -2,4 +2,4 @@
 
 export * from "./Box.js";
 export * from "./useBox.js";
-export { boxStyles } from "./boxStyles.js";
+export * from "./boxStyles.js";

package/dist/components/Columns/Column.d.ts

@@ -5,7 +5,7 @@ export interface ColumnProps extends styles.ColumnRecipeVariants {
     width?: styles.SprinklesColumnWidthResponsive['flexBasis'];
 }
 export declare const Column: {
-    <E extends ElementType>({ children, grow, noShrink, order, ref, width, ...boxProps }: UseBoxProps<E> & ColumnProps): React.JSX.Element;
+    <E extends ElementType>({ alignSelf, children, grow, noShrink, order, ref, width, ...boxProps }: UseBoxProps<E> & ColumnProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Column.d.ts.map

package/dist/components/Columns/Column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgB,KAAK,WAAW,EAAc,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAEvD,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAGvC,MAAM,WAAW,WAAY,SAAQ,MAAM,CAAC,oBAAoB;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC,8BAA8B,CAAC,WAAW,CAAC,CAAC;CAC3D;AAQD,eAAO,MAAM,MAAM;KAAI,CAAC,SAAS,WAAW,gEAQzC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW;;CA2C9B,CAAC"}
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgB,KAAK,WAAW,EAAc,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAEvD,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAGvC,MAAM,WAAW,WAAY,SAAQ,MAAM,CAAC,oBAAoB;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC,8BAA8B,CAAC,WAAW,CAAC,CAAC;CAC3D;AAQD,eAAO,MAAM,MAAM;KAAI,CAAC,SAAS,WAAW,2EASzC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW;;CA4C9B,CAAC"}

package/dist/components/Columns/Column.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "grow", "noShrink", "order", "ref", "width"];
+const _excluded = ["alignSelf", "children", "grow", "noShrink", "order", "ref", "width"];
 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; }
 import { invariant } from '@autoguru/utilities';
@@ -13,6 +13,7 @@ import { ColumnContext } from "./Columns.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Column = _ref => {
   let {
+      alignSelf,
       children,
       grow = false,
       noShrink = false,
@@ -44,6 +45,7 @@ export const Column = _ref => {
     children: children
   }));
   return _jsx(Box, {
+    alignSelf: alignSelf,
     as: isList ? 'li' : 'div',
     order: order,
     flexGrow: grow ? 1 : 0,

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

@@ -13,7 +13,7 @@ declare const meta: {
         icon?: import("@autoguru/icons").IconType | undefined;
         isOpen?: boolean | undefined;
         onClick?: ComponentProps<typeof Button>["onClick"];
-        alignment: any;
+        alignment?: import("..").EPositionerAlignment | undefined;
     }>) => React.JSX.Element)[];
     args: {
         label: string;

package/dist/components/DropDown/DropDown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDown.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAMnC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqCF,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,EAAE;;;;;;;CAoBjB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}
+{"version":3,"file":"DropDown.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDown.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAMnC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqCF,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,EAAE;;;;;;;CAoBjB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}

package/dist/components/Flyout/Flyout.d.ts

@@ -1,5 +1,6 @@
-import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import type { ComponentProps } from 'react';
+import * as React from 'react';
 import { Positioner } from '../Positioner';
-export declare const Flyout: FunctionComponent<ComponentPropsWithoutRef<typeof Positioner>>;
+export declare const Flyout: ({ children, triggerRef, isOpen, alignment, triggerOffset, ...rest }: ComponentProps<typeof Positioner>) => React.JSX.Element;
 export default Flyout;
 //# sourceMappingURL=Flyout.d.ts.map

package/dist/components/Flyout/Flyout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flyout.d.ts","sourceRoot":"","sources":["../../../lib/components/Flyout/Flyout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,MAAM,EAAE,iBAAiB,CACrC,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAoB3C,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Flyout.d.ts","sourceRoot":"","sources":["../../../lib/components/Flyout/Flyout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,MAAM,GAAI,qEAOpB,cAAc,CAAC,OAAO,UAAU,CAAC,sBAmBnC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,10 +1,11 @@
 import type { StoryObj } from '@storybook/react';
 import * as React from 'react';
+import { ComponentProps } from 'react';
 import { EAlignment } from '../Positioner/alignment';
 import { Flyout } from '.';
 declare const meta: {
     title: string;
-    component: React.FunctionComponent<Omit<import("../Positioner/Positioner").Props, "ref">>;
+    component: ({ children, triggerRef, isOpen, alignment, triggerOffset, ...rest }: ComponentProps<typeof import("..").Positioner>) => React.JSX.Element;
     argTypes: {
         alignment: {
             options: EAlignment[];

package/dist/components/Flyout/Flyout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flyout.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Flyout/Flyout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAoBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAqCrC,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC"}
+{"version":3,"file":"Flyout.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Flyout/Flyout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAU,MAAM,OAAO,CAAC;AAI/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAoBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAqCrC,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC"}

package/dist/components/Tabs/Tab.d.ts

@@ -1,11 +1,10 @@
-import * as React from 'react';
-import { ElementType, ReactElement, ReactNode } from 'react';
-export interface Props {
-    children?: ReactNode;
-    id?: string;
-    is?: ElementType | ReactElement;
+import React, { type ElementType } from 'react';
+import { type UseBoxProps } from '../Box';
+export interface TabProps {
     indication?: number;
 }
-export declare const Tab: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default Tab;
+export declare const Tab: {
+    <E extends ElementType>({ as, children, id: incomingId, indication, ...tabProps }: UseBoxProps<E> & TabProps): React.JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EA+Ef,CAAC;AAIF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgB,KAAK,WAAW,EAAc,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAQlD,MAAM,WAAW,QAAQ;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG;KAAI,CAAC,SAAS,WAAW,6DAMtC,WAAW,CAAC,CAAC,CAAC,GAAG,QAAQ;;CAqE3B,CAAC"}

package/dist/components/Tabs/Tab.js

@@ -1,23 +1,27 @@
 "use strict";
 
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["as", "children", "id", "indication"];
+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; }
 import { invariant } from '@autoguru/utilities';
-import clsx from 'clsx';
-import * as React from 'react';
-import { cloneElement, createElement, forwardRef, isValidElement, useContext } from 'react';
-import { boxStyles } from "../Box/index.js";
+import React, { cloneElement, useContext } from 'react';
+import { useBox } from "../Box/index.js";
 import { Inline } from "../Inline/index.js";
 import { Text, useTextStyles } from "../Text/index.js";
 import * as styles from "./Tab.css.js";
 import { TabListContext } from "./TabList.js";
 import { TabsContext } from "./Tabs.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Tab = forwardRef((_ref, ref) => {
+export const Tab = _ref => {
   let {
-    children,
-    id: incomingId = null,
-    indication = null,
-    is: Component = 'button'
-  } = _ref;
+      as = 'button',
+      children,
+      id: incomingId,
+      indication
+    } = _ref,
+    tabProps = _objectWithoutProperties(_ref, _excluded);
   const tabsContext = useContext(TabsContext);
   const tabListContext = useContext(TabListContext);
   !(tabsContext !== null && tabListContext !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'This tab pane isnt nested beneath <Tabs /> or <TabPanes />>') : invariant(false) : void 0;
@@ -26,13 +30,14 @@ export const Tab = forwardRef((_ref, ref) => {
   } = tabsContext;
   const isActive = tabsContext.activeIndex === tabListContext;
   const controlsId = typeof incomingId === 'string' ? incomingId : `${tabsContext.id}-${tabListContext}-tab`;
-  const props = {
-    className: clsx(boxStyles({
-      as: typeof Component === 'string' ? Component : 'button',
-      display: 'inline-flex',
-      justifyContent: 'center',
-      backgroundColor: 'transparent'
-    }), useTextStyles({
+  const {
+    Component,
+    componentProps,
+    reactElement
+  } = useBox(_objectSpread(_objectSpread({}, tabProps), {}, {
+    as: typeof as === 'string' ? as : 'button',
+    backgroundColour: 'transparent',
+    className: [useTextStyles({
       noWrap: true,
       size: '3',
       fontWeight: 'bold',
@@ -40,17 +45,18 @@ export const Tab = forwardRef((_ref, ref) => {
     }), styles.styledTab({
       appearance,
       active: isActive
-    })),
-    role: 'tab',
-    'aria-selected': isActive ? 'true' : 'false',
-    'data-controls': controlsId,
-    tabIndex: isActive ? undefined : -1,
+    })],
+    display: 'inline-flex',
+    justifyContent: 'center',
     onClick: () => {
       var _tabsContext$onChange;
       return (_tabsContext$onChange = tabsContext.onChange) === null || _tabsContext$onChange === void 0 ? void 0 : _tabsContext$onChange.call(tabsContext, tabListContext);
     },
-    ref
-  };
+    role: 'tab',
+    tabIndex: isActive ? undefined : -1,
+    'aria-selected': isActive ? 'true' : 'false',
+    'data-controls': controlsId
+  }));
   const child = _jsxs(Inline, {
     noWrap: true,
     space: "2",
@@ -73,7 +79,11 @@ export const Tab = forwardRef((_ref, ref) => {
       children: indication
     })]
   });
-  return isValidElement(Component) ? cloneElement(Component, props, child) : createElement(Component, props, child);
-});
-Tab.displayName = 'Tab';
-export default Tab;
+  if (reactElement) {
+    return cloneElement(reactElement, componentProps, child);
+  }
+  return _jsx(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
+    children: child
+  }));
+};
+Tab.displayName = 'Tab';

package/dist/components/TextLink/default.d.ts

@@ -0,0 +1,2 @@
+export { TextLink as default } from './';
+//# sourceMappingURL=default.d.ts.map

package/dist/components/TextLink/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,IAAI,CAAC"}

package/dist/components/TextLink/default.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export { TextLink as default } from "./index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.43.0-next.6",
+	"version": "4.43.0-next.8",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",