@autoguru/overdrive 4.43.4 → 4.43.5

package/dist/components/Text/Text.js

@@ -2,22 +2,21 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "className", "is", "as", "testId", "colour", "display", "fontWeight", "transform", "breakWord", "noWrap", "size", "strong"];
+const _excluded = ["as", "children", "className", "color", "colour", "display", "fontWeight", "transform", "breakWord", "noWrap", "size", "strong"];
 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 React from 'react';
-import { dataAttrs } from "../../utils/dataAttrs.js";
-import { Box } from "../Box/Box.js";
-import { useTextStyles } from "./useTextStyles.js";
+import React, { cloneElement } from 'react';
+import { useBox } from "../Box/useBox.js";
+import { textStyles } from "./textStyles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Text = React.forwardRef((_ref, ref) => {
+const TEXT_TAGS = ['span', 'p', 'label'];
+export const Text = _ref => {
   let {
+      as = 'span',
       children,
       className,
-      is = 'span',
-      as = is,
-      testId,
-      colour,
+      color,
+      colour: _colour,
       display,
       fontWeight = 'normal',
       transform,
@@ -27,23 +26,32 @@ export const Text = React.forwardRef((_ref, ref) => {
       strong = false
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread({
+  const colourOrDefault = !_colour && strong ? 'dark' : _colour;
+  const colour = color ? undefined : colourOrDefault;
+  const styles = textStyles({
     as: as,
-    ref: ref,
-    display: display,
-    className: [useTextStyles({
-      as,
-      size,
-      colour: colour !== null && colour !== void 0 ? colour : strong ? 'dark' : undefined,
-      fontWeight: strong ? 'bold' : fontWeight,
-      transform,
-      noWrap,
-      breakWord
-    }), className]
-  }, props), dataAttrs({
-    'test-id': testId
-  })), {}, {
+    size,
+    color,
+    colour,
+    fontWeight: strong ? 'bold' : fontWeight,
+    transform,
+    noWrap,
+    breakWord
+  });
+  const {
+    Component,
+    componentProps,
+    reactElement
+  } = useBox(_objectSpread(_objectSpread({}, props), {}, {
+    as,
+    className: [styles, className],
+    display
+  }));
+  if (reactElement) {
+    return cloneElement(reactElement, componentProps, children);
+  }
+  return _jsx(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
     children: children
   }));
-});
+};
 Text.displayName = 'Text';

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Text } from './Text';
 declare const meta: Meta<typeof Text>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAS9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAe3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC"}
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,EAAE,IAAI,EAAiB,MAAM,QAAQ,CAAC;AAO7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC"}

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

@@ -1,4 +1,3 @@
-export { Text, type TextProps } from './Text';
-export { useTextStyles } from './useTextStyles';
-export type { TextStyleProps } from './useTextStyles';
+export * from './Text';
+export * from './textStyles';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/components/Text/index.js

@@ -1,4 +1,4 @@
 "use strict";
 
-export { Text } from "./Text.js";
-export { useTextStyles } from "./useTextStyles.js";
+export * from "./Text.js";
+export * from "./textStyles.js";

package/dist/components/Text/textStyles.d.ts

@@ -0,0 +1,16 @@
+import type { ElementType } from 'react';
+import { type Sprinkles, type SprinklesLegacyText } from '../../styles/sprinkles.css';
+import { type TypographyStyles } from '../../styles/typography.css';
+export type TextColor = Sprinkles['color'];
+export type TextColour = SprinklesLegacyText['colour'];
+export type TextSize = Sprinkles['text'];
+export type FontWeight = Sprinkles['fontWeight'];
+export interface TextStylesProps extends TypographyStyles {
+    as?: string | ElementType;
+    color?: TextColor;
+    colour?: TextColour;
+    fontWeight?: FontWeight;
+    size?: TextSize;
+}
+export declare const textStyles: ({ as, breakWord, color, colour, fontWeight, noWrap, size, transform, }: TextStylesProps) => string;
+//# sourceMappingURL=textStyles.d.ts.map

package/dist/components/Text/textStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/textStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAGN,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEN,KAAK,gBAAgB,EACrB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAC3C,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AACvD,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACxD,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAKD,eAAO,MAAM,UAAU,GAAI,wEASxB,eAAe,WAMf,CAAC"}

package/dist/components/Text/textStyles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import clsx from 'clsx';
+import { resetStyles } from "../../styles/resetStyles.js";
+import { sprinkles, sprinklesLegacyText } from "../../styles/sprinkles.css.js";
+import { typographyStyles } from "../../styles/typography.css.js";
+import { onlyString } from "../../utils/propGuards.js";
+export const textStyles = _ref => {
+  let {
+    as,
+    breakWord,
+    color,
+    colour = color ? undefined : 'neutral',
+    fontWeight,
+    noWrap,
+    size,
+    transform
+  } = _ref;
+  return clsx([resetStyles({
+    as: onlyString(as)
+  }), sprinkles({
+    color,
+    fontWeight,
+    text: size
+  }), sprinklesLegacyText({
+    colour
+  }), typographyStyles({
+    breakWord,
+    noWrap,
+    transform
+  })]);
+};

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { TextAreaInput } from './TextAreaInput';
 declare const meta: Meta<typeof TextAreaInput>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAYpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}
+{"version":3,"file":"TextAreaInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAYpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/dist/components/TextBubble/TextBubble.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBubble.css.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAKrB,CAAC"}
+{"version":3,"file":"TextBubble.css.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAMrB,CAAC"}

package/dist/components/TextBubble/TextBubble.css.js

@@ -7,6 +7,7 @@ export const bubbleText = style({
   top: '50%',
   left: '50%',
   transform: 'translate(-50%, -50%)',
+  textAlign: 'center',
   textOverflow: 'ellipsis'
 }, "bubbleText");
 __vanilla_filescope__.endFileScope();

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

@@ -1 +1 @@
-{"version":3,"file":"TextBubble.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,WAAW,eAChB,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,cAAc,GAAG,UAAU,GAAG,SAAS,CACvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAaD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAoDzD,CAAC"}
+{"version":3,"file":"TextBubble.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,WAAW,eAChB,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,cAAc,GAAG,UAAU,GAAG,SAAS,CACvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAaD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAmDzD,CAAC"}

package/dist/components/TextBubble/TextBubble.js

@@ -58,7 +58,6 @@ export const TextBubble = _ref => {
       size: "2",
       strong: true,
       noWrap: true,
-      align: "center",
       className: clsx(styles.bubbleText, boxStyles({
         position: 'absolute',
         overflow: 'hidden',

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { TextBubble } from './TextBubble';
 type Story = StoryObj<typeof TextBubble>;
 declare const _default: {

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

@@ -1 +1 @@
-{"version":3,"file":"TextBubble.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;;;;;AAEzC,wBAGoC;AAEpC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC"}
+{"version":3,"file":"TextBubble.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;;;;;AAEzC,wBAGoC;AAEpC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { TextContainer } from './TextContainer';
 declare const meta: {

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

@@ -1 +1 @@
-{"version":3,"file":"TextContainer.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/TextContainer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CA8B4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}
+{"version":3,"file":"TextContainer.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/TextContainer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CA8B4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { TextInput } from './TextInput';
 declare const meta: Meta;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAiBxC,QAAA,MAAM,IAAI,EAAE,IAgDX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAKxC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAiBxC,QAAA,MAAM,IAAI,EAAE,IAgDX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAKxC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

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

@@ -1,16 +1,16 @@
-import { IconType } from '@autoguru/icons';
-import * as React from 'react';
-import { AnchorHTMLAttributes, ComponentProps, ElementType, ReactElement, ReactNode } from 'react';
-import { Text } from '../Text/Text';
-type TextProps = Omit<ComponentProps<typeof Text>, 'is' | 'colour'>;
-type AnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'color' | 'style' | 'is' | keyof TextProps>;
-export interface TextLinkProps extends TextProps, AnchorProps {
-    children?: ReactNode;
-    className?: string;
-    is?: ElementType | ReactElement;
+import type { IconType } from '@autoguru/icons';
+import React from 'react';
+import { type BoxLikeProps } from '../Box/useBox';
+import { TextStylesProps } from '../Text/textStyles';
+interface CustomProps extends Pick<TextStylesProps, 'noWrap' | 'transform'> {
     muted?: boolean;
     icon?: IconType;
+    strong?: boolean;
 }
-export declare const TextLink: React.ForwardRefExoticComponent<Omit<TextLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export type TextLinkProps = BoxLikeProps<'a', CustomProps>;
+export declare const TextLink: {
+    ({ as, children, className, fontWeight, icon, muted, size, strong, transform, ...props }: TextLinkProps): React.JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=TextLink.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,oBAAoB,EAEpB,cAAc,EAEd,WAAW,EAGX,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,CAAC;AACpE,KAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,SAAS,CACvD,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,WAAW;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,sGAyEpB,CAAC"}
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAuB,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,eAAe,CAAC;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,UAAU,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,WAAW,CAAC;IAE1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AAa3D,eAAO,MAAM,QAAQ;8FAWlB,aAAa;;CAgDf,CAAC"}

package/dist/components/TextLink/TextLink.js

@@ -2,47 +2,44 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["is", "children", "className", "strong", "fontWeight", "muted", "size", "icon"];
+const _excluded = ["as", "children", "className", "fontWeight", "icon", "muted", "size", "strong", "transform"];
 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 } from 'react';
-import { Box } from "../Box/Box.js";
+import React, { cloneElement } from 'react';
 import { boxStyles } from "../Box/boxStyles.js";
+import { useBox } from "../Box/useBox.js";
 import { Icon } from "../Icon/Icon.js";
 import { Text } from "../Text/Text.js";
 import * as styles from "./TextLink.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const TextLink = forwardRef((_ref, ref) => {
+export const TextLink = _ref => {
   var _props$rel;
   let {
-      is: Component,
+      as = 'a',
       children,
       className,
-      strong,
       fontWeight = 'semiBold',
+      icon,
       muted = false,
       size,
-      icon
+      strong,
+      transform
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  !!(Component !== undefined && props.href !== undefined) ? process.env.NODE_ENV !== "production" ? invariant(false, 'You cannot have both href and as defined.') : invariant(false) : void 0;
   const body = _jsxs(Text, {
     as: "span",
+    className: [{
+      [styles.muted]: muted
+    }],
     colour: muted ? 'muted' : 'link',
-    size: size,
     fontWeight: fontWeight,
+    pointerEvents: "none",
+    position: "relative",
+    pr: icon ? '5' : undefined,
+    size: size,
     strong: strong,
-    className: clsx(boxStyles({
-      as: 'span',
-      pointerEvents: 'none',
-      position: 'relative',
-      paddingRight: icon ? '5' : void 0
-    }), {
-      [styles.muted]: muted
-    }),
+    transform: transform,
     children: [children, icon ? _jsx(Icon, {
       icon: icon,
       size: "small",
@@ -52,19 +49,21 @@ export const TextLink = forwardRef((_ref, ref) => {
       }))
     }) : null]
   });
-  const allProps = _objectSpread(_objectSpread({
+  const {
+    Component,
+    componentProps,
+    reactElement
+  } = useBox(_objectSpread(_objectSpread({}, props), {}, {
+    as,
+    className: [styles.root, className],
+    odComponent: 'TextLink',
     rel: (_props$rel = props.rel) !== null && _props$rel !== void 0 ? _props$rel : 'noopener noreferrer'
-  }, props), {}, {
-    ref
-  });
-  if (Component === undefined) {
-    return _jsx(Box, _objectSpread(_objectSpread({
-      as: "a",
-      className: [className, styles.root]
-    }, allProps), {}, {
-      children: body
-    }));
+  }));
+  if (reactElement) {
+    return cloneElement(reactElement, componentProps, body);
   }
-  return isValidElement(Component) ? cloneElement(Component, allProps, body) : createElement(Component, allProps, body);
-});
+  return _jsx(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
+    children: body
+  }));
+};
 TextLink.displayName = 'TextLink';