@autoguru/overdrive 4.50.0 → 4.52.0

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

@@ -151,7 +151,7 @@ export declare const useBox: ({ as, className: incomingClassName, odComponent, t
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;

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

@@ -9,6 +9,7 @@ export interface DropDownProps extends ButtonProps, FlyoutProps {
     label: string;
     icon?: IconType;
     isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
     onClick?: ComponentProps<typeof Button>['onClick'];
 }
 export declare const DropDown: FunctionComponent<DropDownProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EACN,cAAc,EACd,iBAAiB,EAEjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAO1C,KAAK,WAAW,GAAG,IAAI,CACtB,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,IAAI,GAAG,UAAU,GAAG,SAAS,CAC7B,CAAC;AACF,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpE,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,WAAW;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAsCrD,CAAC"}
+{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EACN,cAAc,EACd,iBAAiB,EAEjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAO1C,KAAK,WAAW,GAAG,IAAI,CACtB,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,IAAI,GAAG,UAAU,GAAG,SAAS,CAC7B,CAAC;AACF,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpE,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,WAAW;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CA4DrD,CAAC"}

package/dist/components/DropDown/DropDown.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "label", "icon", "alignment", "isOpen", "onClick"];
+const _excluded = ["children", "label", "icon", "alignment", "isOpen", "onOpenChange", "onClick"];
 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 { ChevronDownIcon } from '@autoguru/icons';
@@ -21,18 +21,33 @@ export const DropDown = _ref => {
       label,
       icon = ChevronDownIcon,
       alignment = EPositionerAlignment.BOTTOM_LEFT,
-      isOpen: incomingIsOpen = false,
+      isOpen: controlledIsOpen,
+      onOpenChange,
       onClick: incomingOnClick
     } = _ref,
     buttonProps = _objectWithoutProperties(_ref, _excluded);
   const buttonRef = useRef(null);
   const menuRef = useRef(null);
-  const [isOpen, setIsOpen] = useState(incomingIsOpen);
+  const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState(false);
+
+  // Use controlled state if provided, otherwise use uncontrolled state
+  const isOpen = controlledIsOpen !== null && controlledIsOpen !== void 0 ? controlledIsOpen : uncontrolledIsOpen;
+  const handleOpenChange = useCallback(newIsOpen => {
+    // Always call onOpenChange if provided (for both controlled and uncontrolled)
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newIsOpen);
+    // Update internal state only if uncontrolled
+    if (controlledIsOpen === undefined) {
+      setUncontrolledIsOpen(newIsOpen);
+    }
+  }, [controlledIsOpen, onOpenChange]);
   const onMenuClick = useCallback(event => {
     if (typeof incomingOnClick === 'function') incomingOnClick(event);
-    setIsOpen(!isOpen);
-  }, [isOpen, incomingOnClick]);
-  useOutsideClick([menuRef], () => setIsOpen(false));
+    handleOpenChange(!isOpen);
+  }, [isOpen, incomingOnClick, handleOpenChange]);
+  const handleClose = useCallback(() => {
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  useOutsideClick([menuRef], handleClose);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
       ref: buttonRef,
@@ -51,4 +66,5 @@ export const DropDown = _ref => {
       })
     })]
   });
-};
+};
+DropDown.displayName = 'DropDown';

package/dist/components/MarkdownRenderer/MarkdownRenderer.css.d.ts

@@ -0,0 +1,2 @@
+export declare const root: string;
+//# sourceMappingURL=MarkdownRenderer.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.css.d.ts","sourceRoot":"","sources":["../../../lib/components/MarkdownRenderer/MarkdownRenderer.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QASf,CAAC"}

package/dist/components/MarkdownRenderer/MarkdownRenderer.css.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/MarkdownRenderer.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+import { cssLayerComponent } from "../../styles/layers.css.js";
+import { overdriveTokens as tokens } from "../../themes/theme.css.js";
+export const root = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      fontFamily: tokens.typography.fontFamily,
+      fontSize: tokens.typography.size[4].fontSize,
+      lineHeight: tokens.typography.size[4].lineHeight,
+      wordBreak: 'break-word'
+    }
+  }
+}, "root");
+__vanilla_filescope__.endFileScope();

package/dist/components/MarkdownRenderer/MarkdownRenderer.d.ts

@@ -0,0 +1,14 @@
+import type { ClassValue as ClassName } from 'clsx';
+import React from 'react';
+import type { TestIdProp } from '../../types';
+export interface MarkdownRendererProps extends TestIdProp {
+    /** The markdown string to render */
+    content: string;
+    /** Optional additional class name */
+    className?: ClassName;
+}
+/**
+ * Renders GitHub Flavored Markdown content using Overdrive design tokens and components.
+ */
+export declare const MarkdownRenderer: React.ForwardRefExoticComponent<MarkdownRendererProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MarkdownRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../lib/components/MarkdownRenderer/MarkdownRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACxD,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAID;;GAEG;AACH,eAAO,MAAM,gBAAgB,8FAsB3B,CAAC"}

package/dist/components/MarkdownRenderer/MarkdownRenderer.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["content", "className", "testId"];
+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 ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { useBox } from "../Box/useBox/useBox.js";
+import * as styles from "./MarkdownRenderer.css.js";
+import { createComponentMap } from "./components/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const componentMap = createComponentMap();
+
+/**
+ * Renders GitHub Flavored Markdown content using Overdrive design tokens and components.
+ */
+export const MarkdownRenderer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      content,
+      className,
+      testId
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const {
+    Component,
+    componentProps
+  } = useBox(_objectSpread(_objectSpread({}, props), {}, {
+    as: 'div',
+    className: [styles.root, className],
+    odComponent: 'markdown-renderer',
+    testId
+  }));
+  return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
+    ref: ref,
+    children: /*#__PURE__*/_jsx(ReactMarkdown, {
+      remarkPlugins: [remarkGfm],
+      components: componentMap,
+      children: content
+    })
+  }));
+});
+MarkdownRenderer.displayName = 'MarkdownRenderer';

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.css.d.ts

@@ -0,0 +1,2 @@
+export declare const blockquote: string;
+//# sourceMappingURL=MarkdownBlockquote.css.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBlockquote.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownBlockquote.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,QAcrB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownBlockquote.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+export const blockquote = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      backgroundColor: tokens.color.gamut.gray[100],
+      borderLeft: `${tokens.border.width['3']} solid ${tokens.color.gamut.gray[400]}`,
+      color: tokens.color.gamut.gray[700],
+      marginBottom: tokens.space[3],
+      marginLeft: 0,
+      marginRight: 0,
+      marginTop: tokens.space[3],
+      padding: tokens.space[4],
+      paddingLeft: tokens.space[4]
+    }
+  }
+}, "blockquote");
+__vanilla_filescope__.endFileScope();

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+export interface MarkdownBlockquoteProps {
+    children?: ReactNode;
+    node?: unknown;
+}
+export declare const MarkdownBlockquote: {
+    ({ children, node: _node, ...props }: MarkdownBlockquoteProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MarkdownBlockquote.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBlockquote.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownBlockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,uBAAuB;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,kBAAkB;0CAI5B,uBAAuB;;CAIzB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownBlockquote.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "node"];
+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 * as styles from "./MarkdownBlockquote.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MarkdownBlockquote = _ref => {
+  let {
+      children,
+      node: _node
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("blockquote", _objectSpread(_objectSpread({
+    className: styles.blockquote
+  }, props), {}, {
+    children: children
+  }));
+};
+MarkdownBlockquote.displayName = 'MarkdownBlockquote';

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.css.d.ts

@@ -0,0 +1,3 @@
+export declare const codeBlock: string;
+export declare const codeBlockInner: string;
+//# sourceMappingURL=MarkdownCodeBlock.css.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCodeBlock.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownCodeBlock.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,QAepB,CAAC;AAEH,eAAO,MAAM,cAAc,QASzB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.css.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownCodeBlock.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+export const codeBlock = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      backgroundColor: tokens.color.gamut.gray[900],
+      borderRadius: tokens.border.radius.md,
+      color: tokens.color.gamut.white,
+      fontFamily: tokens.typography.fontFamilyMono,
+      fontSize: tokens.typography.size[3].fontSize,
+      lineHeight: tokens.typography.size[3].lineHeight,
+      marginBottom: tokens.space[3],
+      marginTop: tokens.space[3],
+      overflowX: 'auto',
+      padding: tokens.space[4]
+    }
+  }
+}, "codeBlock");
+export const codeBlockInner = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      backgroundColor: 'transparent',
+      fontFamily: 'inherit',
+      fontSize: 'inherit',
+      padding: 0
+    }
+  }
+}, "codeBlockInner");
+__vanilla_filescope__.endFileScope();

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+export interface MarkdownCodeBlockProps {
+    children?: ReactNode;
+    node?: unknown;
+}
+export declare const MarkdownCodeBlock: {
+    ({ children, node: _node, ...props }: MarkdownCodeBlockProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MarkdownCodeBlock.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCodeBlock.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownCodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB;0CAI3B,sBAAsB;;CAcxB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownCodeBlock.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "node"];
+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 * as styles from "./MarkdownCodeBlock.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MarkdownCodeBlock = _ref => {
+  let {
+      children,
+      node: _node
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("pre", _objectSpread(_objectSpread({
+    className: styles.codeBlock
+  }, props), {}, {
+    children: React.Children.map(children, child => {
+      if (/*#__PURE__*/React.isValidElement(child) && child.type === 'code') {
+        return /*#__PURE__*/React.cloneElement(child, {
+          className: styles.codeBlockInner
+        });
+      }
+      return child;
+    })
+  }));
+};
+MarkdownCodeBlock.displayName = 'MarkdownCodeBlock';

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.css.d.ts

@@ -0,0 +1,2 @@
+export declare const emphasis: string;
+//# sourceMappingURL=MarkdownEmphasis.css.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEmphasis.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownEmphasis.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,QAMnB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.css.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownEmphasis.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+import { cssLayerComponent } from "../../../styles/layers.css.js";
+export const emphasis = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      fontStyle: 'italic'
+    }
+  }
+}, "emphasis");
+__vanilla_filescope__.endFileScope();

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+export interface MarkdownEmphasisProps {
+    children?: ReactNode;
+    node?: unknown;
+}
+export declare const MarkdownEmphasis: {
+    ({ children, node: _node, ...props }: MarkdownEmphasisProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MarkdownEmphasis.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEmphasis.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownEmphasis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,gBAAgB;0CAI1B,qBAAqB;;CAIvB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownEmphasis.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "node"];
+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 * as styles from "./MarkdownEmphasis.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MarkdownEmphasis = _ref => {
+  let {
+      children,
+      node: _node
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("em", _objectSpread(_objectSpread({
+    className: styles.emphasis
+  }, props), {}, {
+    children: children
+  }));
+};
+MarkdownEmphasis.displayName = 'MarkdownEmphasis';

package/dist/components/MarkdownRenderer/components/MarkdownHeading.d.ts

@@ -0,0 +1,30 @@
+import React, { type ReactNode } from 'react';
+export interface MarkdownHeadingProps {
+    children?: ReactNode;
+    node?: unknown;
+}
+export declare const MarkdownH1: {
+    ({ children, node: _node, ...props }: MarkdownHeadingProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const MarkdownH2: {
+    ({ children, node: _node, ...props }: MarkdownHeadingProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const MarkdownH3: {
+    ({ children, node: _node, ...props }: MarkdownHeadingProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const MarkdownH4: {
+    ({ children, node: _node, ...props }: MarkdownHeadingProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const MarkdownH5: {
+    ({ children, node: _node, ...props }: MarkdownHeadingProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const MarkdownH6: {
+    ({ children, node: _node, ...props }: MarkdownHeadingProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MarkdownHeading.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeading.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,MAAM,WAAW,oBAAoB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAyBD,eAAO,MAAM,UAAU;0CATnB,oBAAoB;;CAS8B,CAAC;AACvD,eAAO,MAAM,UAAU;0CAVnB,oBAAoB;;CAU8B,CAAC;AACvD,eAAO,MAAM,UAAU;0CAXnB,oBAAoB;;CAW8B,CAAC;AACvD,eAAO,MAAM,UAAU;0CAZnB,oBAAoB;;CAY8B,CAAC;AACvD,eAAO,MAAM,UAAU;0CAbnB,oBAAoB;;CAa8B,CAAC;AACvD,eAAO,MAAM,UAAU;0CAdnB,oBAAoB;;CAc8B,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownHeading.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "node"];
+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 { Heading } from "../../Heading/Heading.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function createHeadingComponent(level) {
+  const sizeMap = {
+    h1: '9',
+    h2: '8',
+    h3: '7',
+    h4: '6',
+    h5: '5',
+    h6: '4'
+  };
+  const Component = _ref => {
+    let {
+        children,
+        node: _node
+      } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/_jsx(Heading, _objectSpread(_objectSpread({
+      as: level,
+      size: sizeMap[level],
+      mb: "3",
+      mt: "5"
+    }, props), {}, {
+      children: children
+    }));
+  };
+  Component.displayName = `MarkdownHeading(${level})`;
+  return Component;
+}
+export const MarkdownH1 = createHeadingComponent('h1');
+export const MarkdownH2 = createHeadingComponent('h2');
+export const MarkdownH3 = createHeadingComponent('h3');
+export const MarkdownH4 = createHeadingComponent('h4');
+export const MarkdownH5 = createHeadingComponent('h5');
+export const MarkdownH6 = createHeadingComponent('h6');

package/dist/components/MarkdownRenderer/components/MarkdownHorizontalRule.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface MarkdownHorizontalRuleProps {
+    node?: unknown;
+}
+export declare const MarkdownHorizontalRule: {
+    ({ node: _node, ...props }: MarkdownHorizontalRuleProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MarkdownHorizontalRule.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownHorizontalRule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHorizontalRule.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownHorizontalRule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,2BAA2B;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,sBAAsB;gCAGhC,2BAA2B;;CAE7B,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownHorizontalRule.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["node"];
+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 { DividerLine } from "../../DividerLine/DividerLine.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MarkdownHorizontalRule = _ref => {
+  let {
+      node: _node
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(DividerLine, _objectSpread({
+    space: "4",
+    colour: "neutral"
+  }, props));
+};
+MarkdownHorizontalRule.displayName = 'MarkdownHorizontalRule';

package/dist/components/MarkdownRenderer/components/MarkdownImage.css.d.ts

@@ -0,0 +1,2 @@
+export declare const image: string;
+//# sourceMappingURL=MarkdownImage.css.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownImage.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownImage.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownImage.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,QAQhB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownImage.css.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownImage.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+export const image = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      borderRadius: tokens.border.radius.md,
+      height: 'auto',
+      maxWidth: '100%'
+    }
+  }
+}, "image");
+__vanilla_filescope__.endFileScope();

package/dist/components/MarkdownRenderer/components/MarkdownImage.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface MarkdownImageProps {
+    src?: string;
+    alt?: string;
+    node?: unknown;
+}
+export declare const MarkdownImage: {
+    ({ src, alt, node: _node, ...props }: MarkdownImageProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MarkdownImage.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownImage.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,aAAa;0CAKvB,kBAAkB;;CAEpB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownImage.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["src", "alt", "node"];
+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 * as styles from "./MarkdownImage.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MarkdownImage = _ref => {
+  let {
+      src,
+      alt,
+      node: _node
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("img", _objectSpread({
+    src: src,
+    alt: alt !== null && alt !== void 0 ? alt : '',
+    className: styles.image
+  }, props));
+};
+MarkdownImage.displayName = 'MarkdownImage';

package/dist/components/MarkdownRenderer/components/MarkdownInlineCode.css.d.ts

@@ -0,0 +1,2 @@
+export declare const inlineCode: string;
+//# sourceMappingURL=MarkdownInlineCode.css.d.ts.map

package/dist/components/MarkdownRenderer/components/MarkdownInlineCode.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownInlineCode.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/MarkdownRenderer/components/MarkdownInlineCode.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,QAUrB,CAAC"}

package/dist/components/MarkdownRenderer/components/MarkdownInlineCode.css.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/MarkdownRenderer/components/MarkdownInlineCode.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+import { cssLayerComponent } from "../../../styles/layers.css.js";
+import { overdriveTokens as tokens } from "../../../themes/theme.css.js";
+export const inlineCode = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      backgroundColor: tokens.color.gamut.gray[200],
+      borderRadius: tokens.border.radius.sm,
+      fontFamily: tokens.typography.fontFamilyMono,
+      fontSize: tokens.typography.size[3].fontSize,
+      padding: `${tokens.space[1]} ${tokens.space[1]}`
+    }
+  }
+}, "inlineCode");
+__vanilla_filescope__.endFileScope();