@purpur/library 9.0.10 → 9.1.0

package/dist/chat-field-yK-TwW0D.mjs

@@ -0,0 +1,149 @@
+import { jsxs as J, jsx as o } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as W, useState as X, useCallback as q, useEffect as T } from "react";
+import { b as I } from "./button-Cv7NlYbv.mjs";
+import { b as V } from "./icon.es-CZcKxTaM.mjs";
+import { c as ee } from "./bind-CU-R61T-.mjs";
+const te = {
+  name: "send",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M1.54 2.149a.9.9 0 0 1 .97-.131l19.514 9.212a.9.9 0 0 1 0 1.628L2.51 22.071A.9.9 0 0 1 1.263 21l2.664-8.957-2.664-8.956a.9.9 0 0 1 .277-.94Zm3.997 10.795-1.974 6.64 14.062-6.64H5.537Zm12.088-1.8H5.537L3.563 4.505l14.062 6.64Z" clip-rule="evenodd"/></svg>',
+  keywords: ["send"],
+  category: "action"
+}, ae = {
+  name: "tv-stop",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 19H5V5h14v14Z"/><path fill-rule="evenodd" d="M19.9 19a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V5a.9.9 0 0 1 .9-.9h14a.9.9 0 0 1 .9.9v14Zm-1.8-.9V5.9H5.9v12.2h12.2Z" clip-rule="evenodd"/></svg>',
+  keywords: ["tv-stop"],
+  category: "action"
+}, re = {
+  "purpur-chat-field": "_purpur-chat-field_16tq2_1",
+  "purpur-chat-field--negative": "_purpur-chat-field--negative_16tq2_13",
+  "purpur-chat-field__frame": "_purpur-chat-field__frame_16tq2_16",
+  "purpur-chat-field__frame--negative": "_purpur-chat-field__frame--negative_16tq2_20",
+  "purpur-chat-field--filled": "_purpur-chat-field--filled_16tq2_34",
+  "purpur-chat-field__textarea": "_purpur-chat-field__textarea_16tq2_34",
+  "purpur-chat-field__textarea--negative": "_purpur-chat-field__textarea--negative_16tq2_37",
+  "purpur-chat-field__action": "_purpur-chat-field__action_16tq2_80"
+}, d = ee.bind(re), le = (...a) => {
+  const l = a.filter(Boolean);
+  return l.length <= 1 ? l[0] || null : (n) => {
+    for (const i of l)
+      typeof i == "function" ? i(n) : i && (i.current = n);
+  };
+}, t = "purpur-chat-field", ie = Q(
+  ({
+    ["data-testid"]: a,
+    value: l,
+    placeholder: n,
+    textareaAriaLabel: i,
+    generating: s = !1,
+    negative: u = !1,
+    sendAriaLabel: k,
+    sendIcon: A,
+    stopAriaLabel: B,
+    rows: f = 1,
+    maxRows: m = 4,
+    onChange: F,
+    onSend: v,
+    onStopClick: L,
+    actionButtonType: p = "button",
+    textareaProps: N,
+    className: R
+  }, Z) => {
+    const h = W(null), {
+      ["aria-label"]: D,
+      ["aria-labelledby"]: x,
+      defaultValue: _,
+      ...S
+    } = N ?? {}, [j, z] = X(() => typeof _ == "string" || typeof _ == "number" ? String(_) : ""), g = l ?? j, c = !!g.length, E = D ?? (x ? void 0 : i ?? n), y = q(() => {
+      const e = h.current;
+      if (!e) return;
+      e.style.height = "auto", e.style.overflowY = "hidden";
+      const r = getComputedStyle(e), w = parseFloat(r.lineHeight) || 20, C = parseFloat(r.paddingTop) || 0, H = parseFloat(r.paddingBottom) || 0, G = w * f + C + H, $ = w * m + C + H;
+      e.scrollHeight > $ ? (e.style.height = `${$}px`, e.style.overflowY = "auto") : e.scrollHeight > G && (e.style.height = `${e.scrollHeight}px`);
+    }, [f, m]);
+    T(() => {
+      y();
+    }, [g, y]);
+    const b = q(
+      (e) => {
+        if (c) {
+          if (p === "submit") {
+            const r = h.current?.form;
+            if (e === "keyboard" && r) {
+              r.requestSubmit();
+              return;
+            }
+            if (e === "button" && r)
+              return;
+          }
+          v();
+        }
+      },
+      [p, c, v]
+    ), K = (e) => {
+      l === void 0 && z(e.target.value), F(e);
+    }, M = (e) => {
+      e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), b("keyboard"));
+    }, P = () => {
+      if (s) {
+        L();
+        return;
+      }
+      b("button");
+    }, Y = s || !c ? "button" : p, O = d([
+      R,
+      t,
+      {
+        [`${t}--filled`]: c,
+        [`${t}--negative`]: u
+      }
+    ]), U = s ? /* @__PURE__ */ o(V, { size: "xs", svg: ae }) : A ?? /* @__PURE__ */ o(V, { size: "xs", svg: te });
+    return /* @__PURE__ */ J("div", { className: O, "data-testid": a, children: [
+      /* @__PURE__ */ o(
+        "textarea",
+        {
+          ...S,
+          ref: le(Z, h),
+          className: d(`${t}__textarea`, {
+            [`${t}__textarea--negative`]: u
+          }),
+          "aria-label": E,
+          "aria-labelledby": x,
+          "data-testid": a ? `${a}-textarea` : void 0,
+          onChange: K,
+          onKeyDown: M,
+          placeholder: n,
+          rows: f,
+          value: g
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: d(`${t}__action`), children: /* @__PURE__ */ o(
+        I,
+        {
+          "aria-label": s ? B : k,
+          "data-testid": a ? `${a}-action` : void 0,
+          iconOnly: !0,
+          negative: u,
+          size: "xs",
+          type: Y,
+          variant: "primary",
+          onClick: P,
+          children: U
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        "span",
+        {
+          className: d(`${t}__frame`, {
+            [`${t}__frame--negative`]: u
+          }),
+          "aria-hidden": "true"
+        }
+      )
+    ] });
+  }
+);
+ie.displayName = "ChatField";
+export {
+  ie as C
+};
+//# sourceMappingURL=chat-field-yK-TwW0D.mjs.map

package/dist/chat-field-yK-TwW0D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-field-yK-TwW0D.mjs","sources":["../../../components/icon/dist/assets/send.es.js","../../../components/icon/dist/assets/tv-stop.es.js","../../../components/chat-field/src/chat-field.tsx"],"sourcesContent":["const e = {\n  name: \"send\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1.54 2.149a.9.9 0 0 1 .97-.131l19.514 9.212a.9.9 0 0 1 0 1.628L2.51 22.071A.9.9 0 0 1 1.263 21l2.664-8.957-2.664-8.956a.9.9 0 0 1 .277-.94Zm3.997 10.795-1.974 6.64 14.062-6.64H5.537Zm12.088-1.8H5.537L3.563 4.505l14.062 6.64Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"send\"],\n  category: \"action\"\n};\nexport {\n  e as send\n};\n//# sourceMappingURL=send.es.js.map\n","const t = {\n  name: \"tv-stop\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 19H5V5h14v14Z\"/><path fill-rule=\"evenodd\" d=\"M19.9 19a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V5a.9.9 0 0 1 .9-.9h14a.9.9 0 0 1 .9.9v14Zm-1.8-.9V5.9H5.9v12.2h12.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-stop\"],\n  category: \"action\"\n};\nexport {\n  t as tvStop\n};\n//# sourceMappingURL=tv-stop.es.js.map\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { Icon } from \"@purpur/icon\";\nimport { send } from \"@purpur/icon/assets/send\";\nimport { tvStop } from \"@purpur/icon/assets/tv-stop\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chat-field.module.scss\";\nconst cx = c.bind(styles);\n\nconst mergeRefs = <T,>(...inputRefs: (Ref<T> | undefined)[]): Ref<T> | React.RefCallback<T> => {\n  const filteredInputRefs = inputRefs.filter(Boolean);\n\n  if (filteredInputRefs.length <= 1) {\n    return filteredInputRefs[0] || null;\n  }\n\n  return (ref: T | null) => {\n    for (const inputRef of filteredInputRefs) {\n      if (typeof inputRef === \"function\") {\n        inputRef(ref);\n      } else if (inputRef) {\n        (inputRef as React.RefObject<T | null>).current = ref;\n      }\n    }\n  };\n};\n\nexport type ChatFieldProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * Current value of the textarea in controlled mode.\n   * When omitted, the component handles textarea state internally.\n   * */\n  value?: string;\n  /**\n   * Placeholder text shown when the textarea is empty.\n   * */\n  placeholder: string;\n  /**\n   * Accessible label for the textarea when no aria-label/aria-labelledby\n   * is provided via `textareaProps`.\n   * */\n  textareaAriaLabel?: string;\n  /**\n   * Changes the action icon from send to stop.\n   * */\n  generating?: boolean;\n  /**\n   * Renders the field with negative appearance.\n   * */\n  negative?: boolean;\n  /**\n   * Accessible label for the send action icon.\n   * */\n  sendAriaLabel: string;\n  /**\n   * Custom icon for the default action button state.\n   * Falls back to the standard send icon when omitted.\n   * */\n  sendIcon?: ReactNode;\n  /**\n   * Accessible label for the stop action icon.\n   * */\n  stopAriaLabel: string;\n  /**\n   * Number of visible text rows. Defaults to 1.\n   * */\n  rows?: number;\n  /**\n   * Maximum number of rows before the textarea scrolls. Defaults to 4.\n   * */\n  maxRows?: number;\n  /**\n   * Callback for textarea value changes.\n   * */\n  onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Callback fired when the send action is triggered (Enter key or send button click).\n   * */\n  onSend: () => void;\n  /**\n   * Callback fired when the stop button is clicked during generating state.\n   * */\n  onStopClick: () => void;\n  /**\n   * HTML type attribute for the action button. Use `\"submit\"` when ChatField\n   * is placed inside a `<form>`. Defaults to `\"button\"`.\n   * */\n  actionButtonType?: \"button\" | \"submit\";\n  /**\n   * Additional props forwarded to the textarea element.\n   * */\n  textareaProps?: Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    \"className\" | \"value\" | \"placeholder\" | \"disabled\" | \"onChange\" | \"rows\"\n  >;\n  className?: string;\n};\n\nconst rootClassName = \"purpur-chat-field\";\n\nexport const ChatField = forwardRef<HTMLTextAreaElement, ChatFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      value,\n      placeholder,\n      textareaAriaLabel: textareaAriaLabelProp,\n      generating = false,\n      negative = false,\n      sendAriaLabel,\n      sendIcon,\n      stopAriaLabel,\n      rows = 1,\n      maxRows = 4,\n      onChange,\n      onSend,\n      onStopClick,\n      actionButtonType = \"button\",\n      textareaProps,\n      className,\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLTextAreaElement>(null);\n    const {\n      [\"aria-label\"]: textareaPropsAriaLabel,\n      [\"aria-labelledby\"]: textareaPropsAriaLabelledBy,\n      defaultValue: textareaDefaultValue,\n      ...textareaRestProps\n    } = textareaProps ?? {};\n\n    const [uncontrolledValue, setUncontrolledValue] = useState(() => {\n      if (typeof textareaDefaultValue === \"string\" || typeof textareaDefaultValue === \"number\") {\n        return String(textareaDefaultValue);\n      }\n      return \"\";\n    });\n\n    const textareaValue = value ?? uncontrolledValue;\n    const hasValue = Boolean(textareaValue.length);\n\n    const resolvedTextareaAriaLabel =\n      textareaPropsAriaLabel ??\n      (textareaPropsAriaLabelledBy ? undefined : textareaAriaLabelProp ?? placeholder);\n\n    const adjustTextareaHeight = useCallback(() => {\n      const textarea = internalRef.current;\n      if (!textarea) return;\n\n      textarea.style.height = \"auto\";\n      textarea.style.overflowY = \"hidden\";\n\n      const computed = getComputedStyle(textarea);\n      const lineHeight = parseFloat(computed.lineHeight) || 20;\n      const paddingTop = parseFloat(computed.paddingTop) || 0;\n      const paddingBottom = parseFloat(computed.paddingBottom) || 0;\n      const naturalHeight = lineHeight * rows + paddingTop + paddingBottom;\n      const maxHeight = lineHeight * maxRows + paddingTop + paddingBottom;\n\n      if (textarea.scrollHeight > maxHeight) {\n        textarea.style.height = `${maxHeight}px`;\n        textarea.style.overflowY = \"auto\";\n      } else if (textarea.scrollHeight > naturalHeight) {\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [rows, maxRows]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [textareaValue, adjustTextareaHeight]);\n\n    const triggerSend = useCallback(\n      (source: \"button\" | \"keyboard\") => {\n        if (!hasValue) return;\n\n        if (actionButtonType === \"submit\") {\n          const parentForm = internalRef.current?.form;\n\n          if (source === \"keyboard\" && parentForm) {\n            parentForm.requestSubmit();\n            return;\n          }\n\n          if (source === \"button\" && parentForm) {\n            return;\n          }\n        }\n\n        onSend();\n      },\n      [actionButtonType, hasValue, onSend]\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (value === undefined) {\n        setUncontrolledValue(event.target.value);\n      }\n\n      onChange(event);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\" && !event.shiftKey && !event.nativeEvent.isComposing) {\n        event.preventDefault();\n        triggerSend(\"keyboard\");\n      }\n    };\n\n    const handleActionClick = () => {\n      if (generating) {\n        onStopClick();\n        return;\n      }\n\n      triggerSend(\"button\");\n    };\n\n    const resolvedActionButtonType: \"button\" | \"submit\" =\n      generating || !hasValue ? \"button\" : actionButtonType;\n\n    const classes = cx([\n      className,\n      rootClassName,\n      {\n        [`${rootClassName}--filled`]: hasValue,\n        [`${rootClassName}--negative`]: negative,\n      },\n    ]);\n\n    const actionIcon = generating ? (\n      <Icon size=\"xs\" svg={tvStop} />\n    ) : (\n      sendIcon ?? <Icon size=\"xs\" svg={send} />\n    );\n\n    return (\n      <div className={classes} data-testid={dataTestId}>\n        <textarea\n          {...textareaRestProps}\n          ref={mergeRefs(ref, internalRef)}\n          className={cx(`${rootClassName}__textarea`, {\n            [`${rootClassName}__textarea--negative`]: negative,\n          })}\n          aria-label={resolvedTextareaAriaLabel}\n          aria-labelledby={textareaPropsAriaLabelledBy}\n          data-testid={dataTestId ? `${dataTestId}-textarea` : undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          rows={rows}\n          value={textareaValue}\n        />\n        <div className={cx(`${rootClassName}__action`)}>\n          <Button\n            aria-label={generating ? stopAriaLabel : sendAriaLabel}\n            data-testid={dataTestId ? `${dataTestId}-action` : undefined}\n            iconOnly\n            negative={negative}\n            size=\"xs\"\n            type={resolvedActionButtonType}\n            variant=\"primary\"\n            onClick={handleActionClick}\n          >\n            {actionIcon}\n          </Button>\n        </div>\n        <span\n          className={cx(`${rootClassName}__frame`, {\n            [`${rootClassName}__frame--negative`]: negative,\n          })}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n);\n\nChatField.displayName = \"ChatField\";\n"],"names":["e","t","cx","c","styles","mergeRefs","inputRefs","filteredInputRefs","ref","inputRef","rootClassName","ChatField","forwardRef","dataTestId","value","placeholder","textareaAriaLabelProp","generating","negative","sendAriaLabel","sendIcon","stopAriaLabel","rows","maxRows","onChange","onSend","onStopClick","actionButtonType","textareaProps","className","internalRef","useRef","textareaPropsAriaLabel","textareaPropsAriaLabelledBy","textareaDefaultValue","textareaRestProps","uncontrolledValue","setUncontrolledValue","useState","textareaValue","hasValue","resolvedTextareaAriaLabel","adjustTextareaHeight","useCallback","textarea","computed","lineHeight","paddingTop","paddingBottom","naturalHeight","maxHeight","useEffect","triggerSend","source","parentForm","handleChange","event","handleKeyDown","handleActionClick","resolvedActionButtonType","classes","actionIcon","jsx","Icon","tvStop","send","jsxs","Button"],"mappings":"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"}

package/dist/chat-field.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chat-field-CxOqk0-9.js");exports.ChatField=e.ChatField;
+//# sourceMappingURL=chat-field.cjs.js.map

package/dist/chat-field.cjs.js.map

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

package/dist/chat-field.es.js

@@ -0,0 +1,5 @@
+import { C as o } from "./chat-field-yK-TwW0D.mjs";
+export {
+  o as ChatField
+};
+//# sourceMappingURL=chat-field.es.js.map

package/dist/chat-field.es.js.map

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

package/dist/components/autocomplete/src/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../components/autocomplete/src/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAmC,MAAM,OAAO,CAAC;AAOxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEnF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,KAAK,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,IAAI,QAAQ,CAC7D,qBAAqB,CAAC,CAAC,CAAC,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC;CACzC,CACF,CAAC;AA6FF,eAAO,MAAM,YAAY,8GAAoC,CAAC;AAG9D,YAAY,EACV,kBAAkB,EAClB,qBAAqB,IAAI,sBAAsB,GAChD,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../components/autocomplete/src/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAmC,MAAM,OAAO,CAAC;AAOxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEnF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,KAAK,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,IAAI,QAAQ,CAC7D,qBAAqB,CAAC,CAAC,CAAC,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC;CACzC,CACF,CAAC;AA8FF,eAAO,MAAM,YAAY,8GAAoC,CAAC;AAG9D,YAAY,EACV,kBAAkB,EAClB,qBAAqB,IAAI,sBAAsB,GAChD,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/chat-field/src/chat-field.d.ts

@@ -0,0 +1,71 @@
+import { default as React, ChangeEvent, ReactNode, TextareaHTMLAttributes } from 'react';
+export type ChatFieldProps = {
+    ["data-testid"]?: string;
+    /**
+     * Current value of the textarea in controlled mode.
+     * When omitted, the component handles textarea state internally.
+     * */
+    value?: string;
+    /**
+     * Placeholder text shown when the textarea is empty.
+     * */
+    placeholder: string;
+    /**
+     * Accessible label for the textarea when no aria-label/aria-labelledby
+     * is provided via `textareaProps`.
+     * */
+    textareaAriaLabel?: string;
+    /**
+     * Changes the action icon from send to stop.
+     * */
+    generating?: boolean;
+    /**
+     * Renders the field with negative appearance.
+     * */
+    negative?: boolean;
+    /**
+     * Accessible label for the send action icon.
+     * */
+    sendAriaLabel: string;
+    /**
+     * Custom icon for the default action button state.
+     * Falls back to the standard send icon when omitted.
+     * */
+    sendIcon?: ReactNode;
+    /**
+     * Accessible label for the stop action icon.
+     * */
+    stopAriaLabel: string;
+    /**
+     * Number of visible text rows. Defaults to 1.
+     * */
+    rows?: number;
+    /**
+     * Maximum number of rows before the textarea scrolls. Defaults to 4.
+     * */
+    maxRows?: number;
+    /**
+     * Callback for textarea value changes.
+     * */
+    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Callback fired when the send action is triggered (Enter key or send button click).
+     * */
+    onSend: () => void;
+    /**
+     * Callback fired when the stop button is clicked during generating state.
+     * */
+    onStopClick: () => void;
+    /**
+     * HTML type attribute for the action button. Use `"submit"` when ChatField
+     * is placed inside a `<form>`. Defaults to `"button"`.
+     * */
+    actionButtonType?: "button" | "submit";
+    /**
+     * Additional props forwarded to the textarea element.
+     * */
+    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "value" | "placeholder" | "disabled" | "onChange" | "rows">;
+    className?: string;
+};
+export declare const ChatField: React.ForwardRefExoticComponent<ChatFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=chat-field.d.ts.map

package/dist/components/chat-field/src/chat-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-field.d.ts","sourceRoot":"","sources":["../../../../../../components/chat-field/src/chat-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAGhB,KAAK,SAAS,EAEd,KAAK,sBAAsB,EAK5B,MAAM,OAAO,CAAC;AA4Bf,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB;;;SAGK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;SAEK;IACL,WAAW,EAAE,MAAM,CAAC;IACpB;;;SAGK;IACL,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;SAEK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,aAAa,EAAE,MAAM,CAAC;IACtB;;;SAGK;IACL,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;SAEK;IACL,aAAa,EAAE,MAAM,CAAC;IACtB;;SAEK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;SAEK;IACL,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;SAEK;IACL,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5D;;SAEK;IACL,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;SAEK;IACL,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;;SAGK;IACL,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC;;SAEK;IACL,aAAa,CAAC,EAAE,IAAI,CAClB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,WAAW,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CACzE,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,SAAS,4FA+KrB,CAAC"}

package/dist/components/dismissable-chip-group/src/dismissable-chip-group-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dismissable-chip-group-item.d.ts","sourceRoot":"","sources":["../../../../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAQtD,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC,GAAG;IACjG,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAIF,eAAO,MAAM,wBAAwB;sDAMlC,6BAA6B;;CA0B/B,CAAC"}
+{"version":3,"file":"dismissable-chip-group-item.d.ts","sourceRoot":"","sources":["../../../../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAStD,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC,GAAG;IACjG,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAIF,eAAO,MAAM,wBAAwB;sDAMlC,6BAA6B;;CA6B/B,CAAC"}

package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts

@@ -1,14 +1,19 @@
 import { default as React, ReactNode } from 'react';
 import { BaseProps } from '../../../libraries/common-types/src/common-types';
 import { HeadingTagType } from '../../heading/src/heading';
+export declare const sizes: readonly ["sm", "md"];
+export declare const DEFAULT_SIZE: "md";
+export type Size = (typeof sizes)[number];
 export type DismissableChipGroupProps = Omit<BaseProps, "children"> & {
     children: ReactNode;
     fullWidth?: boolean;
+    size?: Size;
     title?: string;
     titleTag?: HeadingTagType;
 };
+export declare const SizeContext: React.Context<"sm" | "md">;
 export declare const DismissableChipGroup: {
-    ({ children, className, fullWidth, title, titleTag, ...props }: DismissableChipGroupProps): React.JSX.Element;
+    ({ children, className, fullWidth, size, title, titleTag, ...props }: DismissableChipGroupProps): React.JSX.Element;
     Item: {
         ({ children, id, onDismiss, disabled, ...props }: import('./dismissable-chip-group-item').DismissableChipGroupItemProps): React.JSX.Element;
         displayName: string;

package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dismissable-chip-group.d.ts","sourceRoot":"","sources":["../../../../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQ/D,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAIF,eAAO,MAAM,oBAAoB;oEAO9B,yBAAyB;;;;;;CA4B3B,CAAC"}
+{"version":3,"file":"dismissable-chip-group.d.ts","sourceRoot":"","sources":["../../../../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQ/D,eAAO,MAAM,KAAK,uBAAwB,CAAC;AAC3C,eAAO,MAAM,YAAY,EAAG,IAAa,CAAC;AAE1C,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,4BAAoC,CAAC;AAI7D,eAAO,MAAM,oBAAoB;0EAQ9B,yBAAyB;;;;;;CA6B3B,CAAC"}

package/dist/components/dropdown/src/dropdown-combobox.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { DropdownOption } from './dropdown.types';
+export declare const DropdownCombobox: React.ForwardRefExoticComponent<{
+    id?: string;
+    label?: string;
+    listboxLabel?: string;
+    placeholder?: string;
+    helperText?: string;
+    errorText?: string;
+    valid?: boolean;
+    loading?: boolean;
+    negative?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    "data-testid"?: string;
+} & {
+    combobox: true;
+    options: DropdownOption[];
+    multiple?: boolean;
+    selectedOption?: DropdownOption;
+    selectedOptions?: DropdownOption[];
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputChange?: (value: string) => void;
+    noOptionsText?: React.ReactNode;
+    highlightFirstOption?: boolean;
+    openOnFocus?: boolean;
+    listboxMaxHeight?: string | number;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dropdown-combobox.d.ts.map

package/dist/components/dropdown/src/dropdown-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-combobox.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown-combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAatE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA4N3B,CAAC"}

package/dist/components/dropdown/src/dropdown-select.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { DropdownOption } from './dropdown.types';
+export declare const DropdownSelect: React.ForwardRefExoticComponent<{
+    id?: string;
+    label?: string;
+    listboxLabel?: string;
+    placeholder?: string;
+    helperText?: string;
+    errorText?: string;
+    valid?: boolean;
+    loading?: boolean;
+    negative?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    "data-testid"?: string;
+} & {
+    combobox?: false;
+    options: DropdownOption[];
+    multiple?: boolean;
+    selectedOption?: DropdownOption;
+    selectedOptions?: DropdownOption[];
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    openOnFocus?: boolean;
+    listboxMaxHeight?: string | number;
+    filterOption?: never;
+    onInputChange?: never;
+    inputValue?: never;
+    defaultInputValue?: never;
+    noOptionsText?: never;
+    highlightFirstOption?: never;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dropdown-select.d.ts.map

package/dist/components/dropdown/src/dropdown-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-select.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,kBAAkB,CAAC;AAYpE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmKzB,CAAC"}

package/dist/components/dropdown/src/dropdown-shared.d.ts

@@ -0,0 +1,51 @@
+import { default as React } from 'react';
+import { DropdownOption } from './dropdown.types';
+declare const cx: (...args: import('classnames').ArgumentArray) => string;
+export declare const rootClassName = "purpur-dropdown";
+type GetTestId = (name: string) => string | undefined;
+type DropdownLabelProps = {
+    fieldId: string;
+    htmlForSuffix?: string;
+    label?: string;
+    getTestId: GetTestId;
+    disabled: boolean;
+    negative: boolean;
+    required: boolean;
+};
+export declare const DropdownLabel: ({ fieldId, htmlForSuffix, label, getTestId, disabled, negative, required, }: DropdownLabelProps) => React.JSX.Element | null;
+type DropdownEndAdornmentsProps = {
+    getTestId: GetTestId;
+    loading?: boolean;
+    disabled: boolean;
+    negative: boolean;
+    isValid: boolean;
+    isOpen?: boolean;
+    readOnly?: boolean;
+    showChevronOpen: boolean;
+};
+export declare const DropdownEndAdornments: ({ getTestId, loading, disabled, negative, isValid, isOpen, readOnly, showChevronOpen, }: DropdownEndAdornmentsProps) => React.JSX.Element;
+type DropdownTagsProps = {
+    selectedItems: DropdownOption[];
+    getTestId: GetTestId;
+    disabled: boolean;
+    onRemove: (option: DropdownOption) => void;
+    isSelect?: boolean;
+};
+export declare const DropdownTags: ({ selectedItems, getTestId, disabled, onRemove, isSelect, }: DropdownTagsProps) => React.JSX.Element | null;
+type DropdownFooterProps = {
+    errorText?: string;
+    helperText?: string;
+    helperTextId: string;
+    negative: boolean;
+};
+export declare const DropdownFooter: ({ errorText, helperText, helperTextId, negative, }: DropdownFooterProps) => React.JSX.Element;
+type DropdownListboxItemsProps = {
+    optionsToShow: DropdownOption[];
+    getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;
+    multiple?: boolean;
+    fieldId: string;
+    noOptionsText?: React.ReactNode;
+};
+export declare const DropdownListboxItems: ({ optionsToShow, getListboxItemProps, multiple, fieldId, noOptionsText, }: DropdownListboxItemsProps) => React.JSX.Element | React.JSX.Element[];
+export { cx };
+//# sourceMappingURL=dropdown-shared.d.ts.map

package/dist/components/dropdown/src/dropdown-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-shared.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown-shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,EAAE,yDAAiB,CAAC;AAC1B,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAE/C,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;AAEtD,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,6EAQ3B,kBAAkB,6BAepB,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,yFASnC,0BAA0B,sBA+B5B,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,6DAM1B,iBAAiB,6BA2BnB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,oDAK5B,mBAAmB,sBASrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,mBAAmB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,2EAMlC,yBAAyB,4CA+B3B,CAAC;AAEF,OAAO,EAAE,EAAE,EAAE,CAAC"}

package/dist/components/dropdown/src/dropdown.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { DropdownProps } from './dropdown.types';
+export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+export type { ComboboxProps, DropdownOption, DropdownProps, SelectProps } from './dropdown.types';
+export { useDropdown } from './useDropdown';
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/src/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAiB,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAIlF,eAAO,MAAM,QAAQ,sFAMnB,CAAC;AAIH,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/dropdown/src/dropdown.types.d.ts

@@ -0,0 +1,94 @@
+export type DropdownOption = {
+    label: string;
+    id: string;
+    value?: string;
+    disabled?: boolean;
+};
+/** Shared props across all variants */
+type DropdownBaseProps = {
+    /** Unique id used to prefix all sub-element ids. */
+    id?: string;
+    /** Visible label rendered above the field. */
+    label?: string;
+    /** Accessible label for the listbox popup (required for select/combobox). */
+    listboxLabel?: string;
+    /** Placeholder text shown when no value is selected. */
+    placeholder?: string;
+    /** Helper text rendered below the field. */
+    helperText?: string;
+    /** Error text rendered below the field. Puts the field in an error state. */
+    errorText?: string;
+    /** Render the field with a valid (success) appearance. */
+    valid?: boolean;
+    /** Show a loading spinner inside the field. */
+    loading?: boolean;
+    /** Render on dark backgrounds. */
+    negative?: boolean;
+    /** Mark the field as required. */
+    required?: boolean;
+    /** Disable the field. */
+    disabled?: boolean;
+    /** Make the field read-only. */
+    readOnly?: boolean;
+    className?: string;
+    ["data-testid"]?: string;
+};
+export type SelectProps = DropdownBaseProps & {
+    combobox?: false;
+    options: DropdownOption[];
+    /** Enable multi-select mode. */
+    multiple?: boolean;
+    /** Currently selected option (single-select, controlled). */
+    selectedOption?: DropdownOption;
+    /** Currently selected options (multi-select, controlled). */
+    selectedOptions?: DropdownOption[];
+    /** Fired when an option is selected or deselected. */
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    /** Open the listbox when the trigger receives focus. */
+    openOnFocus?: boolean;
+    /** Maximum height of the listbox popup. */
+    listboxMaxHeight?: string | number;
+    /** Not applicable. */
+    filterOption?: never;
+    /** Not applicable. */
+    onInputChange?: never;
+    /** Not applicable. */
+    inputValue?: never;
+    /** Not applicable. */
+    defaultInputValue?: never;
+    /** Not applicable. */
+    noOptionsText?: never;
+    /** Not applicable. */
+    highlightFirstOption?: never;
+};
+export type ComboboxProps = DropdownBaseProps & {
+    combobox: true;
+    options: DropdownOption[];
+    /** Enable multi-select mode. */
+    multiple?: boolean;
+    /** Currently selected option (single-select, controlled). */
+    selectedOption?: DropdownOption;
+    /** Currently selected options (multi-select, controlled). */
+    selectedOptions?: DropdownOption[];
+    /** Fired when an option is selected or deselected. */
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    /** Custom filter for autocomplete results. */
+    filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;
+    /** Controlled input value. */
+    inputValue?: string;
+    /** Default input value (uncontrolled). */
+    defaultInputValue?: string;
+    /** Fired when the text-input value changes. */
+    onInputChange?: (value: string) => void;
+    /** Text shown when filtering yields no results. */
+    noOptionsText?: React.ReactNode;
+    /** Highlight the first option automatically. */
+    highlightFirstOption?: boolean;
+    /** Open the listbox when the input receives focus. */
+    openOnFocus?: boolean;
+    /** Maximum height of the listbox popup. */
+    listboxMaxHeight?: string | number;
+};
+export type DropdownProps = SelectProps | ComboboxProps;
+export {};
+//# sourceMappingURL=dropdown.types.d.ts.map

package/dist/components/dropdown/src/dropdown.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.types.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown.types.ts"],"names":[],"mappings":"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"}

package/dist/components/dropdown/src/useDropdown.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties } from 'react';
+import { ListboxItemProps, ListboxProps } from '../../listbox/src/listbox';
+import { DropdownOption } from './dropdown.types';
+export type UseDropdownParams = {
+    id: string;
+    variant: "select" | "combobox";
+    options: DropdownOption[];
+    listboxLabel: string;
+    multiple?: boolean;
+    selectedOption?: DropdownOption;
+    selectedOptions?: DropdownOption[];
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputChange?: (value: string) => void;
+    noOptionsText?: React.ReactNode;
+    highlightFirstOption?: boolean;
+    openOnFocus?: boolean;
+    listboxMaxHeight?: string | number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    ["data-testid"]?: string;
+};
+export type UseDropdownReturn = {
+    rootRef: React.RefObject<HTMLDivElement | null>;
+    triggerProps: Record<string, unknown>;
+    inputProps: Record<string, unknown> | null;
+    listboxProps: ListboxProps;
+    getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;
+    optionsToShow: DropdownOption[];
+    isOpen: boolean;
+    highlightedOption: DropdownOption | undefined;
+    selectedItems: DropdownOption[];
+    anchorStyle: CSSProperties;
+};
+export declare const useDropdown: ({ id, variant, options, listboxLabel, multiple, selectedOption, selectedOptions, onSelect, filterOption, inputValue: controlledInputValue, defaultInputValue, onInputChange, noOptionsText, highlightFirstOption, openOnFocus, listboxMaxHeight, disabled, readOnly, ["data-testid"]: dataTestId, }: UseDropdownParams) => UseDropdownReturn;
+//# sourceMappingURL=useDropdown.d.ts.map

package/dist/components/dropdown/src/useDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAG3F,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,mBAAmB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACjF,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,GAAG,SAAS,CAAC;IAC9C,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,WAAW,EAAE,aAAa,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qSAoBzB,iBAAiB,KAAG,iBAiTtB,CAAC"}

package/dist/components/dropdown/src/useDropdownFilter.d.ts

@@ -0,0 +1,9 @@
+import { DropdownOption } from './dropdown.types';
+export declare const getFilteredOptions: ({ options, searchTerm, filterOption, selectedOption, multiple, }: {
+    options: DropdownOption[];
+    searchTerm: string | undefined;
+    filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;
+    selectedOption?: DropdownOption;
+    multiple: boolean;
+}) => DropdownOption[];
+//# sourceMappingURL=useDropdownFilter.d.ts.map

package/dist/components/dropdown/src/useDropdownFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownFilter.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdownFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAiBvD,eAAO,MAAM,kBAAkB,GAAI,kEAMhC;IACD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;IACnF,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACnB,KAAG,cAAc,EAKjB,CAAC"}