@autoguru/overdrive 4.43.8-next.1 → 4.43.9-next.0

package/dist/components/Actions/Actions.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps, FunctionComponent, ReactElement } from 'react';
+import React, { type ComponentProps, type ReactElement } from 'react';
 import { Columns } from '../Columns/Columns';
-export interface Props extends Partial<Pick<ComponentProps<typeof Columns>, 'noWrap' | 'wrappingDirection'>> {
+export interface ActionsProps extends Partial<Pick<ComponentProps<typeof Columns>, 'noWrap' | 'wrappingDirection'>> {
     children: ReactElement | ReactElement[];
     className?: string;
 }
-export declare const Actions: FunctionComponent<Props>;
+export declare const Actions: ({ children, noWrap, wrappingDirection, }: ActionsProps) => React.JSX.Element;
 export default Actions;
 //# sourceMappingURL=Actions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,QAAQ,GAAG,mBAAmB,CAAC,CACpE;IACD,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAU5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,YAChB,SAAQ,OAAO,CACd,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,QAAQ,GAAG,mBAAmB,CAAC,CACpE;IACD,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,OAAO,GAAI,0CAIrB,YAAY,sBAMd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Actions/Actions.js

@@ -1,7 +1,6 @@
 "use strict";
 
-import * as React from 'react';
-import { Children } from 'react';
+import React, { Children } from 'react';
 import flattenChildren from 'react-keyed-flatten-children';
 import { Column } from "../Columns/Column.js";
 import { Columns } from "../Columns/Columns.js";

package/dist/components/Alert/Alert.d.ts

@@ -1,14 +1,14 @@
-import { ComponentProps, FunctionComponent, ReactNode } from 'react';
+import React, { type ComponentProps, type ReactNode } from 'react';
 import { Button } from '../Button/Button';
 import { IntentStripe } from '../IntentStripe/IntentStripe';
 type IntentStripeProps = ComponentProps<typeof IntentStripe>;
-export interface Props extends IntentStripeProps {
+export interface AlertProps extends IntentStripeProps {
     children?: ReactNode;
     className?: string;
     inline?: boolean;
     dismissible?: boolean;
     onRequestClose?: ComponentProps<typeof Button>['onClick'];
 }
-export declare const Alert: FunctionComponent<Props>;
+export declare const Alert: ({ children, className, intent, inline, onRequestClose, dismissible, }: AlertProps) => React.JSX.Element;
 export default Alert;
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAK5D,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAG7D,MAAM,WAAW,KAAM,SAAQ,iBAAiB;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAoE1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAK5D,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAG7D,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,GAAI,uEAOnB,UAAU,sBA6DZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Alert/Alert.js

@@ -2,7 +2,7 @@
 
 import { AlertCircleIcon, AlertIcon, CheckCircleIcon, InformationIcon, WindowCloseIcon } from '@autoguru/icons';
 import clsx from 'clsx';
-import * as React from 'react';
+import React from 'react';
 import { sprinkles } from "../../styles/index.js";
 import { sprinklesLegacyText } from "../../styles/typography.css.js";
 import { Box } from "../Box/Box.js";

package/dist/components/Anchor/Anchor.d.ts

@@ -1,9 +1,8 @@
 import { IconType } from '@autoguru/icons';
 import { AnchorHTMLAttributes, ElementType, FunctionComponent, ReactElement, ReactNode } from 'react';
-import { BoxProps } from '../Box/Box';
-export interface Props extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'style' | 'is'>, Pick<BoxProps, 'testId'> {
-    className?: string;
-    is?: ElementType | ReactElement;
+import type { TestId } from '../../types';
+export interface Props extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'as' | 'children' | 'is' | 'style'>, TestId {
+    as?: ElementType | ReactElement;
     disabled?: boolean;
     children?: ReactNode;
     icon?: IconType;

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EACN,oBAAoB,EAGpB,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAOtC,MAAM,WAAW,KAChB,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,IAAI,CAC3B,EACD,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CA6C3C,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EACN,oBAAoB,EAGpB,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAO1C,MAAM,WAAW,KAChB,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,GAAG,UAAU,GAAG,IAAI,GAAG,OAAO,CAClC,EACD,MAAM;IACP,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CA4C3C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Anchor/Anchor.js

@@ -2,24 +2,22 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "is", "disabled", "testId", "children", "icon"];
+const _excluded = ["className", "as", "disabled", "testId", "children", "icon"];
 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 clsx from 'clsx';
 import * as React from 'react';
 import { cloneElement, createElement, isValidElement } from 'react';
 import { componentStyles } from "../../styles/componentStyles.js";
-import { sprinkles } from "../../styles/sprinkles.css.js";
 import { dataAttrs } from "../../utils/dataAttrs.js";
+import { Box } from "../Box/Box.js";
 import { Icon } from "../Icon/Icon.js";
-import { Inline } from "../Inline/Inline.js";
-import { Text } from "../Text/Text.js";
-import * as styles from "./Anchor.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ANCHOR_TAG = 'a';
 export const Anchor = _ref => {
   let {
-      className = '',
-      is: Component = 'a',
+      className,
+      as: Component = ANCHOR_TAG,
       disabled = false,
       testId,
       children,
@@ -31,26 +29,26 @@ export const Anchor = _ref => {
       as: Component,
       colour: 'link',
       display: 'inline'
-    }), styles.root, className),
+    }), className),
     disabled
   }, dataAttrs({
     testid: testId
   })), rest);
-  const childs = _jsxs(Inline, {
-    space: "2",
+  const content = _jsxs(Box, {
+    as: "span",
+    alignItems: "center",
+    colour: "link",
+    display: "inline-flex",
+    fontSize: "4",
+    fontWeight: "bold",
+    gap: "2",
     children: [icon && _jsx(Icon, {
       icon: icon,
-      size: "small",
-      className: sprinkles({
-        colour: 'link'
-      })
-    }), _jsx(Text, {
-      weight: "bold",
-      size: "4",
-      colour: "link",
+      size: "small"
+    }), _jsx("span", {
       children: children
     })]
   });
-  return isValidElement(Component) ? cloneElement(Component, props, childs) : createElement(Component, props, childs);
+  return isValidElement(Component) ? cloneElement(Component, props, content) : createElement(Component, props, content);
 };
 export default Anchor;

package/dist/components/Badge/Badge.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { type BoxProps } from '../Box/Box';
+import type { TestId } from '../../types';
 import type { StyledBadgeProps } from './Badge.css';
 type Colours = Exclude<StyledBadgeProps['colour'], undefined>;
-export interface BadgeProps extends Pick<BoxProps, 'testId'> {
+export interface BadgeProps extends TestId {
     label: string;
     colour?: Colours;
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,KAAK,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAE3D,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAE/B,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAChC;AAQD,eAAO,MAAM,KAAK,GAAI,mDAOnB,UAAU,sBAyBZ,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,KAAK,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,MAAM;IAEzC,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAE/B,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAChC;AAOD,eAAO,MAAM,KAAK,GAAI,mDAOnB,UAAU,sBAyBZ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEN,KAAK,oBAAoB,EACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAMlD,MAAM,WAAW,cAChB,SAAQ,WAAW,EAClB,iBAAiB,EACjB,MAAM;CAAG;AAEX,MAAM,WAAW,QAChB,SAAQ,IAAI,CACV,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE,EACD,cAAc,EACd,oBAAoB;IAErB,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAKD,eAAO,MAAM,GAAG,8EA6Pf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEN,KAAK,oBAAoB,EACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAMlD,MAAM,WAAW,cAChB,SAAQ,WAAW,EAClB,iBAAiB,EACjB,MAAM;CAAG;AAEX,MAAM,WAAW,QAChB,SAAQ,IAAI,CACV,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE,EACD,cAAc,EACd,oBAAoB;IAErB,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAoBD,eAAO,MAAM,GAAG,8EA6Pf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BulletText.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMhD,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,GAAI,4CAKxB,eAAe,sBA2CjB,CAAC"}
+{"version":3,"file":"BulletText.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMhD,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,GAAI,4CAKxB,eAAe,sBA8CjB,CAAC"}

package/dist/components/BulletText/BulletText.js

@@ -1,6 +1,5 @@
 "use strict";
 
-import clsx from 'clsx';
 import React, { isValidElement } from 'react';
 import { Box } from "../Box/Box.js";
 import { Inline } from "../Inline/Inline.js";
@@ -26,26 +25,26 @@ export const BulletText = _ref => {
       children: Bullet
     }) : _jsx(Box, {
       position: "relative",
-      flexShrink: 0,
+      flexShrink: "0",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      className: clsx(styles.bullet, {
+      className: [styles.bullet, {
         [styles.primary]: variant === 'primary',
         [styles.secondary]: variant !== 'primary'
-      }),
+      }],
       borderRadius: "pill",
       children: _jsx(Text, {
-        className: clsx({
+        className: {
           [styles.primaryText]: variant === 'primary',
           [styles.secondaryText]: variant !== 'primary'
-        }),
+        },
         as: "span",
         size: "2",
         children: Bullet
       })
     }), _jsx(Box, {
-      flexGrow: 1,
+      flexGrow: "1",
       children: _jsx(Text, {
         as: "span",
         size: "4",

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

@@ -12,7 +12,7 @@ type TextContent = keyof typeof defaultEnglish;
 export interface ButtonProps extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'>, StyledButtonProps, TestId {
     children: AllowedChildren | AllowedChildren[];
     disabled?: boolean;
-    is?: ElementType | ReactElement;
+    as?: ElementType | ReactElement;
     isLoading?: boolean;
     isFullWidth?: boolean;
     rounded?: boolean;

package/dist/components/Button/Button.js

@@ -40,7 +40,7 @@ export const Button = forwardRef((_ref, ref) => {
     className = '',
     disabled = false,
     id,
-    is: Component = 'button',
+    as: Component = 'button',
     withDoubleClicks = false,
     isLoading = false,
     isFullWidth = false,

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

@@ -1 +1 @@
-{"version":3,"file":"ColourInput.d.ts","sourceRoot":"","sources":["../../../lib/components/ColourInput/ColourInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,WAAW,8TAyEvB,CAAC"}
+{"version":3,"file":"ColourInput.d.ts","sourceRoot":"","sources":["../../../lib/components/ColourInput/ColourInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,WAAW,8TAyEvB,CAAC"}

package/dist/components/ColourInput/ColourInput.js

@@ -6,7 +6,6 @@ const _excluded = ["field", "eventHandlers", "validation", "isLoading", "suffixe
 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 { warning } from '@autoguru/utilities';
-import clsx from 'clsx';
 import * as React from 'react';
 import { sprinkles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
@@ -38,7 +37,7 @@ export const ColourInput = withEnhancedInput(_ref => {
       height: "full",
       alignItems: "center",
       justifyContent: "space-around",
-      flexShrink: 0,
+      flexShrink: "0",
       pointerEvents: "none",
       position: "absolute",
       children: _jsx(Box, {
@@ -50,14 +49,14 @@ export const ColourInput = withEnhancedInput(_ref => {
       })
     }), _jsx(Text, {
       display: "block",
-      className: clsx(styles.valueText, styles.valueTextSize[size], sprinkles({
+      className: [styles.valueText, styles.valueTextSize[size], sprinkles({
         position: 'absolute'
-      })),
+      })],
       children: field.value
     }), _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       as: "input",
       type: "color",
-      flexGrow: 1
+      flexGrow: "1"
     }, eventHandlers), field), rest), {}, {
       className: [styles.input, field.className],
       autoComplete: "off"

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

@@ -4,13 +4,13 @@ import type { ThemeTokens as Tokens } from '../../themes';
 import { ResponsiveProp } from '../../utils/responsiveProps.css';
 import { Box } from '../Box/Box';
 import * as styles from './Columns.css';
-export interface Props extends Omit<ComponentProps<typeof Box>, 'css'>, styles.ColumnsStyle {
+export interface ColumnsProps extends Omit<ComponentProps<typeof Box>, 'css'>, styles.ColumnsStyle {
+    children?: ReactNode;
     className?: string;
     columns?: number;
     space?: ResponsiveProp<keyof Tokens['space']>;
     spaceX?: ResponsiveProp<keyof typeof styles.space.spaceX>;
     spaceY?: ResponsiveProp<keyof typeof styles.space.spaceY>;
-    children?: ReactNode;
 }
 interface ColumnContextValue {
     spaceXCls: any;
@@ -18,6 +18,6 @@ interface ColumnContextValue {
     isList: boolean;
 }
 export declare const ColumnContext: React.Context<ColumnContextValue | null>;
-export declare const Columns: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Columns: React.ForwardRefExoticComponent<Omit<ColumnsProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=Columns.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAGd,SAAS,EAET,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC,EAC9C,MAAM,CAAC,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE1D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,eAAO,MAAM,OAAO,wFAkEnB,CAAC"}
+{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAGd,SAAS,EAET,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC,EAC9C,MAAM,CAAC,YAAY;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAI9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAI1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1D;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAgC5E,eAAO,MAAM,OAAO,+FAkEnB,CAAC"}

package/dist/components/EditableText/EditableText.d.ts

@@ -2,8 +2,8 @@ import React, { type InputHTMLAttributes } from 'react';
 import { type BoxProps } from '../Box/Box';
 import { type TextProps } from '../Text/Text';
 type PickedBoxProps = Pick<BoxProps, 'display' | 'onFocus' | 'onBlur' | 'onKeyDown'>;
-type FilteredTextProps = Pick<TextProps, 'as' | 'colour' | 'size' | 'children' | 'noWrap'>;
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'color' | 'style' | 'is' | 'autoFocus' | 'width' | 'height' | 'onFocus' | 'onBlur' | 'onKeyDown' | keyof FilteredTextProps | keyof PickedBoxProps>;
+type FilteredTextProps = Pick<TextProps, 'as' | 'color' | 'colour' | 'size' | 'children' | 'noWrap'>;
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'as' | 'autoFocus' | 'color' | 'height' | 'is' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'style' | 'width' | keyof FilteredTextProps | keyof PickedBoxProps>;
 export interface EditableTextProps extends FilteredTextProps, InputProps, Partial<PickedBoxProps> {
     className?: string;
     onModeChange?: (mode: InputMode) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAChD,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,OAAO,GACP,OAAO,GACP,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAuHxB,CAAC"}
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC1D,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,IAAI,GACJ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAyHxB,CAAC"}

package/dist/components/EditableText/EditableText.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["as", "colour", "size", "display", "value", "onFocus", "onBlur", "onKeyDown", "onModeChange", "tabIndex", "onChange", "type"];
+const _excluded = ["as", "color", "colour", "size", "display", "value", "onFocus", "onBlur", "onKeyDown", "onModeChange", "tabIndex", "onChange", "type"];
 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 clsx from 'clsx';
@@ -17,7 +17,8 @@ const numberInputValuePattern = /^\d*\.?\d*$/;
 export const EditableText = forwardRef((_ref, ref) => {
   var _inputRef$current;
   let {
-      as: is,
+      as,
+      color,
       colour = 'muted',
       size,
       display = 'inline-block',
@@ -53,7 +54,7 @@ export const EditableText = forwardRef((_ref, ref) => {
     if (typeof incomingOnChange === 'function') incomingOnChange(e);
   }, [incomingOnChange, type, mode]);
   const baseStyle = textStyles({
-    as: is,
+    as,
     colour,
     size
   });
@@ -101,7 +102,8 @@ export const EditableText = forwardRef((_ref, ref) => {
     })), _jsx(Text, {
       noWrap: true,
       ref: textRef,
-      as: is,
+      as: as,
+      color: color,
       colour: colour,
       size: size,
       className: clsx(baseStyle, styles.text, {

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

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import React, { type ComponentProps } from 'react';
 import { Positioner } from '../Positioner/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;
 //# 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,0BAA0B,CAAC;AAEtD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CACrC,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAoB3C,CAAC"}
+{"version":3,"file":"Flyout.d.ts","sourceRoot":"","sources":["../../../lib/components/Flyout/Flyout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,eAAO,MAAM,MAAM,GAAI,qEAOpB,cAAc,CAAC,OAAO,UAAU,CAAC,sBAmBnC,CAAC"}

package/dist/components/Flyout/Flyout.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["children", "triggerRef", "isOpen", "alignment", "triggerOffset"];
 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 * as React from 'react';
+import React from 'react';
 import { Box } from "../Box/Box.js";
 import { Positioner } from "../Positioner/Positioner.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/components/Heading/Heading.d.ts

@@ -4,7 +4,6 @@ import { type TextStyleProps } from '../Text/textStyles';
 export type HeadingTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface HeadingProps extends Omit<BoxProps, keyof TextStyleProps>, Omit<TextStyleProps, 'as'> {
     as?: HeadingTags;
-    is?: HeadingTags;
 }
-export declare const Heading: ({ is, as, align, breakWord, children, className, color, colour, noWrap, size, transform, weight, ...props }: HeadingProps) => React.JSX.Element;
+export declare const Heading: ({ as, align, breakWord, children, className, color, colour, noWrap, size, transform, weight, ...props }: HeadingProps) => React.JSX.Element;
 //# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,cAAc,CAAC,EAC3C,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC;IAC3B,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAcD,eAAO,MAAM,OAAO,GAAI,6GAcrB,YAAY,sBAoBd,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,cAAc,CAAC,EAC3C,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC;IAC3B,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAcD,eAAO,MAAM,OAAO,GAAI,yGAarB,YAAY,sBAoBd,CAAC"}

package/dist/components/Heading/Heading.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["is", "as", "align", "breakWord", "children", "className", "color", "colour", "noWrap", "size", "transform", "weight"];
+const _excluded = ["as", "align", "breakWord", "children", "className", "color", "colour", "noWrap", "size", "transform", "weight"];
 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';
@@ -19,8 +19,7 @@ const defaultSizeMap = {
 };
 export const Heading = _ref => {
   let {
-      is = 'h1',
-      as = is,
+      as = 'h1',
       align,
       breakWord,
       children,

package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.d.ts

@@ -3,7 +3,7 @@ import { Column } from '../Columns/Column';
 import { Columns } from '../Columns/Columns';
 import { SliderProgress } from '../SliderProgress/SliderProgress';
 import { UseHorizontalAutoScrollerProps } from './useHorizontalAutoScroller';
-export interface Props extends Pick<ComponentProps<typeof Columns>, 'space'>, Omit<UseHorizontalAutoScrollerProps, 'itemsRef'> {
+export interface HorizontalAutoScrollerProps extends Pick<ComponentProps<typeof Columns>, 'space'>, Omit<UseHorizontalAutoScrollerProps, 'itemsRef'> {
     durationSeconds?: number;
     className?: string;
     columnWidth?: ComponentProps<typeof Column>['width'];
@@ -11,6 +11,6 @@ export interface Props extends Pick<ComponentProps<typeof Columns>, 'space'>, Om
     noControls?: boolean;
     children: ReactNode | ReactNode[];
 }
-export declare const HorizontalAutoScroller: FunctionComponent<Props>;
+export declare const HorizontalAutoScroller: FunctionComponent<HorizontalAutoScrollerProps>;
 export default HorizontalAutoScroller;
 //# sourceMappingURL=HorizontalAutoScroller.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalAutoScroller.d.ts","sourceRoot":"","sources":["../../../lib/components/HorizontalAutoScroller/HorizontalAutoScroller.tsx"],"names":[],"mappings":"AAGA,OAAO,EACN,cAAc,EACd,iBAAiB,EACjB,SAAS,EAGT,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAEN,8BAA8B,EAC9B,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,OAAO,CAAC,EACpD,IAAI,CAAC,8BAA8B,EAAE,UAAU,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,oBAAoB,CAAC,EAAE,cAAc,CACpC,OAAO,cAAc,CACrB,CAAC,kBAAkB,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,KAAK,CAkK3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"HorizontalAutoScroller.d.ts","sourceRoot":"","sources":["../../../lib/components/HorizontalAutoScroller/HorizontalAutoScroller.tsx"],"names":[],"mappings":"AAGA,OAAO,EACN,cAAc,EACd,iBAAiB,EACjB,SAAS,EAGT,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAEN,8BAA8B,EAC9B,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,2BAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,OAAO,CAAC,EACpD,IAAI,CAAC,8BAA8B,EAAE,UAAU,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,oBAAoB,CAAC,EAAE,cAAc,CACpC,OAAO,cAAc,CACrB,CAAC,kBAAkB,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CACrD,2BAA2B,CAmK3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/Inline/Inline.d.ts

@@ -1,16 +1,13 @@
-import type { FunctionComponent } from 'react';
-import { ReactNode } from 'react';
-import type { ThemeTokens as Tokens } from '../../themes';
-import type { ResponsiveProp } from '../../utils/responsiveProps.css';
+import { type FunctionComponent, type ReactNode } from 'react';
+import { Sprinkles } from '../../styles/sprinkles.css';
 import { type BoxProps } from '../Box/Box';
 export interface InlineProps extends Pick<BoxProps, 'as' | 'width'> {
-    space?: ResponsiveProp<keyof Tokens['space']>;
-    alignY?: BoxProps['alignItems'];
-    alignX?: BoxProps['justifyContent'];
-    noWrap?: boolean;
+    alignX?: Sprinkles['justifyContent'];
+    alignY?: Sprinkles['alignItems'];
     children: ReactNode;
     dividers?: boolean | ReactNode;
+    noWrap?: boolean;
+    space?: Sprinkles['gap'];
 }
 export declare const Inline: FunctionComponent<InlineProps>;
-export default Inline;
 //# sourceMappingURL=Inline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,OAAO,CAAC;IAClE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CA8DjD,CAAC;AAgBF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEb,KAAK,iBAAiB,EAGtB,KAAK,SAAS,EAEd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAIhD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,OAAO,CAAC;IAIlE,MAAM,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAKrC,MAAM,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAKjC,QAAQ,EAAE,SAAS,CAAC;IAIpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CACzB;AAkCD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAsDjD,CAAC"}