@databricks/design-system 1.12.7 → 1.12.9

package/dist/development.js

@@ -1,18 +1,27 @@
 import { css } from '@emotion/react';
+import React__default, { forwardRef, useState, useEffect } from 'react';
+import { u as useDesignSystemTheme, f as Input, B as Button, x as CursorIcon, T as Typography, z as FaceSmileIcon, y as FaceNeutralIcon, F as FaceFrownIcon, C as CloseIcon, e as CheckIcon, k as ChevronLeftIcon, a as ChevronRightIcon } from './Typography-91d3d591.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import * as RadixSlider from '@radix-ui/react-slider';
-import { forwardRef } from 'react';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { u as useDesignSystemTheme } from './useDesignSystemTheme-3d2c1acb.js';
+import 'antd';
 import 'chroma-js';
+import '@ant-design/icons';
+import 'lodash/isNil';
+import 'lodash/endsWith';
+import 'lodash/isBoolean';
+import 'lodash/isNumber';
+import 'lodash/isString';
+import 'lodash/mapValues';
+import '@emotion/unitless';
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1tciq3q",
   styles: "position:relative;display:flex;align-items:center;&[data-orientation=\"vertical\"]{flex-direction:column;width:20px;height:100px;}&[data-orientation=\"horizontal\"]{height:20px;width:200px;}"
 } : {
   name: "18im58f-getRootStyles",
   styles: "position:relative;display:flex;align-items:center;&[data-orientation=\"vertical\"]{flex-direction:column;width:20px;height:100px;}&[data-orientation=\"horizontal\"]{height:20px;width:200px;};label:getRootStyles;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
 };
 const getRootStyles = () => {
   return _ref;
@@ -109,5 +118,512 @@ var Slider = /*#__PURE__*/Object.freeze({
   Thumb: Thumb
 });
 
-export { Slider };
+function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const chatInputStyles = {
+  container: process.env.NODE_ENV === "production" ? {
+    name: "ets5eq",
+    styles: "background-color:var(--background-primary);padding:var(--spacing-sm);position:relative"
+  } : {
+    name: "t01lrg-container",
+    styles: "background-color:var(--background-primary);padding:var(--spacing-sm);position:relative;label:container;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  },
+  suggestionButtons: process.env.NODE_ENV === "production" ? {
+    name: "zsd1o9",
+    styles: "display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)"
+  } : {
+    name: "3tz5r6-suggestionButtons",
+    styles: "display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);label:suggestionButtons;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  },
+  textArea: process.env.NODE_ENV === "production" ? {
+    name: "ge1ym1",
+    styles: "min-width:100%;max-height:150px !important"
+  } : {
+    name: "hcagyb-textArea",
+    styles: "min-width:100%;max-height:150px !important;label:textArea;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  },
+  button: process.env.NODE_ENV === "production" ? {
+    name: "1c60og2",
+    styles: "position:absolute;bottom:calc(var(--spacing-sm) + 4px);right:calc(var(--spacing-sm) + 4px);transform:scaleX(-1)"
+  } : {
+    name: "1h7quuz-button",
+    styles: "position:absolute;bottom:calc(var(--spacing-sm) + 4px);right:calc(var(--spacing-sm) + 4px);transform:scaleX(-1);label:button;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  }
+};
+const ChatInput = _ref => {
+  let {
+    className,
+    onSubmit,
+    textAreaProps,
+    suggestionButtons
+  } = _ref;
+  const {
+    theme
+  } = useDesignSystemTheme();
+  const [value, setValue] = React__default.useState('');
+  const handleSubmit = () => {
+    if (!value) {
+      return;
+    }
+    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value);
+    setValue('');
+  };
+  return jsxs("div", {
+    css: chatInputStyles.container,
+    style: {
+      ['--spacing-sm']: `${theme.spacing.sm}px`,
+      ['--background-primary']: theme.colors.backgroundPrimary,
+      ['--border-decorative']: theme.colors.borderDecorative
+    },
+    className: className,
+    children: [suggestionButtons && jsx("div", {
+      css: chatInputStyles.suggestionButtons,
+      children: suggestionButtons
+    }), jsx(Input.TextArea, {
+      autoSize: true,
+      value: value,
+      onChange: e => setValue(e.target.value),
+      placeholder: "Send a message",
+      css: chatInputStyles.textArea,
+      onKeyDown: e => {
+        if (e.key === 'Enter' && !e.metaKey && !e.ctrlKey && !e.shiftKey) {
+          e.preventDefault();
+          handleSubmit();
+        }
+      },
+      ...textAreaProps
+    }), jsx(Button, {
+      size: "small",
+      css: chatInputStyles.button,
+      icon: jsx(CursorIcon, {}),
+      onClick: handleSubmit
+    })]
+  });
+};
+var ChatInput$1 = ChatInput;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const snippetStyles = {
+  container: process.env.NODE_ENV === "production" ? {
+    name: "emyse7",
+    styles: "margin:var(--spacing-md) 0"
+  } : {
+    name: "15luuk2-container",
+    styles: "margin:var(--spacing-md) 0;label:container;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+  },
+  header: process.env.NODE_ENV === "production" ? {
+    name: "dtwnbh",
+    styles: "background-color:var(--color-grey700);color:var(--color-grey300);border-radius:var(--border-radius) var(--border-radius) 0 0;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center"
+  } : {
+    name: "1o07vd-header",
+    styles: "background-color:var(--color-grey700);color:var(--color-grey300);border-radius:var(--border-radius) var(--border-radius) 0 0;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;label:header;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+  },
+  buttonSvg: process.env.NODE_ENV === "production" ? {
+    name: "s8x62f",
+    styles: "svg{color:var(--color-grey300);}"
+  } : {
+    name: "g0ytlm-buttonSvg",
+    styles: "svg{color:var(--color-grey300);};label:buttonSvg;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+  },
+  code: process.env.NODE_ENV === "production" ? {
+    name: "u1l3ou",
+    styles: "padding:var(--spacing-sm) var(--spacing-md);margin:0;border-radius:0 0 var(--border-radius) var(--border-radius);background-color:var(--color-grey800);color:var(--color-grey300)"
+  } : {
+    name: "gdk9wh-code",
+    styles: "padding:var(--spacing-sm) var(--spacing-md);margin:0;border-radius:0 0 var(--border-radius) var(--border-radius);background-color:var(--color-grey800);color:var(--color-grey300);label:code;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+  }
+};
+const CodeSnippet = _ref => {
+  let {
+    language,
+    buttons,
+    children
+  } = _ref;
+  const {
+    theme
+  } = useDesignSystemTheme();
+  return jsxs("div", {
+    css: snippetStyles.container,
+    style: {
+      ['--spacing-sm']: `${theme.spacing.sm}px`,
+      ['--spacing-md']: `${theme.spacing.md}px`,
+      ['--border-radius']: `${theme.general.borderRadiusBase}px`,
+      ['--color-grey700']: theme.colors.grey700,
+      ['--color-grey300']: theme.colors.grey300,
+      ['--color-grey800']: theme.colors.grey800
+    },
+    children: [jsxs("div", {
+      css: snippetStyles.header,
+      children: [jsx("span", {
+        children: language
+      }), jsx("div", {
+        css: snippetStyles.buttonSvg,
+        children: buttons
+      })]
+    }), jsx("pre", {
+      css: snippetStyles.code,
+      children: children
+    })]
+  });
+};
+var CodeSnippet$1 = CodeSnippet;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const feedbackStyles = {
+  container: process.env.NODE_ENV === "production" ? {
+    name: "1laz9o6",
+    styles: "display:flex;justify-content:space-between;align-items:flex-end"
+  } : {
+    name: "1dbf7uj-container",
+    styles: "display:flex;justify-content:space-between;align-items:flex-end;label:container;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  },
+  feedbackPrompt: process.env.NODE_ENV === "production" ? {
+    name: "1hsyf68",
+    styles: "display:flex;flex-direction:column;gap:var(--spacing-sm)"
+  } : {
+    name: "1yi757f-feedbackPrompt",
+    styles: "display:flex;flex-direction:column;gap:var(--spacing-sm);label:feedbackPrompt;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  },
+  feedbackOptions: process.env.NODE_ENV === "production" ? {
+    name: "1s3radb",
+    styles: "display:flex;gap:var(--spacing-sm)"
+  } : {
+    name: "125q18r-feedbackOptions",
+    styles: "display:flex;gap:var(--spacing-sm);label:feedbackOptions;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  }
+};
+const Feedback = _ref => {
+  let {
+    onFeedback
+  } = _ref;
+  const [isVisible, setIsVisible] = useState(true);
+  const {
+    theme
+  } = useDesignSystemTheme();
+  if (!isVisible) {
+    return null;
+  }
+  return jsxs("div", {
+    css: feedbackStyles.container,
+    style: {
+      ['--spacing-sm']: `${theme.spacing.sm}px`,
+      ['--text-secondary']: theme.colors.textSecondary
+    },
+    children: [jsxs("div", {
+      css: feedbackStyles.feedbackPrompt,
+      children: [jsx(Typography.Text, {
+        style: {
+          color: theme.colors.textSecondary
+        },
+        children: "Was this response:"
+      }), jsxs("div", {
+        css: feedbackStyles.feedbackOptions,
+        children: [jsx(Button, {
+          icon: jsx(FaceSmileIcon, {}),
+          onClick: () => {
+            onFeedback('Better');
+            setIsVisible(false);
+          },
+          children: "Better"
+        }), jsx(Button, {
+          icon: jsx(FaceNeutralIcon, {}),
+          onClick: () => {
+            onFeedback('Same');
+            setIsVisible(false);
+          },
+          children: "Same"
+        }), jsx(Button, {
+          icon: jsx(FaceFrownIcon, {}),
+          onClick: () => {
+            onFeedback('Worse');
+            setIsVisible(false);
+          },
+          children: "Worse"
+        })]
+      })]
+    }), jsx(Button, {
+      icon: jsx(CloseIcon, {}),
+      onClick: () => setIsVisible(false)
+    })]
+  });
+};
+var Feedback$1 = Feedback;
+
+const messageStyles = {
+  container: /*#__PURE__*/css({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--spacing-sm)',
+    paddingTop: 'var(--spacing-md)',
+    paddingRight: 'var(--spacing-sm)',
+    paddingBottom: 'var(--spacing-md)',
+    paddingLeft: 'calc(var(--spacing-md) * 2)',
+    backgroundColor: 'var(--background)',
+    borderBottom: `1px solid var(--border-decorative)`
+  }, process.env.NODE_ENV === "production" ? "" : ";label:container;")
+};
+const Message = _ref => {
+  let {
+    isActiveUser,
+    children
+  } = _ref;
+  const {
+    theme
+  } = useDesignSystemTheme();
+  return jsx("div", {
+    css: messageStyles.container,
+    style: {
+      ['--spacing-sm']: `${theme.spacing.sm}px`,
+      ['--spacing-md']: `${theme.spacing.md}px`,
+      ['--background']: isActiveUser ? theme.colors.backgroundPrimary : theme.colors.backgroundSecondary,
+      ['--border-decorative']: theme.colors.borderDecorative
+    },
+    children: children
+  });
+};
+var Message$1 = Message;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const buttonStyles = {
+  container: process.env.NODE_ENV === "production" ? {
+    name: "f9548c",
+    styles: "position:relative;display:inline-block;width:max-content"
+  } : {
+    name: "12rixe4-container",
+    styles: "position:relative;display:inline-block;width:max-content;label:container;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
+  },
+  checkIcon: process.env.NODE_ENV === "production" ? {
+    name: "441ysl",
+    styles: "position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;svg{color:var(--checkmark-color);}"
+  } : {
+    name: "hmgfz4-checkIcon",
+    styles: "position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;svg{color:var(--checkmark-color);};label:checkIcon;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
+  }
+};
+const MessageActionButton = props => {
+  const [showCheck, setShowCheck] = useState(false);
+  const {
+    theme
+  } = useDesignSystemTheme();
+  const handleClick = e => {
+    var _props$onClick;
+    setShowCheck(true);
+    (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+  };
+  if (props.children) {
+    throw new Error('MessageActionButton: Children not supported; use as icon-only button.');
+  }
+  useEffect(() => {
+    let timeoutId;
+    if (showCheck) {
+      timeoutId = setTimeout(() => {
+        setShowCheck(false);
+      }, 750);
+    }
+    return () => {
+      clearTimeout(timeoutId);
+    };
+  }, [showCheck]);
+  return jsxs("span", {
+    css: buttonStyles.container,
+    style: {
+      ['--checkmark-color']: theme.colors.green500
+    },
+    children: [jsx(Button, {
+      size: "small",
+      ...props,
+      onClick: handleClick,
+      css: /*#__PURE__*/css({
+        svg: {
+          transition: showCheck ? 'none' : 'opacity 350ms',
+          opacity: showCheck ? '0' : '1'
+        }
+      }, process.env.NODE_ENV === "production" ? "" : ";label:MessageActionButton;")
+    }), jsx(CheckIcon, {
+      css: buttonStyles.checkIcon,
+      style: {
+        transition: showCheck ? 'none' : 'opacity 350ms',
+        opacity: showCheck ? '1' : '0'
+      }
+    })]
+  });
+};
+var MessageActionButton$1 = MessageActionButton;
+
+const MessageBody = _ref => {
+  let {
+    children
+  } = _ref;
+  const {
+    getPrefixedClassName
+  } = useDesignSystemTheme();
+  const typographyClassname = getPrefixedClassName('typography');
+  return jsx("div", {
+    css: /*#__PURE__*/css({
+      [`& .${typographyClassname}:last-of-type`]: {
+        marginBottom: 0
+      }
+    }, process.env.NODE_ENV === "production" ? "" : ";label:MessageBody;"),
+    children: children
+  });
+};
+var MessageBody$1 = MessageBody;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const headerStyles = {
+  container: process.env.NODE_ENV === "production" ? {
+    name: "30lgt6",
+    styles: "display:flex;justify-content:space-between;align-items:center;position:relative"
+  } : {
+    name: "10tss9b-container",
+    styles: "display:flex;justify-content:space-between;align-items:center;position:relative;label:container;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+  },
+  leftContent: process.env.NODE_ENV === "production" ? {
+    name: "sz7nmf",
+    styles: "display:flex;align-items:center;gap:var(--spacing-sm)"
+  } : {
+    name: "11wiry4-leftContent",
+    styles: "display:flex;align-items:center;gap:var(--spacing-sm);label:leftContent;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+  },
+  rightContent: process.env.NODE_ENV === "production" ? {
+    name: "s5xdrg",
+    styles: "display:flex;align-items:center"
+  } : {
+    name: "6oh64j-rightContent",
+    styles: "display:flex;align-items:center;label:rightContent;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+  },
+  avatar: /*#__PURE__*/css({
+    position: 'absolute',
+    left: -22,
+    top: 2,
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    width: 'var(--spacing-md)',
+    height: 'var(--spacing-md)',
+    borderRadius: '50%'
+  }, process.env.NODE_ENV === "production" ? "" : ";label:avatar;")
+};
+const MessageHeader = _ref => {
+  let {
+    userName,
+    avatarURL,
+    leftContent,
+    rightContent
+  } = _ref;
+  const {
+    theme
+  } = useDesignSystemTheme();
+  return jsxs("div", {
+    css: headerStyles.container,
+    style: {
+      ['--spacing-sm']: `${theme.spacing.sm}px`,
+      ['--spacing-md']: `${theme.spacing.md}px`
+    },
+    children: [jsxs("div", {
+      css: headerStyles.leftContent,
+      children: [jsx("div", {
+        css: headerStyles.avatar,
+        style: {
+          backgroundImage: `url(${avatarURL}), linear-gradient(180deg, #FFD983 0%, #FFB800 100%)`
+        }
+      }), jsx(Typography.Text, {
+        bold: true,
+        children: userName
+      }), leftContent]
+    }), jsx("div", {
+      css: headerStyles.rightContent,
+      children: rightContent
+    })]
+  });
+};
+var MessageHeader$1 = MessageHeader;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const paginationStyles = {
+  container: process.env.NODE_ENV === "production" ? {
+    name: "1lyitb8",
+    styles: "display:flex;align-items:center;justify-items:center;gap:var(--spacing-sm)"
+  } : {
+    name: "tx606a-container",
+    styles: "display:flex;align-items:center;justify-items:center;gap:var(--spacing-sm);label:container;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  button: process.env.NODE_ENV === "production" ? {
+    name: "waw0s4",
+    styles: "border:none;background-color:transparent;padding:0;display:flex;height:var(--spacing-md);align-items:center"
+  } : {
+    name: "18u25xw-button",
+    styles: "border:none;background-color:transparent;padding:0;display:flex;height:var(--spacing-md);align-items:center;label:button;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};
+const MessagePagination = _ref => {
+  let {
+    onPrevious,
+    onNext,
+    current,
+    total
+  } = _ref;
+  const {
+    theme
+  } = useDesignSystemTheme();
+  return jsxs("div", {
+    css: paginationStyles.container,
+    style: {
+      ['--spacing-sm']: `${theme.spacing.sm}px`,
+      ['--spacing-md']: `${theme.spacing.md}px`
+    },
+    children: [jsx("button", {
+      css: paginationStyles.button,
+      onClick: onPrevious,
+      style: {
+        color: current === 1 ? theme.colors.actionDisabledText : theme.colors.textSecondary,
+        cursor: current === 1 ? 'arrow' : 'pointer'
+      },
+      children: jsx(ChevronLeftIcon, {})
+    }), jsx(Typography.Text, {
+      style: {
+        color: theme.colors.textSecondary
+      },
+      children: `${current}/${total}`
+    }), jsx("button", {
+      css: paginationStyles.button,
+      onClick: onNext,
+      style: {
+        color: current === total ? theme.colors.actionDisabledText : theme.colors.textSecondary,
+        cursor: current === total ? 'arrow' : 'pointer'
+      },
+      children: jsx(ChevronRightIcon, {})
+    })]
+  });
+};
+var MessagePagination$1 = MessagePagination;
+
+const ChatUI = {
+  MessageActionButton: MessageActionButton$1,
+  MessageHeader: MessageHeader$1,
+  MessageBody: MessageBody$1,
+  MessagePagination: MessagePagination$1,
+  Message: Message$1,
+  Feedback: Feedback$1,
+  CodeSnippet: CodeSnippet$1,
+  ChatInput: ChatInput$1
+};
+
+export { ChatUI, Slider };
 //# sourceMappingURL=development.js.map

package/dist/development.js.map

@@ -1 +1 @@
-{"version":3,"file":"development.js","sources":["../src/development/Slider/Slider.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { forwardRef } from 'react';\n\nimport { useDesignSystemTheme } from '../../design-system/Hooks';\nimport type { Theme } from '../../theme';\n\nexport type SliderRootProps = Omit<RadixSlider.SliderProps, 'orientation'>;\nexport type SliderTrackProps = RadixSlider.SliderTrackProps;\nexport type SliderRangeProps = RadixSlider.SliderRangeProps;\nexport type SliderThumbProps = RadixSlider.SliderThumbProps;\n\nconst getRootStyles = () => {\n  return css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n\n    '&[data-orientation=\"vertical\"]': {\n      flexDirection: 'column',\n      width: 20,\n      height: 100,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 20,\n      width: 200,\n    },\n  });\n};\n\nexport const Root = forwardRef<HTMLElement, SliderRootProps>((props: SliderRootProps, ref): JSX.Element => {\n  return <RadixSlider.Root css={getRootStyles()} {...props} ref={ref} />;\n});\n\nconst getTrackStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.grey100,\n    position: 'relative',\n    flexGrow: 1,\n    borderRadius: 9999,\n\n    '&[data-orientation=\"vertical\"]': {\n      width: 3,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 3,\n    },\n  });\n};\n\nexport const Track = forwardRef<HTMLElement, SliderTrackProps>((props: SliderTrackProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Track css={getTrackStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getRangeStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.primary,\n    position: 'absolute',\n    borderRadius: 9999,\n    height: '100%',\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey100,\n    },\n  });\n};\n\nexport const Range = forwardRef<HTMLElement, SliderRangeProps>((props: SliderRangeProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Range css={getRangeStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getThumbStyles = (theme: Theme) => {\n  return css({\n    display: 'block',\n    width: 20,\n    height: 20,\n    backgroundColor: theme.colors.actionPrimaryBackgroundDefault,\n    boxShadow: `0 2px 4px 0 ${theme.colors.grey400}`,\n    borderRadius: 10,\n    outline: 'none',\n\n    '&:hover': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundHover,\n    },\n\n    '&:focus': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundPress,\n    },\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey200,\n      boxShadow: 'none',\n    },\n  });\n};\n\nexport const Thumb = forwardRef<HTMLElement, SliderThumbProps>((props: SliderThumbProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Thumb css={getThumbStyles(theme)} {...props} ref={ref} />;\n});\n"],"names":["getRootStyles","Root","forwardRef","props","ref","_jsx","getTrackStyles","theme","css","backgroundColor","colors","grey100","position","flexGrow","borderRadius","width","height","Track","useDesignSystemTheme","getRangeStyles","primary","Range","getThumbStyles","display","actionPrimaryBackgroundDefault","boxShadow","grey400","outline","actionPrimaryBackgroundHover","actionPrimaryBackgroundPress","grey200","Thumb"],"mappings":";;;;;;;;AAIiE;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAQjE,MAAMA,aAAa,GAAG,MAAM;EAC1B;AAgBF,CAAC;AAEM,MAAMC,IAAI,gBAAGC,UAAU,CAA+B,CAACC,KAAsB,EAAEC,GAAG,KAAkB;EACzG,OAAOC,IAAC,WAAW,CAAC,IAAI;IAAC,GAAG,EAAEL,aAAa,EAAG;IAAA,GAAKG,KAAK;IAAE,GAAG,EAAEC;IAAO;AACxE,CAAC,CAAC;AAEF,MAAME,cAAc,GAAIC,KAAY,IAAK;EACvC,oBAAOC,GAAG,CAAC;IACTC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAO;IACrCC,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE,CAAC;IACXC,YAAY,EAAE,IAAI;IAElB,gCAAgC,EAAE;MAChCC,KAAK,EAAE;KACR;IAED,kCAAkC,EAAE;MAClCC,MAAM,EAAE;;GAEX,wEAAC;AACJ,CAAC;AAEM,MAAMC,KAAK,gBAAGf,UAAU,CAAgC,CAACC,KAAuB,EAAEC,GAAG,KAAkB;EAC5G,MAAM;IAAEG;GAAO,GAAGW,oBAAoB,EAAE;EAExC,OAAOb,IAAC,WAAW,CAAC,KAAK;IAAC,GAAG,EAAEC,cAAc,CAACC,KAAK,CAAE;IAAA,GAAKJ,KAAK;IAAE,GAAG,EAAEC;IAAO;AAC/E,CAAC,CAAC;AAEF,MAAMe,cAAc,GAAIZ,KAAY,IAAK;EACvC,oBAAOC,GAAG,CAAC;IACTC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACU,OAAO;IACrCR,QAAQ,EAAE,UAAU;IACpBE,YAAY,EAAE,IAAI;IAClBE,MAAM,EAAE,MAAM;IAEd,kBAAkB,EAAE;MAClBP,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC;;GAEjC,wEAAC;AACJ,CAAC;AAEM,MAAMU,KAAK,gBAAGnB,UAAU,CAAgC,CAACC,KAAuB,EAAEC,GAAG,KAAkB;EAC5G,MAAM;IAAEG;GAAO,GAAGW,oBAAoB,EAAE;EAExC,OAAOb,IAAC,WAAW,CAAC,KAAK;IAAC,GAAG,EAAEc,cAAc,CAACZ,KAAK,CAAE;IAAA,GAAKJ,KAAK;IAAE,GAAG,EAAEC;IAAO;AAC/E,CAAC,CAAC;AAEF,MAAMkB,cAAc,GAAIf,KAAY,IAAK;EACvC,oBAAOC,GAAG,CAAC;IACTe,OAAO,EAAE,OAAO;IAChBR,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVP,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACc,8BAA8B;IAC5DC,SAAS,EAAG,eAAclB,KAAK,CAACG,MAAM,CAACgB,OAAQ,EAAC;IAChDZ,YAAY,EAAE,EAAE;IAChBa,OAAO,EAAE,MAAM;IAEf,SAAS,EAAE;MACTlB,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACkB;KAC/B;IAED,SAAS,EAAE;MACTnB,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACmB;KAC/B;IAED,kBAAkB,EAAE;MAClBpB,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACoB,OAAO;MACrCL,SAAS,EAAE;;GAEd,wEAAC;AACJ,CAAC;AAEM,MAAMM,KAAK,gBAAG7B,UAAU,CAAgC,CAACC,KAAuB,EAAEC,GAAG,KAAkB;EAC5G,MAAM;IAAEG;GAAO,GAAGW,oBAAoB,EAAE;EAExC,OAAOb,IAAC,WAAW,CAAC,KAAK;IAAC,GAAG,EAAEiB,cAAc,CAACf,KAAK,CAAE;IAAA,GAAKJ,KAAK;IAAE,GAAG,EAAEC;IAAO;AAC/E,CAAC,CAAC;;;;;;;;;;;;"}
+{"version":3,"file":"development.js","sources":["../src/development/Slider/Slider.tsx","../src/development/ChatUI/ChatInput.tsx","../src/development/ChatUI/CodeSnippet.tsx","../src/development/ChatUI/Feedback.tsx","../src/development/ChatUI/Message.tsx","../src/development/ChatUI/MessageActionButton.tsx","../src/development/ChatUI/MessageBody.tsx","../src/development/ChatUI/MessageHeader.tsx","../src/development/ChatUI/MessagePagination.tsx","../src/development/ChatUI/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { forwardRef } from 'react';\n\nimport { useDesignSystemTheme } from '../../design-system/Hooks';\nimport type { Theme } from '../../theme';\n\nexport type SliderRootProps = Omit<RadixSlider.SliderProps, 'orientation'>;\nexport type SliderTrackProps = RadixSlider.SliderTrackProps;\nexport type SliderRangeProps = RadixSlider.SliderRangeProps;\nexport type SliderThumbProps = RadixSlider.SliderThumbProps;\n\nconst getRootStyles = () => {\n  return css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n\n    '&[data-orientation=\"vertical\"]': {\n      flexDirection: 'column',\n      width: 20,\n      height: 100,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 20,\n      width: 200,\n    },\n  });\n};\n\nexport const Root = forwardRef<HTMLElement, SliderRootProps>((props: SliderRootProps, ref): JSX.Element => {\n  return <RadixSlider.Root css={getRootStyles()} {...props} ref={ref} />;\n});\n\nconst getTrackStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.grey100,\n    position: 'relative',\n    flexGrow: 1,\n    borderRadius: 9999,\n\n    '&[data-orientation=\"vertical\"]': {\n      width: 3,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 3,\n    },\n  });\n};\n\nexport const Track = forwardRef<HTMLElement, SliderTrackProps>((props: SliderTrackProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Track css={getTrackStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getRangeStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.primary,\n    position: 'absolute',\n    borderRadius: 9999,\n    height: '100%',\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey100,\n    },\n  });\n};\n\nexport const Range = forwardRef<HTMLElement, SliderRangeProps>((props: SliderRangeProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Range css={getRangeStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getThumbStyles = (theme: Theme) => {\n  return css({\n    display: 'block',\n    width: 20,\n    height: 20,\n    backgroundColor: theme.colors.actionPrimaryBackgroundDefault,\n    boxShadow: `0 2px 4px 0 ${theme.colors.grey400}`,\n    borderRadius: 10,\n    outline: 'none',\n\n    '&:hover': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundHover,\n    },\n\n    '&:focus': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundPress,\n    },\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey200,\n      boxShadow: 'none',\n    },\n  });\n};\n\nexport const Thumb = forwardRef<HTMLElement, SliderThumbProps>((props: SliderThumbProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Thumb css={getThumbStyles(theme)} {...props} ref={ref} />;\n});\n","import { css } from '@emotion/react';\nimport React from 'react';\n\nimport { Button } from '../../design-system/Button';\nimport { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\nimport { CursorIcon } from '../../design-system/Icon';\nimport { Input } from '../../design-system/Input';\nimport type { TextAreaProps } from '../../design-system/Input';\n\ntype ChatInputProps = {\n  className?: string;\n  textAreaProps?: TextAreaProps;\n  onSubmit?: (value: string) => void;\n  suggestionButtons?: React.ReactNode;\n};\n\nconst chatInputStyles = {\n  container: css({\n    backgroundColor: 'var(--background-primary)',\n    padding: 'var(--spacing-sm)',\n    position: 'relative',\n  }),\n\n  suggestionButtons: css({\n    display: 'flex',\n    gap: 'var(--spacing-sm)',\n    marginBottom: 'var(--spacing-sm)',\n  }),\n\n  textArea: css({\n    minWidth: '100%',\n    maxHeight: '150px !important',\n  }),\n\n  button: css({\n    position: 'absolute',\n    bottom: 'calc(var(--spacing-sm) + 4px)',\n    right: 'calc(var(--spacing-sm) + 4px)',\n    // Flip horizontally; the existing icon points to the left but this should be pointing to the right.\n    transform: 'scaleX(-1)',\n  }),\n};\n\nexport const ChatInput = ({ className, onSubmit, textAreaProps, suggestionButtons }: ChatInputProps) => {\n  const { theme } = useDesignSystemTheme();\n  const [value, setValue] = React.useState('');\n\n  const handleSubmit = () => {\n    if (!value) {\n      return;\n    }\n\n    onSubmit?.(value);\n    setValue('');\n  };\n\n  return (\n    <div\n      css={chatInputStyles.container}\n      style={{\n        ['--spacing-sm' as string]: `${theme.spacing.sm}px`,\n        ['--background-primary' as string]: theme.colors.backgroundPrimary,\n        ['--border-decorative' as string]: theme.colors.borderDecorative,\n      }}\n      className={className}\n    >\n      {suggestionButtons && <div css={chatInputStyles.suggestionButtons}>{suggestionButtons}</div>}\n\n      <Input.TextArea\n        autoSize\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        placeholder=\"Send a message\"\n        css={chatInputStyles.textArea}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' && !e.metaKey && !e.ctrlKey && !e.shiftKey) {\n            e.preventDefault();\n            handleSubmit();\n          }\n        }}\n        {...textAreaProps}\n      />\n      <Button size=\"small\" css={chatInputStyles.button} icon={<CursorIcon />} onClick={handleSubmit} />\n    </div>\n  );\n};\n\nexport default ChatInput;\n","import { css } from '@emotion/react';\n\nimport { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\n\ntype CodeSnippetProps = {\n  language: string;\n  buttons: React.ReactNode;\n  children: React.ReactNode;\n};\n\nconst snippetStyles = {\n  container: css({\n    margin: 'var(--spacing-md) 0',\n  }),\n\n  header: css({\n    backgroundColor: 'var(--color-grey700)',\n    color: 'var(--color-grey300)',\n    borderRadius: 'var(--border-radius) var(--border-radius) 0 0',\n    padding: 'var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md)',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  }),\n\n  buttonSvg: css({\n    svg: {\n      color: 'var(--color-grey300)',\n    },\n  }),\n\n  code: css({\n    padding: 'var(--spacing-sm) var(--spacing-md)',\n    margin: '0',\n    borderRadius: '0 0 var(--border-radius) var(--border-radius)',\n    backgroundColor: 'var(--color-grey800)',\n    color: 'var(--color-grey300)',\n  }),\n};\n\nexport const CodeSnippet = ({ language, buttons, children }: CodeSnippetProps) => {\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <div\n      css={snippetStyles.container}\n      style={{\n        ['--spacing-sm' as string]: `${theme.spacing.sm}px`,\n        ['--spacing-md' as string]: `${theme.spacing.md}px`,\n        ['--border-radius' as string]: `${theme.general.borderRadiusBase}px`,\n        ['--color-grey700' as string]: theme.colors.grey700,\n        ['--color-grey300' as string]: theme.colors.grey300,\n        ['--color-grey800' as string]: theme.colors.grey800,\n      }}\n    >\n      <div css={snippetStyles.header}>\n        <span>{language}</span>\n        <div css={snippetStyles.buttonSvg}>{buttons}</div>\n      </div>\n      <pre css={snippetStyles.code}>{children}</pre>\n    </div>\n  );\n};\n\nexport default CodeSnippet;\n","import { css } from '@emotion/react';\nimport { useState } from 'react';\n\nimport { Button } from '../../design-system/Button';\nimport { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\nimport { CloseIcon, FaceFrownIcon, FaceNeutralIcon, FaceSmileIcon } from '../../design-system/Icon';\nimport { Typography } from '../../design-system/Typography';\n\ntype FeedbackProps = {\n  onFeedback: (feedback: 'Better' | 'Same' | 'Worse') => void;\n};\n\nconst feedbackStyles = {\n  container: css({\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'flex-end',\n  }),\n\n  feedbackPrompt: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--spacing-sm)',\n  }),\n\n  feedbackOptions: css({\n    display: 'flex',\n    gap: 'var(--spacing-sm)',\n  }),\n};\n\nexport const Feedback = ({ onFeedback }: FeedbackProps) => {\n  const [isVisible, setIsVisible] = useState(true);\n  const { theme } = useDesignSystemTheme();\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <div\n      css={feedbackStyles.container}\n      style={{\n        ['--spacing-sm' as string]: `${theme.spacing.sm}px`,\n        ['--text-secondary' as string]: theme.colors.textSecondary,\n      }}\n    >\n      <div css={feedbackStyles.feedbackPrompt}>\n        <Typography.Text\n          style={{\n            color: theme.colors.textSecondary,\n          }}\n        >\n          Was this response:\n        </Typography.Text>\n        <div css={feedbackStyles.feedbackOptions}>\n          <Button\n            icon={<FaceSmileIcon />}\n            onClick={() => {\n              onFeedback('Better');\n              setIsVisible(false);\n            }}\n          >\n            Better\n          </Button>\n          <Button\n            icon={<FaceNeutralIcon />}\n            onClick={() => {\n              onFeedback('Same');\n              setIsVisible(false);\n            }}\n          >\n            Same\n          </Button>\n          <Button\n            icon={<FaceFrownIcon />}\n            onClick={() => {\n              onFeedback('Worse');\n              setIsVisible(false);\n            }}\n          >\n            Worse\n          </Button>\n        </div>\n      </div>\n      <Button icon={<CloseIcon />} onClick={() => setIsVisible(false)} />\n    </div>\n  );\n};\n\nexport default Feedback;\n","import { css } from '@emotion/react';\n\nimport { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\n\ntype MessageProps = {\n  isActiveUser: boolean;\n  children: React.ReactNode;\n};\n\nconst messageStyles = {\n  container: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--spacing-sm)',\n    paddingTop: 'var(--spacing-md)',\n    paddingRight: 'var(--spacing-sm)',\n    paddingBottom: 'var(--spacing-md)',\n    paddingLeft: 'calc(var(--spacing-md) * 2)',\n    backgroundColor: 'var(--background)',\n    borderBottom: `1px solid var(--border-decorative)`,\n  }),\n};\n\nexport const Message = ({ isActiveUser, children }: MessageProps) => {\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <div\n      css={messageStyles.container}\n      style={{\n        ['--spacing-sm' as string]: `${theme.spacing.sm}px`,\n        ['--spacing-md' as string]: `${theme.spacing.md}px`,\n        ['--background' as string]: isActiveUser ? theme.colors.backgroundPrimary : theme.colors.backgroundSecondary,\n        ['--border-decorative' as string]: theme.colors.borderDecorative,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Message;\n","import { css } from '@emotion/react';\nimport { useEffect, useState } from 'react';\n\nimport type { ButtonProps } from '../../design-system/Button';\nimport { Button } from '../../design-system/Button';\nimport { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\nimport { CheckIcon } from '../../design-system/Icon';\n\nconst buttonStyles = {\n  container: css({\n    position: 'relative',\n    display: 'inline-block',\n    width: 'max-content',\n  }),\n  checkIcon: css({\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    pointerEvents: 'none',\n\n    svg: {\n      color: 'var(--checkmark-color)',\n    },\n  }),\n};\n\nconst MessageActionButton = (props: ButtonProps) => {\n  const [showCheck, setShowCheck] = useState(false);\n  const { theme } = useDesignSystemTheme();\n\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    setShowCheck(true);\n    props.onClick?.(e);\n  };\n\n  if (props.children) {\n    throw new Error('MessageActionButton: Children not supported; use as icon-only button.');\n  }\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n    if (showCheck) {\n      timeoutId = setTimeout(() => {\n        setShowCheck(false);\n      }, 750);\n    }\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [showCheck]);\n\n  return (\n    <span\n      css={buttonStyles.container}\n      style={{\n        ['--checkmark-color' as string]: theme.colors.green500,\n      }}\n    >\n      <Button\n        size=\"small\"\n        {...props}\n        onClick={handleClick}\n        css={{\n          svg: {\n            transition: showCheck ? 'none' : 'opacity 350ms',\n            opacity: showCheck ? '0' : '1',\n          },\n        }}\n      />\n      <CheckIcon\n        css={buttonStyles.checkIcon}\n        style={{\n          transition: showCheck ? 'none' : 'opacity 350ms',\n          opacity: showCheck ? '1' : '0',\n        }}\n      />\n    </span>\n  );\n};\n\nexport default MessageActionButton;\n","import { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\n\ntype MessageBodyProps = {\n  children: React.ReactNode;\n};\n\nconst MessageBody = ({ children }: MessageBodyProps) => {\n  const { getPrefixedClassName } = useDesignSystemTheme();\n\n  const typographyClassname = getPrefixedClassName('typography');\n\n  return (\n    <div\n      css={{\n        [`& .${typographyClassname}:last-of-type`]: {\n          marginBottom: 0,\n        },\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default MessageBody;\n","import { css } from '@emotion/react';\n\nimport { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\nimport { Typography } from '../../design-system/Typography';\n\ntype MessageHeaderProps = {\n  userName: React.ReactNode;\n  avatarURL?: string;\n  leftContent?: React.ReactNode;\n  rightContent?: React.ReactNode;\n};\n\nconst headerStyles = {\n  container: css({\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    position: 'relative',\n  }),\n\n  leftContent: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--spacing-sm)',\n  }),\n\n  rightContent: css({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n\n  avatar: css({\n    position: 'absolute',\n    left: -22,\n    top: 2,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n    width: 'var(--spacing-md)',\n    height: 'var(--spacing-md)',\n    borderRadius: '50%',\n  }),\n};\n\nconst MessageHeader = ({ userName, avatarURL, leftContent, rightContent }: MessageHeaderProps) => {\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <div\n      css={headerStyles.container}\n      style={{\n        ['--spacing-sm' as string]: `${theme.spacing.sm}px`,\n        ['--spacing-md' as string]: `${theme.spacing.md}px`,\n      }}\n    >\n      <div css={headerStyles.leftContent}>\n        <div\n          css={headerStyles.avatar}\n          style={{\n            backgroundImage: `url(${avatarURL}), linear-gradient(180deg, #FFD983 0%, #FFB800 100%)`,\n          }}\n        />\n        <Typography.Text bold>{userName}</Typography.Text>\n        {leftContent}\n      </div>\n      <div css={headerStyles.rightContent}>{rightContent}</div>\n    </div>\n  );\n};\n\nexport default MessageHeader;\n","import { css } from '@emotion/react';\n\nimport { useDesignSystemTheme } from '../../design-system/Hooks/useDesignSystemTheme';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../design-system/Icon';\nimport { Typography } from '../../design-system/Typography';\n\ntype PaginationProps = {\n  onPrevious: () => void;\n  onNext: () => void;\n  current: number;\n  total: number;\n};\n\nconst paginationStyles = {\n  container: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyItems: 'center',\n    gap: 'var(--spacing-sm)',\n  }),\n\n  button: css({\n    border: 'none',\n    backgroundColor: 'transparent',\n    padding: 0,\n    display: 'flex',\n    height: 'var(--spacing-md)',\n    alignItems: 'center',\n  }),\n};\n\nexport const MessagePagination = ({ onPrevious, onNext, current, total }: PaginationProps) => {\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <div\n      css={paginationStyles.container}\n      style={{\n        ['--spacing-sm' as string]: `${theme.spacing.sm}px`,\n        ['--spacing-md' as string]: `${theme.spacing.md}px`,\n      }}\n    >\n      <button\n        css={paginationStyles.button}\n        onClick={onPrevious}\n        style={{\n          color: current === 1 ? theme.colors.actionDisabledText : theme.colors.textSecondary,\n          cursor: current === 1 ? 'arrow' : 'pointer',\n        }}\n      >\n        <ChevronLeftIcon />\n      </button>\n      <Typography.Text\n        style={{\n          color: theme.colors.textSecondary,\n        }}\n      >{`${current}/${total}`}</Typography.Text>\n      <button\n        css={paginationStyles.button}\n        onClick={onNext}\n        style={{\n          color: current === total ? theme.colors.actionDisabledText : theme.colors.textSecondary,\n          cursor: current === total ? 'arrow' : 'pointer',\n        }}\n      >\n        <ChevronRightIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default MessagePagination;\n","import ChatInput from './ChatInput';\nimport CodeSnippet from './CodeSnippet';\nimport Feedback from './Feedback';\nimport Message from './Message';\nimport MessageActionButton from './MessageActionButton';\nimport MessageBody from './MessageBody';\nimport MessageHeader from './MessageHeader';\nimport MessagePagination from './MessagePagination';\n\nexport const ChatUI = {\n  MessageActionButton,\n  MessageHeader,\n  MessageBody,\n  MessagePagination,\n  Message,\n  Feedback,\n  CodeSnippet,\n  ChatInput,\n};\n"],"names":["_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","getRootStyles","Root","forwardRef","props","ref","_jsx","RadixSlider","css","getTrackStyles","theme","backgroundColor","colors","grey100","position","flexGrow","borderRadius","width","height","Track","useDesignSystemTheme","getRangeStyles","primary","Range","getThumbStyles","display","actionPrimaryBackgroundDefault","boxShadow","grey400","outline","actionPrimaryBackgroundHover","actionPrimaryBackgroundPress","grey200","Thumb","chatInputStyles","container","suggestionButtons","textArea","button","ChatInput","className","onSubmit","textAreaProps","value","setValue","React","useState","handleSubmit","_jsxs","style","spacing","sm","backgroundPrimary","borderDecorative","children","Input","TextArea","autoSize","onChange","e","target","placeholder","onKeyDown","key","metaKey","ctrlKey","shiftKey","preventDefault","Button","size","icon","CursorIcon","onClick","snippetStyles","header","buttonSvg","code","CodeSnippet","language","buttons","md","general","borderRadiusBase","grey700","grey300","grey800","feedbackStyles","feedbackPrompt","feedbackOptions","Feedback","onFeedback","isVisible","setIsVisible","textSecondary","Typography","Text","color","FaceSmileIcon","FaceNeutralIcon","FaceFrownIcon","CloseIcon","messageStyles","flexDirection","gap","paddingTop","paddingRight","paddingBottom","paddingLeft","borderBottom","Message","isActiveUser","backgroundSecondary","buttonStyles","checkIcon","MessageActionButton","showCheck","setShowCheck","handleClick","_props$onClick","call","Error","useEffect","timeoutId","setTimeout","clearTimeout","green500","_css","svg","transition","opacity","CheckIcon","MessageBody","getPrefixedClassName","typographyClassname","marginBottom","headerStyles","leftContent","rightContent","avatar","left","top","backgroundSize","backgroundPosition","MessageHeader","userName","avatarURL","backgroundImage","bold","paginationStyles","MessagePagination","onPrevious","onNext","current","total","actionDisabledText","cursor","ChevronLeftIcon","ChevronRightIcon","ChatUI"],"mappings":"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"}