@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.web.js","sources":["../../../../../../../src/components/Charts/LineChart/LineChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme, assignDataColorMapping } from '../utils';\nimport { CommonChartComponentsContext } from '../CommonChartComponents';\nimport type { DataColorMapping } from '../CommonChartComponents/types';\nimport type { ChartLineProps, ChartLineWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Line: React.FC<ChartLineProps> = ({\n  color,\n  strokeStyle = 'solid',\n  type = 'monotone',\n  dot = false,\n  activeDot = true,\n  showLegend = true,\n  _index,\n  _colorTheme,\n  _totalLines,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({\n    colorTheme: _colorTheme,\n    chartName: 'line',\n    chartDataIndicators: _totalLines,\n  });\n  const colorToken = getIn(theme.colors, color ?? themeColors[_index ?? 0]);\n\n  const strokeDasharray =\n    strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;\n\n  const isLineDotted = strokeStyle === 'dashed';\n  const animationBegin = isLineDotted\n    ? theme.motion.delay.gentle + theme.motion.duration.xgentle\n    : theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsLine\n      stroke={colorToken}\n      strokeWidth={1.5}\n      strokeDasharray={strokeDasharray}\n      type={type}\n      activeDot={activeDot}\n      dot={dot}\n      legendType={showLegend ? 'line' : 'none'}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    />\n  );\n};\n\nconst ChartLine = assignWithoutSideEffects(Line, {\n  componentId: componentIds.ChartLine,\n});\n\n// Main components\nconst ChartLineWrapper: React.FC<ChartLineWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'categorical',\n  testID,\n  data,\n  ...restProps\n}) => {\n  const themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'line',\n  });\n  /**\n   * We need to check child of CharLineWrapper. if they have any custom color we store that.\n   * We need these mapping because colors of tooltip & legend is determine based on this\n   *  recharts do provide a color but it is hex code and we need blade color token .\n   */\n\n  const { dataColorMapping, lineChartModifiedChildrens } = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    const dataColorMapping: DataColorMapping = {};\n    // Count ChartLine components\n    const totalLines = childrenArray.filter(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && getComponentId(child) === componentIds.ChartLine,\n    ).length;\n\n    let LineChartIndex = 0;\n    const lineChartModifiedChildrens = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {\n        const childColor = child?.props?.color;\n        const dataKey = (child?.props as ChartLineProps)?.dataKey as string;\n        if (dataKey) {\n          /**\n           *  if we have custom color given by user we use that other wise we just\n           *  assign theme colors to the dataColorMapping, in `assignDataColorMapping`\n           */\n          dataColorMapping[dataKey] = {\n            colorToken: childColor,\n            isCustomColor: Boolean(childColor),\n          };\n        }\n        return React.cloneElement(child, {\n          _index: LineChartIndex++,\n          _colorTheme: colorTheme,\n          _totaLine: totalLines,\n        } as Partial<ChartLineProps>);\n      }\n      return child;\n    });\n    assignDataColorMapping(dataColorMapping, themeColors);\n\n    return { dataColorMapping, lineChartModifiedChildrens, totalLines };\n  }, [children, colorTheme, themeColors]);\n\n  return (\n    <CommonChartComponentsContext.Provider value={{ chartName: 'line', dataColorMapping }}>\n      <BaseBox\n        {...metaAttribute({ name: 'line-chart', testID })}\n        {...makeAnalyticsAttribute(restProps)}\n        width=\"100%\"\n        height=\"100%\"\n        {...restProps}\n      >\n        <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n          <RechartsLineChart data={data}>{lineChartModifiedChildrens}</RechartsLineChart>\n        </RechartsResponsiveContainer>\n      </BaseBox>\n    </CommonChartComponentsContext.Provider>\n  );\n};\n\nexport { ChartLine, ChartLineWrapper };\n"],"names":["Line","_ref","color","_ref$strokeStyle","strokeStyle","_ref$type","type","_ref$dot","dot","_ref$activeDot","activeDot","_ref$showLegend","showLegend","_index","_colorTheme","_totalLines","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","chartName","chartDataIndicators","colorToken","getIn","colors","strokeDasharray","undefined","isLineDotted","animationBegin","motion","delay","gentle","duration","xgentle","animationDuration","_jsx","RechartsLine","_objectSpread","stroke","strokeWidth","legendType","strokeLinecap","strokeLinejoin","ChartLine","assignWithoutSideEffects","componentId","componentIds","ChartLineWrapper","_ref2","children","_ref2$colorTheme","testID","data","restProps","_excluded2","_React$useMemo","React","useMemo","childrenArray","Children","toArray","dataColorMapping","totalLines","filter","child","isValidElement","getComponentId","length","LineChartIndex","lineChartModifiedChildrens","map","_child$props","_child$props2","childColor","dataKey","isCustomColor","Boolean","cloneElement","_totaLine","assignDataColorMapping","CommonChartComponentsContext","Provider","value","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","RechartsResponsiveContainer","RechartsLineChart"],"mappings":"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"}
+{"version":3,"file":"LineChart.web.js","sources":["../../../../../../../src/components/Charts/LineChart/LineChart.web.tsx"],"sourcesContent":["import React, {\n  useState,\n  useMemo,\n  useEffect,\n  useCallback,\n  isValidElement,\n  cloneElement,\n} from 'react';\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { animate } from 'framer-motion';\nimport { useChartsColorTheme, assignDataColorMapping } from '../utils';\nimport { CommonChartComponentsContext } from '../CommonChartComponents';\nimport type {\n  DataColorMapping,\n  SecondaryLabelMap,\n  ChartXAxisProps,\n} from '../CommonChartComponents/types';\nimport { componentId as commonComponentIds } from '../CommonChartComponents/tokens';\nimport type { ChartLineProps, ChartLineWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { LineChartContext, useLineChartContext } from './LineChartContext';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Line: React.FC<ChartLineProps> = ({\n  color,\n  strokeStyle = 'solid',\n  type = 'monotone',\n  dot = false,\n  activeDot = true,\n  showLegend = true,\n  _index,\n  _colorTheme,\n  _totalLines,\n  hide,\n  dataKey,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const { hoveredDataKey, setHoveredDataKey } = useLineChartContext();\n\n  const themeColors = useChartsColorTheme({\n    colorTheme: _colorTheme,\n    chartName: 'line',\n    chartDataIndicators: _totalLines,\n  });\n\n  const isOtherLineHovered = hoveredDataKey !== null && hoveredDataKey !== dataKey;\n  const colorToken = getIn(theme.colors, color ?? themeColors[_index ?? 0]);\n\n  const strokeDasharray =\n    strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;\n\n  const isLineDotted = strokeStyle === 'dashed';\n  const animationBegin = isLineDotted\n    ? theme.motion.delay.gentle + theme.motion.duration.xgentle\n    : theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  // Animated opacity using framer-motion\n  const targetOpacity = isOtherLineHovered ? 0.2 : 1;\n  const [animatedOpacity, setAnimatedOpacity] = useState(targetOpacity);\n\n  useEffect(() => {\n    const controls = animate(animatedOpacity, targetOpacity, {\n      duration: 0.5,\n      ease: 'easeInOut',\n      onUpdate: (latest) => setAnimatedOpacity(latest),\n    });\n\n    return () => controls.stop();\n  }, [targetOpacity]);\n\n  const updateHoveredDataKey = useCallback(\n    (key: string | null) => {\n      if (!hide) {\n        setHoveredDataKey?.(key);\n      }\n    },\n    [hide, setHoveredDataKey],\n  );\n\n  const handleMouseEnter = useCallback(() => {\n    updateHoveredDataKey(dataKey as string);\n  }, [dataKey, updateHoveredDataKey]);\n\n  const handleMouseLeave = useCallback(() => {\n    updateHoveredDataKey(null);\n  }, [updateHoveredDataKey]);\n\n  // activeDot config with hover handlers\n  const activeDotConfig = useMemo(\n    () =>\n      activeDot\n        ? {\n            onMouseEnter: () => updateHoveredDataKey(dataKey as string),\n            onMouseLeave: () => updateHoveredDataKey(null),\n          }\n        : false,\n    [activeDot, dataKey, updateHoveredDataKey],\n  );\n\n  return (\n    <>\n      <RechartsLine\n        key={`line-${dataKey}-background`}\n        type=\"monotone\"\n        dataKey={dataKey}\n        stroke=\"transparent\"\n        strokeWidth={15}\n        dot={false}\n        activeDot={false}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        connectNulls\n        legendType=\"none\"\n        tooltipType=\"none\"\n        hide={hide}\n      />\n      <RechartsLine\n        key={`line-${dataKey}-main`}\n        stroke={colorToken}\n        strokeWidth={1.5}\n        strokeDasharray={strokeDasharray}\n        type={type}\n        dataKey={dataKey}\n        activeDot={isOtherLineHovered ? false : activeDotConfig}\n        dot={dot}\n        legendType={showLegend ? 'line' : 'none'}\n        animationBegin={animationBegin}\n        animationDuration={animationDuration}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        hide={hide}\n        // Animated opacity using framer-motion\n        strokeOpacity={animatedOpacity}\n        isAnimationActive={true}\n        {...props}\n      />\n    </>\n  );\n};\n\nconst ChartLine = assignWithoutSideEffects(Line, {\n  componentId: componentIds.ChartLine,\n});\n\n// Main components\nconst ChartLineWrapper: React.FC<ChartLineWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'categorical',\n  testID,\n  data,\n  ...restProps\n}) => {\n  const themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'line',\n  });\n\n  // State to track which line is currently hovered\n  const [hoveredDataKey, setHoveredDataKey] = useState<string | null>(null);\n  const [selectedDataKeys, setSelectedDataKeys] = useState<string[] | undefined>(undefined);\n\n  /**\n   * We need to check child of CharLineWrapper. if they have any custom color we store that.\n   * We need these mapping because colors of tooltip & legend is determine based on this\n   *  recharts do provide a color but it is hex code and we need blade color token .\n   */\n\n  const { dataColorMapping, lineChartModifiedChildrens, secondaryDataKey } = useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    const dataColorMapping: DataColorMapping = {};\n    // Count ChartLine components\n    const totalLines = childrenArray.filter(\n      (child): child is React.ReactElement =>\n        isValidElement(child) && getComponentId(child) === componentIds.ChartLine,\n    ).length;\n\n    // Find ChartXAxis and extract secondaryDataKey\n    let secondaryDataKey: string | undefined;\n    for (const child of childrenArray) {\n      if (React.isValidElement(child) && getComponentId(child) === commonComponentIds.chartXAxis) {\n        secondaryDataKey = (child.props as ChartXAxisProps)?.secondaryDataKey;\n        break;\n      }\n    }\n\n    let LineChartIndex = 0;\n    const lineChartModifiedChildrens = React.Children.map(children, (child) => {\n      if (isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {\n        const childColor = child?.props?.color;\n        const dataKey = (child?.props as ChartLineProps)?.dataKey as string;\n        if (dataKey) {\n          /**\n           *  if we have custom color given by user we use that other wise we just\n           *  assign theme colors to the dataColorMapping, in `assignDataColorMapping`\n           */\n          dataColorMapping[dataKey] = {\n            colorToken: childColor,\n            isCustomColor: Boolean(childColor),\n          };\n        }\n        // Pass hide prop based on whether this line's dataKey is NOT in selectedDataKeys\n        // If selectedDataKeys is undefined, show all lines (default behavior)\n        return cloneElement(child, {\n          _index: LineChartIndex++,\n          _colorTheme: colorTheme,\n          _totalLines: totalLines,\n          hide: selectedDataKeys ? !selectedDataKeys.includes(dataKey) : false,\n        } as Partial<ChartLineProps>);\n      }\n      return child;\n    });\n    assignDataColorMapping(dataColorMapping, themeColors);\n\n    return { dataColorMapping, lineChartModifiedChildrens, totalLines, secondaryDataKey };\n  }, [children, colorTheme, themeColors, selectedDataKeys]);\n\n  // Build secondary label map internally from ChartXAxis's secondaryDataKey prop\n  const secondaryLabelMap = useMemo<SecondaryLabelMap | undefined>(() => {\n    if (!secondaryDataKey || !data) return undefined;\n    const map: SecondaryLabelMap = {};\n    data.forEach((item, index) => {\n      map[index] = item[secondaryDataKey] as string | number | undefined;\n    });\n    return map;\n  }, [data, secondaryDataKey]);\n\n  // Memoize context values to prevent unnecessary re-renders of consumers\n  const lineChartContextValue = useMemo(() => ({ hoveredDataKey, setHoveredDataKey }), [\n    hoveredDataKey,\n  ]);\n\n  const commonChartContextValue = useMemo(\n    () => ({\n      chartName: 'line' as const,\n      dataColorMapping,\n      selectedDataKeys,\n      setSelectedDataKeys,\n      secondaryLabelMap,\n      dataLength: data?.length,\n    }),\n    [dataColorMapping, selectedDataKeys, secondaryLabelMap, data?.length],\n  );\n\n  return (\n    <LineChartContext.Provider value={lineChartContextValue}>\n      <CommonChartComponentsContext.Provider value={commonChartContextValue}>\n        <BaseBox\n          {...metaAttribute({ name: 'line-chart', testID })}\n          {...makeAnalyticsAttribute(restProps)}\n          width=\"100%\"\n          height=\"100%\"\n          {...restProps}\n        >\n          <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n            <RechartsLineChart data={data} onMouseLeave={() => setHoveredDataKey(null)}>\n              {lineChartModifiedChildrens}\n            </RechartsLineChart>\n          </RechartsResponsiveContainer>\n        </BaseBox>\n      </CommonChartComponentsContext.Provider>\n    </LineChartContext.Provider>\n  );\n};\n\nexport { ChartLine, ChartLineWrapper };\n"],"names":["Line","_ref","color","_ref$strokeStyle","strokeStyle","_ref$type","type","_ref$dot","dot","_ref$activeDot","activeDot","_ref$showLegend","showLegend","_index","_colorTheme","_totalLines","hide","dataKey","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useLineChartContext","useLineChartContext","hoveredDataKey","setHoveredDataKey","themeColors","useChartsColorTheme","colorTheme","chartName","chartDataIndicators","isOtherLineHovered","colorToken","getIn","colors","strokeDasharray","undefined","isLineDotted","animationBegin","motion","delay","gentle","duration","xgentle","animationDuration","targetOpacity","_useState","useState","_useState2","_slicedToArray","animatedOpacity","setAnimatedOpacity","useEffect","controls","animate","ease","onUpdate","latest","stop","updateHoveredDataKey","useCallback","key","handleMouseEnter","handleMouseLeave","activeDotConfig","useMemo","onMouseEnter","onMouseLeave","_jsxs","_Fragment","children","_jsx","RechartsLine","stroke","strokeWidth","connectNulls","legendType","tooltipType","concat","_objectSpread","strokeLinecap","strokeLinejoin","strokeOpacity","isAnimationActive","ChartLine","assignWithoutSideEffects","componentId","componentIds","ChartLineWrapper","_ref2","_ref2$colorTheme","testID","data","restProps","_excluded2","_useState3","_useState4","_useState5","_useState6","selectedDataKeys","setSelectedDataKeys","_useMemo","childrenArray","React","Children","toArray","dataColorMapping","totalLines","filter","child","isValidElement","getComponentId","length","secondaryDataKey","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","commonComponentIds","chartXAxis","_child$props3","err","e","f","LineChartIndex","lineChartModifiedChildrens","map","_child$props","_child$props2","childColor","isCustomColor","Boolean","cloneElement","includes","assignDataColorMapping","secondaryLabelMap","forEach","item","index","lineChartContextValue","commonChartContextValue","dataLength","LineChartContext","Provider","CommonChartComponentsContext","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","RechartsResponsiveContainer","RechartsLineChart"],"mappings":"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"}

package/build/lib/web/development/components/Charts/LineChart/LineChartContext.js

@@ -0,0 +1,14 @@
+import { createContext, useContext } from 'react';
+
+var LineChartContext = /*#__PURE__*/createContext({
+  hoveredDataKey: null,
+  setHoveredDataKey: function setHoveredDataKey() {
+    return undefined;
+  }
+});
+var useLineChartContext = function useLineChartContext() {
+  return useContext(LineChartContext);
+};
+
+export { LineChartContext, useLineChartContext };
+//# sourceMappingURL=LineChartContext.js.map

package/build/lib/web/development/components/Charts/LineChart/LineChartContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartContext.js","sources":["../../../../../../../src/components/Charts/LineChart/LineChartContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype LineChartContextType = {\n  hoveredDataKey: string | null;\n  setHoveredDataKey: (dataKey: string | null) => void;\n};\n\nexport const LineChartContext = createContext<LineChartContextType>({\n  hoveredDataKey: null,\n  setHoveredDataKey: () => undefined,\n});\n\nexport const useLineChartContext = (): LineChartContextType => useContext(LineChartContext);\n"],"names":["LineChartContext","createContext","hoveredDataKey","setHoveredDataKey","undefined","useLineChartContext","useContext"],"mappings":";;AAOaA,IAAAA,gBAAgB,gBAAGC,aAAa,CAAuB;AAClEC,EAAAA,cAAc,EAAE,IAAI;EACpBC,iBAAiB,EAAE,SAAnBA,iBAAiBA,GAAA;AAAA,IAAA,OAAQC,SAAS,CAAA;AAAA,GAAA;AACpC,CAAC,EAAC;AAEWC,IAAAA,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAA;EAAA,OAA+BC,UAAU,CAACN,gBAAgB,CAAC,CAAA;AAAA;;;;"}

package/build/lib/web/development/components/ChatInput/ChatInput.web.js

@@ -0,0 +1,309 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import styled from 'styled-components';
+import { AnimatePresence } from 'framer-motion';
+import { ChatInputActionBar } from './ChatInputActionBar.js';
+import { ChatInputGhostSuggestion } from './ChatInputGhostSuggestion.js';
+import { useChatInput } from './useChatInput.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/index.js';
+import '../BladeProvider/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
+import '../BaseMotion/index.js';
+import { FileUploadItem } from '../FileUpload/FileUploadItem.js';
+import { BaseInput } from '../Input/BaseInput/BaseInput.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Box/styledProps/index.js';
+import '../Icons/index.js';
+import '../Typography/index.js';
+import '../Button/IconButton/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { BaseMotionBox, BaseMotionEntryExit } from '../BaseMotion/BaseMotion.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
+import { Text } from '../Typography/Text/Text.js';
+import { IconButton } from '../Button/IconButton/IconButton.js';
+import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["value", "defaultValue", "onChange", "onSubmit", "placeholder", "isDisabled", "isGenerating", "onStop", "fileList", "onFileChange", "onFileRemove", "onFileReupload", "accept", "suggestions", "onSuggestionAccept", "validationState", "errorText", "onErrorDismiss", "accessibilityLabel", "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; }
+var HiddenScrollbarBox = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "ChatInputweb__HiddenScrollbarBox",
+  componentId: "sc-13ok6nm-0"
+})(function () {
+  return {
+    '&::-webkit-scrollbar': {
+      display: 'none'
+    },
+    scrollbarWidth: 'none'
+  };
+});
+var _ChatInput = function _ChatInput(_ref, ref) {
+  var value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    onSubmit = _ref.onSubmit,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Ask a question...' : _ref$placeholder,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isGenerating = _ref.isGenerating,
+    isGenerating = _ref$isGenerating === void 0 ? false : _ref$isGenerating,
+    onStop = _ref.onStop,
+    fileList = _ref.fileList,
+    onFileChange = _ref.onFileChange,
+    onFileRemove = _ref.onFileRemove,
+    onFileReupload = _ref.onFileReupload,
+    accept = _ref.accept,
+    suggestions = _ref.suggestions,
+    onSuggestionAccept = _ref.onSuggestionAccept,
+    validationState = _ref.validationState,
+    errorText = _ref.errorText,
+    onErrorDismiss = _ref.onErrorDismiss,
+    _ref$accessibilityLab = _ref.accessibilityLabel,
+    accessibilityLabel = _ref$accessibilityLab === void 0 ? 'Chat input' : _ref$accessibilityLab,
+    testID = _ref.testID,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useChatInput = useChatInput({
+      value: value,
+      defaultValue: defaultValue,
+      onChange: onChange,
+      onSubmit: onSubmit,
+      isDisabled: isDisabled,
+      isGenerating: isGenerating,
+      onStop: onStop,
+      fileList: fileList,
+      onFileChange: onFileChange,
+      onFileRemove: onFileRemove,
+      accept: accept,
+      suggestions: suggestions,
+      onSuggestionAccept: onSuggestionAccept
+    }, ref),
+    fileInputRef = _useChatInput.fileInputRef,
+    mergedRef = _useChatInput.mergedRef,
+    textValue = _useChatInput.textValue,
+    files = _useChatInput.files,
+    setActiveSuggestionIndex = _useChatInput.setActiveSuggestionIndex,
+    hasFiles = _useChatInput.hasFiles,
+    isSubmitDisabled = _useChatInput.isSubmitDisabled,
+    showGhostSuggestion = _useChatInput.showGhostSuggestion,
+    handleTextChange = _useChatInput.handleTextChange,
+    handleSubmit = _useChatInput.handleSubmit,
+    handleKeyDown = _useChatInput.handleKeyDown,
+    handleUploadClick = _useChatInput.handleUploadClick,
+    handleFileInputChange = _useChatInput.handleFileInputChange,
+    handleFileRemove = _useChatInput.handleFileRemove,
+    handlePaste = _useChatInput.handlePaste;
+  var errorSlideVariants = {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      transform: ['translateY(100%)', 'translateY(0%)'],
+      opacity: 1,
+      transition: {
+        duration: msToSeconds(theme.motion.duration.xmoderate),
+        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized))
+      }
+    },
+    exit: {
+      opacity: 0,
+      transform: 'translateY(100%)',
+      transitionEnd: {
+        transform: 'translateY(100%)'
+      },
+      transition: {
+        duration: msToSeconds(theme.motion.duration.xmoderate),
+        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized))
+      }
+    }
+  };
+  var filePreviewMotionVariants = {
+    initial: {
+      height: '0px',
+      overflow: 'hidden'
+    },
+    animate: {
+      height: 'auto',
+      overflow: 'hidden',
+      transition: {
+        duration: msToSeconds(theme.motion.duration.quick),
+        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized))
+      }
+    },
+    exit: {
+      height: '0px',
+      overflow: 'hidden',
+      transition: {
+        duration: msToSeconds(theme.motion.duration.quick),
+        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized))
+      }
+    }
+  };
+  var filePreviewContent = /*#__PURE__*/jsx(AnimatePresence, {
+    children: hasFiles ? /*#__PURE__*/jsx(BaseMotionBox, {
+      motionVariants: filePreviewMotionVariants,
+      children: /*#__PURE__*/jsx(HiddenScrollbarBox, {
+        display: "flex",
+        flexDirection: "row",
+        gap: "spacing.3",
+        paddingTop: "spacing.5",
+        paddingX: "spacing.5",
+        overflowX: "auto",
+        height: "auto",
+        overflowY: "hidden",
+        flexWrap: "nowrap",
+        children: files.map(function (file) {
+          var _file$id;
+          return /*#__PURE__*/jsx(FileUploadItem, {
+            flexShrink: 0,
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: "160px",
+            maxWidth: "200px",
+            file: file,
+            onRemove: function onRemove() {
+              return handleFileRemove(file);
+            },
+            onReupload: onFileReupload ? function () {
+              return onFileReupload({
+                file: file
+              });
+            } : undefined
+          }, (_file$id = file.id) !== null && _file$id !== void 0 ? _file$id : file.name);
+        })
+      })
+    }) : null
+  });
+  var actionBarContent = /*#__PURE__*/jsx(ChatInputActionBar, {
+    isDisabled: isDisabled,
+    isGenerating: isGenerating,
+    isSubmitDisabled: isSubmitDisabled,
+    onUploadClick: handleUploadClick,
+    onSubmit: handleSubmit,
+    onStop: onStop
+  });
+  var isError = validationState === 'error';
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+    position: "relative"
+  }, metaAttribute({
+    name: MetaConstants.ChatInput,
+    testID: testID
+  })), getStyledProps(rest)), {}, {
+    children: [/*#__PURE__*/jsx("input", {
+      ref: fileInputRef,
+      type: "file",
+      accept: accept,
+      multiple: true,
+      onChange: handleFileInputChange,
+      disabled: isDisabled,
+      style: {
+        display: 'none'
+      },
+      "aria-hidden": "true"
+    }), /*#__PURE__*/jsx(BaseBox, {
+      position: "relative",
+      zIndex: 1,
+      children: /*#__PURE__*/jsx(BaseInput, _objectSpread({
+        ref: mergedRef,
+        as: "textarea",
+        id: "chat-input",
+        elevation: "highRaised",
+        label: undefined,
+        accessibilityLabel: accessibilityLabel,
+        hideLabelText: true,
+        hideFormHint: true,
+        placeholder: showGhostSuggestion ? '' : placeholder,
+        value: textValue,
+        onChange: handleTextChange,
+        onKeyDown: handleKeyDown,
+        onPaste: handlePaste,
+        isDisabled: isDisabled,
+        numberOfLines: 2,
+        size: "medium",
+        padding: makeSpace(theme.spacing[5]),
+        borderRadius: "large",
+        caretColor: "surface.icon.onSea.onSubtle",
+        topContent: filePreviewContent,
+        bottomContent: actionBarContent,
+        inputRowOverlay: showGhostSuggestion && suggestions ? /*#__PURE__*/jsx(BaseBox, {
+          position: "absolute",
+          top: "spacing.5",
+          left: "spacing.5",
+          right: "spacing.5",
+          pointerEvents: "none",
+          zIndex: 3,
+          children: /*#__PURE__*/jsx(ChatInputGhostSuggestion, {
+            suggestions: suggestions,
+            isVisible: showGhostSuggestion,
+            onIndexChange: setActiveSuggestionIndex
+          })
+        }) : null
+      }, makeAnalyticsAttribute(rest)))
+    }), /*#__PURE__*/jsx(BaseBox, {
+      position: "absolute",
+      bottom: "calc(100% - 12px)",
+      left: "spacing.0",
+      right: "spacing.0",
+      zIndex: 0,
+      children: /*#__PURE__*/jsx(BaseMotionEntryExit, {
+        motionVariants: errorSlideVariants,
+        isVisible: isError,
+        type: "inout",
+        children: /*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: "spacing.2",
+          backgroundColor: "feedback.background.negative.subtle",
+          paddingX: "spacing.4",
+          paddingTop: "spacing.3",
+          paddingBottom: "spacing.6",
+          borderTopLeftRadius: "medium",
+          borderTopRightRadius: "medium",
+          role: "alert",
+          children: [/*#__PURE__*/jsx(InfoIcon, {
+            size: "small",
+            color: "feedback.icon.negative.intense"
+          }), /*#__PURE__*/jsx(Text, {
+            size: "small",
+            truncateAfterLines: 8,
+            color: "feedback.text.negative.intense",
+            children: errorText
+          }), onErrorDismiss ? /*#__PURE__*/jsx(IconButton, {
+            marginLeft: "auto",
+            icon: CloseIcon,
+            size: "small",
+            emphasis: "intense",
+            accessibilityLabel: "Dismiss error",
+            onClick: function onClick() {
+              return onErrorDismiss();
+            }
+          }) : null]
+        })
+      })
+    })]
+  }));
+};
+var ChatInput = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_ChatInput), {
+  componentId: MetaConstants.ChatInput,
+  displayName: 'ChatInput'
+});
+
+export { ChatInput };
+//# sourceMappingURL=ChatInput.web.js.map

package/build/lib/web/development/components/ChatInput/ChatInput.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.web.js","sources":["../../../../../../src/components/ChatInput/ChatInput.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { AnimatePresence } from 'framer-motion';\nimport type { ChatInputProps } from './types';\nimport { ChatInputActionBar } from './ChatInputActionBar';\nimport { ChatInputGhostSuggestion } from './ChatInputGhostSuggestion';\nimport { useChatInput } from './useChatInput';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { castWebType, makeSpace } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { BaseMotionBox, BaseMotionEntryExit } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { FileUploadItem } from '~components/FileUpload/FileUploadItem';\nimport { BaseInput } from '~components/Input/BaseInput/BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { CloseIcon, InfoIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\n\nconst HiddenScrollbarBox = styled(BaseBox)(() => ({\n  '&::-webkit-scrollbar': { display: 'none' },\n  scrollbarWidth: 'none' as const,\n}));\n\nconst _ChatInput: React.ForwardRefRenderFunction<BladeElementRef, ChatInputProps> = (\n  {\n    value,\n    defaultValue,\n    onChange,\n    onSubmit,\n    placeholder = 'Ask a question...',\n    isDisabled = false,\n    isGenerating = false,\n    onStop,\n    fileList,\n    onFileChange,\n    onFileRemove,\n    onFileReupload,\n    accept,\n    suggestions,\n    onSuggestionAccept,\n    validationState,\n    errorText,\n    onErrorDismiss,\n    accessibilityLabel = 'Chat input',\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n\n  const {\n    fileInputRef,\n    mergedRef,\n    textValue,\n    files,\n    setActiveSuggestionIndex,\n    hasFiles,\n    isSubmitDisabled,\n    showGhostSuggestion,\n    handleTextChange,\n    handleSubmit,\n    handleKeyDown,\n    handleUploadClick,\n    handleFileInputChange,\n    handleFileRemove,\n    handlePaste,\n  } = useChatInput(\n    {\n      value,\n      defaultValue,\n      onChange,\n      onSubmit,\n      isDisabled,\n      isGenerating,\n      onStop,\n      fileList,\n      onFileChange,\n      onFileRemove,\n      accept,\n      suggestions,\n      onSuggestionAccept,\n    },\n    ref,\n  );\n\n  const errorSlideVariants: MotionVariantsType = {\n    initial: { opacity: 0 },\n    animate: {\n      transform: ['translateY(100%)', 'translateY(0%)'],\n      opacity: 1,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.xmoderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n    exit: {\n      opacity: 0,\n      transform: 'translateY(100%)',\n      transitionEnd: { transform: 'translateY(100%)' },\n      transition: {\n        duration: msToSeconds(theme.motion.duration.xmoderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n  };\n\n  const filePreviewMotionVariants: MotionVariantsType = {\n    initial: { height: '0px', overflow: 'hidden' },\n    animate: {\n      height: 'auto',\n      overflow: 'hidden',\n      transition: {\n        duration: msToSeconds(theme.motion.duration.quick),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n    exit: {\n      height: '0px',\n      overflow: 'hidden',\n      transition: {\n        duration: msToSeconds(theme.motion.duration.quick),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n  };\n\n  const filePreviewContent = (\n    <AnimatePresence>\n      {hasFiles ? (\n        <BaseMotionBox motionVariants={filePreviewMotionVariants}>\n          <HiddenScrollbarBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            gap=\"spacing.3\"\n            paddingTop=\"spacing.5\"\n            paddingX=\"spacing.5\"\n            overflowX=\"auto\"\n            height=\"auto\"\n            overflowY=\"hidden\"\n            flexWrap=\"nowrap\"\n          >\n            {files.map((file) => (\n              <FileUploadItem\n                flexShrink={0}\n                flexGrow={1}\n                flexBasis={1}\n                minWidth=\"160px\"\n                maxWidth=\"200px\"\n                key={file.id ?? file.name}\n                file={file}\n                onRemove={() => handleFileRemove(file)}\n                onReupload={onFileReupload ? () => onFileReupload({ file }) : undefined}\n              />\n            ))}\n          </HiddenScrollbarBox>\n        </BaseMotionBox>\n      ) : null}\n    </AnimatePresence>\n  );\n\n  const actionBarContent = (\n    <ChatInputActionBar\n      isDisabled={isDisabled}\n      isGenerating={isGenerating}\n      isSubmitDisabled={isSubmitDisabled}\n      onUploadClick={handleUploadClick}\n      onSubmit={handleSubmit}\n      onStop={onStop}\n    />\n  );\n\n  const isError = validationState === 'error';\n\n  return (\n    <BaseBox\n      position=\"relative\"\n      {...metaAttribute({ name: MetaConstants.ChatInput, testID })}\n      {...getStyledProps(rest)}\n    >\n      {/* Hidden file input */}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={true}\n        onChange={handleFileInputChange}\n        disabled={isDisabled}\n        style={{ display: 'none' }}\n        aria-hidden=\"true\"\n      />\n\n      <BaseBox position=\"relative\" zIndex={1}>\n        <BaseInput\n          ref={mergedRef}\n          as=\"textarea\"\n          id=\"chat-input\"\n          elevation=\"highRaised\"\n          label={undefined}\n          accessibilityLabel={accessibilityLabel}\n          hideLabelText\n          hideFormHint\n          placeholder={showGhostSuggestion ? '' : placeholder}\n          value={textValue}\n          onChange={handleTextChange}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          isDisabled={isDisabled}\n          numberOfLines={2}\n          size=\"medium\"\n          padding={makeSpace(theme.spacing[5])}\n          borderRadius=\"large\"\n          caretColor=\"surface.icon.onSea.onSubtle\"\n          topContent={filePreviewContent}\n          bottomContent={actionBarContent}\n          inputRowOverlay={\n            showGhostSuggestion && suggestions ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.5\"\n                left=\"spacing.5\"\n                right=\"spacing.5\"\n                pointerEvents=\"none\"\n                zIndex={3}\n              >\n                <ChatInputGhostSuggestion\n                  suggestions={suggestions}\n                  isVisible={showGhostSuggestion}\n                  onIndexChange={setActiveSuggestionIndex}\n                />\n              </BaseBox>\n            ) : null\n          }\n          {...makeAnalyticsAttribute(rest)}\n        />\n      </BaseBox>\n\n      {/* Error popup — positioned behind the card (zIndex: 0), slides out from behind the top edge */}\n      <BaseBox\n        position=\"absolute\"\n        bottom=\"calc(100% - 12px)\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        zIndex={0}\n      >\n        <BaseMotionEntryExit motionVariants={errorSlideVariants} isVisible={isError} type=\"inout\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap=\"spacing.2\"\n            backgroundColor=\"feedback.background.negative.subtle\"\n            paddingX=\"spacing.4\"\n            paddingTop=\"spacing.3\"\n            paddingBottom=\"spacing.6\"\n            borderTopLeftRadius=\"medium\"\n            borderTopRightRadius=\"medium\"\n            role=\"alert\"\n          >\n            <InfoIcon size=\"small\" color=\"feedback.icon.negative.intense\" />\n            <Text size=\"small\" truncateAfterLines={8} color=\"feedback.text.negative.intense\">\n              {errorText}\n            </Text>\n            {onErrorDismiss ? (\n              <IconButton\n                marginLeft=\"auto\"\n                icon={CloseIcon}\n                size=\"small\"\n                emphasis=\"intense\"\n                accessibilityLabel=\"Dismiss error\"\n                onClick={() => onErrorDismiss()}\n              />\n            ) : null}\n          </BaseBox>\n        </BaseMotionEntryExit>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst ChatInput = assignWithoutSideEffects(React.forwardRef(_ChatInput), {\n  componentId: MetaConstants.ChatInput,\n  displayName: 'ChatInput',\n});\n\nexport { ChatInput };\nexport type { ChatInputProps };\n"],"names":["HiddenScrollbarBox","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","_ChatInput","_ref","ref","value","defaultValue","onChange","onSubmit","_ref$placeholder","placeholder","_ref$isDisabled","isDisabled","_ref$isGenerating","isGenerating","onStop","fileList","onFileChange","onFileRemove","onFileReupload","accept","suggestions","onSuggestionAccept","validationState","errorText","onErrorDismiss","_ref$accessibilityLab","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useChatInput","useChatInput","fileInputRef","mergedRef","textValue","files","setActiveSuggestionIndex","hasFiles","isSubmitDisabled","showGhostSuggestion","handleTextChange","handleSubmit","handleKeyDown","handleUploadClick","handleFileInputChange","handleFileRemove","handlePaste","errorSlideVariants","initial","opacity","animate","transform","transition","duration","msToSeconds","motion","xmoderate","ease","cssBezierToArray","castWebType","easing","emphasized","exit","transitionEnd","filePreviewMotionVariants","height","overflow","quick","filePreviewContent","_jsx","AnimatePresence","children","BaseMotionBox","motionVariants","flexDirection","gap","paddingTop","paddingX","overflowX","overflowY","flexWrap","map","file","_file$id","FileUploadItem","flexShrink","flexGrow","flexBasis","minWidth","maxWidth","onRemove","onReupload","undefined","id","name","actionBarContent","ChatInputActionBar","onUploadClick","isError","_jsxs","_objectSpread","position","metaAttribute","MetaConstants","ChatInput","getStyledProps","type","multiple","disabled","style","zIndex","BaseInput","as","elevation","label","hideLabelText","hideFormHint","onKeyDown","onPaste","numberOfLines","size","padding","makeSpace","spacing","borderRadius","caretColor","topContent","bottomContent","inputRowOverlay","top","left","right","pointerEvents","ChatInputGhostSuggestion","isVisible","onIndexChange","makeAnalyticsAttribute","bottom","BaseMotionEntryExit","alignItems","backgroundColor","paddingBottom","borderTopLeftRadius","borderTopRightRadius","role","InfoIcon","color","Text","truncateAfterLines","IconButton","marginLeft","icon","CloseIcon","emphasis","onClick","assignWithoutSideEffects","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,YAAA;EAAA,OAAO;AAChD,IAAA,sBAAsB,EAAE;AAAEC,MAAAA,OAAO,EAAE,MAAA;KAAQ;AAC3CC,IAAAA,cAAc,EAAE,MAAA;GACjB,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,UAA2E,GAAG,SAA9EA,UAA2EA,CAAAC,IAAA,EAwB/EC,GAAG,EACA;AAAA,EAAA,IAvBDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAAC,gBAAA,GAAAN,IAAA,CACRO,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,mBAAmB,GAAAA,gBAAA;IAAAE,eAAA,GAAAR,IAAA,CACjCS,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,iBAAA,GAAAV,IAAA,CAClBW,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IACpBE,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,YAAY,GAAAf,IAAA,CAAZe,YAAY;IACZC,cAAc,GAAAhB,IAAA,CAAdgB,cAAc;IACdC,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IACNC,WAAW,GAAAlB,IAAA,CAAXkB,WAAW;IACXC,kBAAkB,GAAAnB,IAAA,CAAlBmB,kBAAkB;IAClBC,eAAe,GAAApB,IAAA,CAAfoB,eAAe;IACfC,SAAS,GAAArB,IAAA,CAATqB,SAAS;IACTC,cAAc,GAAAtB,IAAA,CAAdsB,cAAc;IAAAC,qBAAA,GAAAvB,IAAA,CACdwB,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,qBAAA;IACjCE,MAAM,GAAAzB,IAAA,CAANyB,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAA3B,IAAA,EAAA4B,SAAA,CAAA,CAAA;AAIT,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EAEb,IAAAC,aAAA,GAgBIC,YAAY,CACd;AACE/B,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,QAAQ,EAARA,QAAQ;AACRI,MAAAA,UAAU,EAAVA,UAAU;AACVE,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,YAAY,EAAZA,YAAY;AACZE,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,WAAW,EAAXA,WAAW;AACXC,MAAAA,kBAAkB,EAAlBA,kBAAAA;KACD,EACDlB,GACF,CAAC;IAhCCiC,YAAY,GAAAF,aAAA,CAAZE,YAAY;IACZC,SAAS,GAAAH,aAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,aAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,aAAA,CAALK,KAAK;IACLC,wBAAwB,GAAAN,aAAA,CAAxBM,wBAAwB;IACxBC,QAAQ,GAAAP,aAAA,CAARO,QAAQ;IACRC,gBAAgB,GAAAR,aAAA,CAAhBQ,gBAAgB;IAChBC,mBAAmB,GAAAT,aAAA,CAAnBS,mBAAmB;IACnBC,gBAAgB,GAAAV,aAAA,CAAhBU,gBAAgB;IAChBC,YAAY,GAAAX,aAAA,CAAZW,YAAY;IACZC,aAAa,GAAAZ,aAAA,CAAbY,aAAa;IACbC,iBAAiB,GAAAb,aAAA,CAAjBa,iBAAiB;IACjBC,qBAAqB,GAAAd,aAAA,CAArBc,qBAAqB;IACrBC,gBAAgB,GAAAf,aAAA,CAAhBe,gBAAgB;IAChBC,WAAW,GAAAhB,aAAA,CAAXgB,WAAW,CAAA;AAoBb,EAAA,IAAMC,kBAAsC,GAAG;AAC7CC,IAAAA,OAAO,EAAE;AAAEC,MAAAA,OAAO,EAAE,CAAA;KAAG;AACvBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,SAAS,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,CAAC;AACjDF,MAAAA,OAAO,EAAE,CAAC;AACVG,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACzB,KAAK,CAAC0B,MAAM,CAACF,QAAQ,CAACG,SAAS,CAAC;AACtDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAC9B,KAAK,CAAC0B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,OAAO,EAAE,CAAC;AACVE,MAAAA,SAAS,EAAE,kBAAkB;AAC7BY,MAAAA,aAAa,EAAE;AAAEZ,QAAAA,SAAS,EAAE,kBAAA;OAAoB;AAChDC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACzB,KAAK,CAAC0B,MAAM,CAACF,QAAQ,CAACG,SAAS,CAAC;AACtDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAC9B,KAAK,CAAC0B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,IAAMG,yBAA6C,GAAG;AACpDhB,IAAAA,OAAO,EAAE;AAAEiB,MAAAA,MAAM,EAAE,KAAK;AAAEC,MAAAA,QAAQ,EAAE,QAAA;KAAU;AAC9ChB,IAAAA,OAAO,EAAE;AACPe,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,QAAQ,EAAE,QAAQ;AAClBd,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACzB,KAAK,CAAC0B,MAAM,CAACF,QAAQ,CAACc,KAAK,CAAC;AAClDV,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAC9B,KAAK,CAAC0B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJG,MAAAA,MAAM,EAAE,KAAK;AACbC,MAAAA,QAAQ,EAAE,QAAQ;AAClBd,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACzB,KAAK,CAAC0B,MAAM,CAACF,QAAQ,CAACc,KAAK,CAAC;AAClDV,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAC9B,KAAK,CAAC0B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,IAAMO,kBAAkB,gBACtBC,GAAA,CAACC,eAAe,EAAA;AAAAC,IAAAA,QAAA,EACblC,QAAQ,gBACPgC,GAAA,CAACG,aAAa,EAAA;AAACC,MAAAA,cAAc,EAAET,yBAA0B;MAAAO,QAAA,eACvDF,GAAA,CAAChF,kBAAkB,EAAA;AACjBM,QAAAA,OAAO,EAAC,MAAM;AACd+E,QAAAA,aAAa,EAAC,KAAK;AACnBC,QAAAA,GAAG,EAAC,WAAW;AACfC,QAAAA,UAAU,EAAC,WAAW;AACtBC,QAAAA,QAAQ,EAAC,WAAW;AACpBC,QAAAA,SAAS,EAAC,MAAM;AAChBb,QAAAA,MAAM,EAAC,MAAM;AACbc,QAAAA,SAAS,EAAC,QAAQ;AAClBC,QAAAA,QAAQ,EAAC,QAAQ;AAAAT,QAAAA,QAAA,EAEhBpC,KAAK,CAAC8C,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,UAAA,IAAAC,QAAA,CAAA;UAAA,oBACdd,GAAA,CAACe,cAAc,EAAA;AACbC,YAAAA,UAAU,EAAE,CAAE;AACdC,YAAAA,QAAQ,EAAE,CAAE;AACZC,YAAAA,SAAS,EAAE,CAAE;AACbC,YAAAA,QAAQ,EAAC,OAAO;AAChBC,YAAAA,QAAQ,EAAC,OAAO;AAEhBP,YAAAA,IAAI,EAAEA,IAAK;YACXQ,QAAQ,EAAE,SAAVA,QAAQA,GAAA;cAAA,OAAQ7C,gBAAgB,CAACqC,IAAI,CAAC,CAAA;aAAC;YACvCS,UAAU,EAAE7E,cAAc,GAAG,YAAA;AAAA,cAAA,OAAMA,cAAc,CAAC;AAAEoE,gBAAAA,IAAI,EAAJA,IAAAA;AAAK,eAAC,CAAC,CAAA;aAAGU,GAAAA,SAAAA;AAAU,WAAA,EAAA,CAAAT,QAAA,GAHnED,IAAI,CAACW,EAAE,MAAA,IAAA,IAAAV,QAAA,KAAA,KAAA,CAAA,GAAAA,QAAA,GAAID,IAAI,CAACY,IAItB,CAAC,CAAA;SACH,CAAA;OACiB,CAAA;AAAC,KACR,CAAC,GACd,IAAA;AAAI,GACO,CAClB,CAAA;AAED,EAAA,IAAMC,gBAAgB,gBACpB1B,GAAA,CAAC2B,kBAAkB,EAAA;AACjBzF,IAAAA,UAAU,EAAEA,UAAW;AACvBE,IAAAA,YAAY,EAAEA,YAAa;AAC3B6B,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnC2D,IAAAA,aAAa,EAAEtD,iBAAkB;AACjCxC,IAAAA,QAAQ,EAAEsC,YAAa;AACvB/B,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAChB,CACF,CAAA;AAED,EAAA,IAAMwF,OAAO,GAAGhF,eAAe,KAAK,OAAO,CAAA;EAE3C,oBACEiF,IAAA,CAAC5G,OAAO,EAAA6G,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,QAAQ,EAAC,UAAA;AAAU,GAAA,EACfC,aAAa,CAAC;IAAER,IAAI,EAAES,aAAa,CAACC,SAAS;AAAEjF,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACxDkF,cAAc,CAACjF,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAA+C,IAAAA,QAAA,gBAGxBF,GAAA,CAAA,OAAA,EAAA;AACEtE,MAAAA,GAAG,EAAEiC,YAAa;AAClB0E,MAAAA,IAAI,EAAC,MAAM;AACX3F,MAAAA,MAAM,EAAEA,MAAO;AACf4F,MAAAA,QAAQ,EAAE,IAAK;AACfzG,MAAAA,QAAQ,EAAE0C,qBAAsB;AAChCgE,MAAAA,QAAQ,EAAErG,UAAW;AACrBsG,MAAAA,KAAK,EAAE;AAAElH,QAAAA,OAAO,EAAE,MAAA;OAAS;MAC3B,aAAY,EAAA,MAAA;AAAM,KACnB,CAAC,eAEF0E,GAAA,CAAC9E,OAAO,EAAA;AAAC8G,MAAAA,QAAQ,EAAC,UAAU;AAACS,MAAAA,MAAM,EAAE,CAAE;AAAAvC,MAAAA,QAAA,eACrCF,GAAA,CAAC0C,SAAS,EAAAX,aAAA,CAAA;AACRrG,QAAAA,GAAG,EAAEkC,SAAU;AACf+E,QAAAA,EAAE,EAAC,UAAU;AACbnB,QAAAA,EAAE,EAAC,YAAY;AACfoB,QAAAA,SAAS,EAAC,YAAY;AACtBC,QAAAA,KAAK,EAAEtB,SAAU;AACjBtE,QAAAA,kBAAkB,EAAEA,kBAAmB;QACvC6F,aAAa,EAAA,IAAA;QACbC,YAAY,EAAA,IAAA;AACZ/G,QAAAA,WAAW,EAAEkC,mBAAmB,GAAG,EAAE,GAAGlC,WAAY;AACpDL,QAAAA,KAAK,EAAEkC,SAAU;AACjBhC,QAAAA,QAAQ,EAAEsC,gBAAiB;AAC3B6E,QAAAA,SAAS,EAAE3E,aAAc;AACzB4E,QAAAA,OAAO,EAAExE,WAAY;AACrBvC,QAAAA,UAAU,EAAEA,UAAW;AACvBgH,QAAAA,aAAa,EAAE,CAAE;AACjBC,QAAAA,IAAI,EAAC,QAAQ;QACbC,OAAO,EAAEC,SAAS,CAAC7F,KAAK,CAAC8F,OAAO,CAAC,CAAC,CAAC,CAAE;AACrCC,QAAAA,YAAY,EAAC,OAAO;AACpBC,QAAAA,UAAU,EAAC,6BAA6B;AACxCC,QAAAA,UAAU,EAAE1D,kBAAmB;AAC/B2D,QAAAA,aAAa,EAAEhC,gBAAiB;AAChCiC,QAAAA,eAAe,EACbzF,mBAAmB,IAAIvB,WAAW,gBAChCqD,GAAA,CAAC9E,OAAO,EAAA;AACN8G,UAAAA,QAAQ,EAAC,UAAU;AACnB4B,UAAAA,GAAG,EAAC,WAAW;AACfC,UAAAA,IAAI,EAAC,WAAW;AAChBC,UAAAA,KAAK,EAAC,WAAW;AACjBC,UAAAA,aAAa,EAAC,MAAM;AACpBtB,UAAAA,MAAM,EAAE,CAAE;UAAAvC,QAAA,eAEVF,GAAA,CAACgE,wBAAwB,EAAA;AACvBrH,YAAAA,WAAW,EAAEA,WAAY;AACzBsH,YAAAA,SAAS,EAAE/F,mBAAoB;AAC/BgG,YAAAA,aAAa,EAAEnG,wBAAAA;WAChB,CAAA;AAAC,SACK,CAAC,GACR,IAAA;AACL,OAAA,EACGoG,sBAAsB,CAAChH,IAAI,CAAC,CACjC,CAAA;AAAC,KACK,CAAC,eAGV6C,GAAA,CAAC9E,OAAO,EAAA;AACN8G,MAAAA,QAAQ,EAAC,UAAU;AACnBoC,MAAAA,MAAM,EAAC,mBAAmB;AAC1BP,MAAAA,IAAI,EAAC,WAAW;AAChBC,MAAAA,KAAK,EAAC,WAAW;AACjBrB,MAAAA,MAAM,EAAE,CAAE;MAAAvC,QAAA,eAEVF,GAAA,CAACqE,mBAAmB,EAAA;AAACjE,QAAAA,cAAc,EAAE1B,kBAAmB;AAACuF,QAAAA,SAAS,EAAEpC,OAAQ;AAACQ,QAAAA,IAAI,EAAC,OAAO;QAAAnC,QAAA,eACvF4B,IAAA,CAAC5G,OAAO,EAAA;AACNI,UAAAA,OAAO,EAAC,MAAM;AACd+E,UAAAA,aAAa,EAAC,KAAK;AACnBiE,UAAAA,UAAU,EAAC,QAAQ;AACnBhE,UAAAA,GAAG,EAAC,WAAW;AACfiE,UAAAA,eAAe,EAAC,qCAAqC;AACrD/D,UAAAA,QAAQ,EAAC,WAAW;AACpBD,UAAAA,UAAU,EAAC,WAAW;AACtBiE,UAAAA,aAAa,EAAC,WAAW;AACzBC,UAAAA,mBAAmB,EAAC,QAAQ;AAC5BC,UAAAA,oBAAoB,EAAC,QAAQ;AAC7BC,UAAAA,IAAI,EAAC,OAAO;UAAAzE,QAAA,EAAA,cAEZF,GAAA,CAAC4E,QAAQ,EAAA;AAACzB,YAAAA,IAAI,EAAC,OAAO;AAAC0B,YAAAA,KAAK,EAAC,gCAAA;AAAgC,WAAE,CAAC,eAChE7E,GAAA,CAAC8E,IAAI,EAAA;AAAC3B,YAAAA,IAAI,EAAC,OAAO;AAAC4B,YAAAA,kBAAkB,EAAE,CAAE;AAACF,YAAAA,KAAK,EAAC,gCAAgC;AAAA3E,YAAAA,QAAA,EAC7EpD,SAAAA;AAAS,WACN,CAAC,EACNC,cAAc,gBACbiD,GAAA,CAACgF,UAAU,EAAA;AACTC,YAAAA,UAAU,EAAC,MAAM;AACjBC,YAAAA,IAAI,EAAEC,SAAU;AAChBhC,YAAAA,IAAI,EAAC,OAAO;AACZiC,YAAAA,QAAQ,EAAC,SAAS;AAClBnI,YAAAA,kBAAkB,EAAC,eAAe;YAClCoI,OAAO,EAAE,SAATA,OAAOA,GAAA;cAAA,OAAQtI,cAAc,EAAE,CAAA;AAAA,aAAA;WAChC,CAAC,GACA,IAAI,CAAA;SACD,CAAA;OACU,CAAA;AAAC,KACf,CAAC,CAAA;AAAA,GAAA,CACH,CAAC,CAAA;AAEd,CAAC,CAAA;AAEKoF,IAAAA,SAAS,gBAAGmD,wBAAwB,cAACC,cAAK,CAACC,UAAU,CAAChK,UAAU,CAAC,EAAE;EACvEH,WAAW,EAAE6G,aAAa,CAACC,SAAS;AACpC/G,EAAAA,WAAW,EAAE,WAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/ChatInput/ChatInputActionBar.js

@@ -0,0 +1,60 @@
+import 'react';
+import '../Box/BaseBox/index.js';
+import '../Button/index.js';
+import '../Link/index.js';
+import '../Icons/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import Link from '../Link/Link/Link.js';
+import PlusIcon from '../Icons/PlusIcon/PlusIcon.js';
+import Button from '../Button/Button/Button.js';
+import StopCircleIcon from '../Icons/StopCircleIcon/StopCircleIcon.js';
+import ArrowUpIcon from '../Icons/ArrowUpIcon/ArrowUpIcon.js';
+
+var ChatInputActionBar = function ChatInputActionBar(_ref) {
+  var isDisabled = _ref.isDisabled,
+    isGenerating = _ref.isGenerating,
+    isSubmitDisabled = _ref.isSubmitDisabled,
+    onUploadClick = _ref.onUploadClick,
+    onSubmit = _ref.onSubmit,
+    onStop = _ref.onStop;
+  return /*#__PURE__*/jsxs(BaseBox, {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "spacing.5",
+    children: [/*#__PURE__*/jsx(Link, {
+      variant: "button",
+      color: "neutral",
+      size: "small",
+      icon: PlusIcon,
+      onClick: onUploadClick,
+      isDisabled: isDisabled,
+      children: "Upload file"
+    }), /*#__PURE__*/jsx(BaseBox, {
+      children: isGenerating ? /*#__PURE__*/jsx(Button, {
+        icon: StopCircleIcon,
+        variant: "secondary",
+        accessibilityLabel: "Stop generation",
+        onClick: function onClick() {
+          return onStop === null || onStop === void 0 ? void 0 : onStop();
+        },
+        size: "small"
+      }) : /*#__PURE__*/jsx(Button, {
+        icon: ArrowUpIcon,
+        variant: "primary",
+        color: "primary",
+        accessibilityLabel: "Submit",
+        onClick: onSubmit
+        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+        ,
+        isDisabled: isSubmitDisabled || isDisabled,
+        size: "small"
+      })
+    })]
+  });
+};
+
+export { ChatInputActionBar };
+//# sourceMappingURL=ChatInputActionBar.js.map

package/build/lib/web/development/components/ChatInput/ChatInputActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputActionBar.js","sources":["../../../../../../src/components/ChatInput/ChatInputActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Link } from '~components/Link';\nimport { ArrowUpIcon, StopCircleIcon, PlusIcon } from '~components/Icons';\n\ntype ChatInputActionBarProps = {\n  isDisabled?: boolean;\n  isGenerating?: boolean;\n  isSubmitDisabled?: boolean;\n  onUploadClick: () => void;\n  onSubmit: () => void;\n  onStop?: () => void;\n};\n\nconst ChatInputActionBar = ({\n  isDisabled,\n  isGenerating,\n  isSubmitDisabled,\n  onUploadClick,\n  onSubmit,\n  onStop,\n}: ChatInputActionBarProps): React.ReactElement => {\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      padding=\"spacing.5\"\n    >\n      <Link\n        variant=\"button\"\n        color=\"neutral\"\n        size=\"small\"\n        icon={PlusIcon}\n        onClick={onUploadClick}\n        isDisabled={isDisabled}\n      >\n        Upload file\n      </Link>\n      <BaseBox>\n        {isGenerating ? (\n          <Button\n            icon={StopCircleIcon}\n            variant=\"secondary\"\n            accessibilityLabel=\"Stop generation\"\n            onClick={() => onStop?.()}\n            size=\"small\"\n          />\n        ) : (\n          <Button\n            icon={ArrowUpIcon}\n            variant=\"primary\"\n            color=\"primary\"\n            accessibilityLabel=\"Submit\"\n            onClick={onSubmit}\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            isDisabled={isSubmitDisabled || isDisabled}\n            size=\"small\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { ChatInputActionBar };\nexport type { ChatInputActionBarProps };\n"],"names":["ChatInputActionBar","_ref","isDisabled","isGenerating","isSubmitDisabled","onUploadClick","onSubmit","onStop","_jsxs","BaseBox","display","flexDirection","justifyContent","alignItems","padding","children","_jsx","Link","variant","color","size","icon","PlusIcon","onClick","Button","StopCircleIcon","accessibilityLabel","ArrowUpIcon"],"mappings":";;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IANjDC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,MAAM,GAAAN,IAAA,CAANM,MAAM,CAAA;EAEN,oBACEC,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,cAAc,EAAC,eAAe;AAC9BC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,OAAO,EAAC,WAAW;IAAAC,QAAA,EAAA,cAEnBC,GAAA,CAACC,IAAI,EAAA;AACHC,MAAAA,OAAO,EAAC,QAAQ;AAChBC,MAAAA,KAAK,EAAC,SAAS;AACfC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAEC,QAAS;AACfC,MAAAA,OAAO,EAAElB,aAAc;AACvBH,MAAAA,UAAU,EAAEA,UAAW;AAAAa,MAAAA,QAAA,EACxB,aAAA;AAED,KAAM,CAAC,eACPC,GAAA,CAACP,OAAO,EAAA;AAAAM,MAAAA,QAAA,EACLZ,YAAY,gBACXa,GAAA,CAACQ,MAAM,EAAA;AACLH,QAAAA,IAAI,EAAEI,cAAe;AACrBP,QAAAA,OAAO,EAAC,WAAW;AACnBQ,QAAAA,kBAAkB,EAAC,iBAAiB;QACpCH,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,UAAA,OAAQhB,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,EAAI,CAAA;SAAC;AAC1Ba,QAAAA,IAAI,EAAC,OAAA;AAAO,OACb,CAAC,gBAEFJ,GAAA,CAACQ,MAAM,EAAA;AACLH,QAAAA,IAAI,EAAEM,WAAY;AAClBT,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,KAAK,EAAC,SAAS;AACfO,QAAAA,kBAAkB,EAAC,QAAQ;AAC3BH,QAAAA,OAAO,EAAEjB,QAAAA;AACT;AAAA;QACAJ,UAAU,EAAEE,gBAAgB,IAAIF,UAAW;AAC3CkB,QAAAA,IAAI,EAAC,OAAA;OACN,CAAA;AACF,KACM,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/ChatInput/ChatInputGhostSuggestion.js

@@ -0,0 +1,58 @@
+import 'react';
+import { chatInputSuggestionCycleInterval } from './chatInputTokens.js';
+import '../Badge/index.js';
+import '../Icons/index.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../RollingText/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { RollingText } from '../RollingText/RollingText.web.js';
+import { Text } from '../Typography/Text/Text.js';
+import { Badge } from '../Badge/Badge.js';
+import ArrowRightIcon from '../Icons/ArrowRightIcon/ArrowRightIcon.js';
+
+var ChatInputGhostSuggestion = function ChatInputGhostSuggestion(_ref) {
+  var suggestions = _ref.suggestions,
+    isVisible = _ref.isVisible,
+    onIndexChange = _ref.onIndexChange;
+  if (!isVisible || suggestions.length === 0) return null;
+  return /*#__PURE__*/jsx(BaseBox, {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: "spacing.3",
+    position: "absolute",
+    top: "spacing.0",
+    left: "spacing.0",
+    right: "spacing.0",
+    pointerEvents: "none",
+    children: /*#__PURE__*/jsx(RollingText, {
+      texts: suggestions,
+      onIndexChange: onIndexChange,
+      cycleDuration: chatInputSuggestionCycleInterval,
+      showShimmer: false,
+      children: function children(text) {
+        return /*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          alignItems: "center",
+          gap: "spacing.3",
+          children: [/*#__PURE__*/jsx(Text, {
+            color: "surface.text.gray.muted",
+            truncateAfterLines: 1,
+            size: "medium",
+            children: text
+          }), /*#__PURE__*/jsx(Badge, {
+            color: "neutral",
+            size: "small",
+            icon: ArrowRightIcon,
+            children: "Tab"
+          })]
+        });
+      }
+    })
+  });
+};
+
+export { ChatInputGhostSuggestion };
+//# sourceMappingURL=ChatInputGhostSuggestion.js.map

package/build/lib/web/development/components/ChatInput/ChatInputGhostSuggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputGhostSuggestion.js","sources":["../../../../../../src/components/ChatInput/ChatInputGhostSuggestion.tsx"],"sourcesContent":["import React from 'react';\nimport { chatInputSuggestionCycleInterval } from './chatInputTokens';\nimport { Badge } from '~components/Badge';\nimport { ArrowRightIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { RollingText } from '~components/RollingText';\n\ntype ChatInputGhostSuggestionProps = {\n  suggestions: string[];\n  isVisible: boolean;\n  onIndexChange?: (index: number) => void;\n};\n\nconst ChatInputGhostSuggestion = ({\n  suggestions,\n  isVisible,\n  onIndexChange,\n}: ChatInputGhostSuggestionProps): React.ReactElement | null => {\n  if (!isVisible || suggestions.length === 0) return null;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      gap=\"spacing.3\"\n      position=\"absolute\"\n      top=\"spacing.0\"\n      left=\"spacing.0\"\n      right=\"spacing.0\"\n      pointerEvents=\"none\"\n    >\n      <RollingText\n        texts={suggestions}\n        onIndexChange={onIndexChange}\n        cycleDuration={chatInputSuggestionCycleInterval}\n        showShimmer={false}\n      >\n        {(text) => (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n            <Text color=\"surface.text.gray.muted\" truncateAfterLines={1} size=\"medium\">\n              {text}\n            </Text>\n            <Badge color=\"neutral\" size=\"small\" icon={ArrowRightIcon}>\n              Tab\n            </Badge>\n          </BaseBox>\n        )}\n      </RollingText>\n    </BaseBox>\n  );\n};\n\nexport { ChatInputGhostSuggestion };\nexport type { ChatInputGhostSuggestionProps };\n"],"names":["ChatInputGhostSuggestion","_ref","suggestions","isVisible","onIndexChange","length","_jsx","BaseBox","display","flexDirection","alignItems","gap","position","top","left","right","pointerEvents","children","RollingText","texts","cycleDuration","chatInputSuggestionCycleInterval","showShimmer","text","_jsxs","Text","color","truncateAfterLines","size","Badge","icon","ArrowRightIcon"],"mappings":";;;;;;;;;;;;;;AAcA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAIkC;AAAA,EAAA,IAH9DC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,aAAa,GAAAH,IAAA,CAAbG,aAAa,CAAA;EAEb,IAAI,CAACD,SAAS,IAAID,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI,CAAA;EAEvD,oBACEC,GAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,QAAQ,EAAC,UAAU;AACnBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,IAAI,EAAC,WAAW;AAChBC,IAAAA,KAAK,EAAC,WAAW;AACjBC,IAAAA,aAAa,EAAC,MAAM;IAAAC,QAAA,eAEpBX,GAAA,CAACY,WAAW,EAAA;AACVC,MAAAA,KAAK,EAAEjB,WAAY;AACnBE,MAAAA,aAAa,EAAEA,aAAc;AAC7BgB,MAAAA,aAAa,EAAEC,gCAAiC;AAChDC,MAAAA,WAAW,EAAE,KAAM;MAAAL,QAAA,EAElB,SAAAA,QAAAA,CAACM,IAAI,EAAA;QAAA,oBACJC,IAAA,CAACjB,OAAO,EAAA;AAACC,UAAAA,OAAO,EAAC,MAAM;AAACE,UAAAA,UAAU,EAAC,QAAQ;AAACC,UAAAA,GAAG,EAAC,WAAW;UAAAM,QAAA,EAAA,cACzDX,GAAA,CAACmB,IAAI,EAAA;AAACC,YAAAA,KAAK,EAAC,yBAAyB;AAACC,YAAAA,kBAAkB,EAAE,CAAE;AAACC,YAAAA,IAAI,EAAC,QAAQ;AAAAX,YAAAA,QAAA,EACvEM,IAAAA;AAAI,WACD,CAAC,eACPjB,GAAA,CAACuB,KAAK,EAAA;AAACH,YAAAA,KAAK,EAAC,SAAS;AAACE,YAAAA,IAAI,EAAC,OAAO;AAACE,YAAAA,IAAI,EAAEC,cAAe;AAAAd,YAAAA,QAAA,EAAC,KAAA;AAE1D,WAAO,CAAC,CAAA;AAAA,SACD,CAAC,CAAA;AAAA,OAAA;KAED,CAAA;AAAC,GACP,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/ChatInput/chatInputTokens.js

@@ -0,0 +1,6 @@
+var chatInputBorderRadius = 'medium';
+var chatInputMaxTextAreaHeight = 200;
+var chatInputSuggestionCycleInterval = 4000;
+
+export { chatInputBorderRadius, chatInputMaxTextAreaHeight, chatInputSuggestionCycleInterval };
+//# sourceMappingURL=chatInputTokens.js.map

package/build/lib/web/development/components/ChatInput/chatInputTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatInputTokens.js","sources":["../../../../../../src/components/ChatInput/chatInputTokens.ts"],"sourcesContent":["const chatInputBorderRadius = 'medium' as const;\n\nconst chatInputMaxTextAreaHeight = 200;\n\nconst chatInputSuggestionCycleInterval = 4000;\n\nexport { chatInputBorderRadius, chatInputMaxTextAreaHeight, chatInputSuggestionCycleInterval };\n"],"names":["chatInputBorderRadius","chatInputMaxTextAreaHeight","chatInputSuggestionCycleInterval"],"mappings":"AAAMA,IAAAA,qBAAqB,GAAG,SAAiB;AAEzCC,IAAAA,0BAA0B,GAAG,IAAG;AAEhCC,IAAAA,gCAAgC,GAAG;;;;"}

package/build/lib/web/development/components/ChatInput/index.js

@@ -0,0 +1,2 @@
+export { ChatInput } from './ChatInput.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/ChatInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}