@usefragments/ui 1.3.3 → 1.4.0

package/dist/components/Prompt/index.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
+import { type SelectOption, type SelectValue } from '../Select';
 export type PromptVariant = 'default' | 'fixed' | 'sticky';
+export type PromptAppearance = 'panel' | 'seamless';
 export interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit' | 'defaultValue'> {
     children: React.ReactNode;
     /** Controlled input value */
@@ -24,8 +26,19 @@ export interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     autoResize?: boolean;
     /** Submit on Enter key (Shift+Enter for newline) */
     submitOnEnter?: boolean;
+    /** Files added to the prompt, by any of the three routes people actually
+     * use: the attach button, a paste, or a drop anywhere on the card. Providing
+     * it is what turns all three on. */
+    onFiles?: (files: File[]) => void;
+    /** `accept` for the attach button's picker, e.g. `"image/*"`. */
+    accept?: string;
     /** Visual variant - "fixed" for bottom-fixed elevated prompt */
     variant?: PromptVariant;
+    /** How the card is divided up. `panel` keeps the toolbar as a filled footer
+     * under a rule; `seamless` makes the whole card one writing surface with the
+     * controls floating on it — the shape most agent composers use.
+     * @default "panel" */
+    appearance?: PromptAppearance;
 }
 export interface PromptTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'rows' | 'disabled' | 'children'> {
     /** Override placeholder from context */
@@ -34,6 +47,8 @@ export interface PromptTextareaProps extends Omit<React.TextareaHTMLAttributes<H
     onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
     /** Composed with internal submit-on-enter logic */
     onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    /** Composed with the prompt's paste-to-attach behaviour */
+    onPaste?: React.ClipboardEventHandler<HTMLTextAreaElement>;
 }
 export interface PromptToolbarProps {
     children: React.ReactNode;
@@ -79,6 +94,55 @@ export interface PromptModeButtonProps {
     disabled?: boolean;
     className?: string;
 }
+/** One thing attached to the prompt, as the strip needs to render it. */
+export interface PromptAttachment {
+    id: string;
+    name: string;
+    /** Size in bytes. Shown beside the name when known. */
+    size?: number;
+    /** Object URL or data URI. An image gets a thumbnail instead of an icon. */
+    previewUrl?: string;
+}
+export interface PromptAttachmentsProps {
+    items: PromptAttachment[];
+    /** Omit to render the strip read-only. */
+    onRemove?: (id: string) => void;
+    className?: string;
+}
+export interface PromptAttachProps {
+    /** Accessible name.
+     * @default "Attach files" */
+    'aria-label'?: string;
+    /** Custom glyph. Defaults to a plus. */
+    children?: React.ReactNode;
+    /** Overrides the prompt's own `accept` for this control. */
+    accept?: string;
+    /** @default true */
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export interface PromptSelectProps {
+    /** Leading glyph — says what the choice is about, so the visible text can be
+     * the choice itself. */
+    icon?: React.ReactNode;
+    /** Accessible name. The trigger shows the current choice, not this. */
+    'aria-label': string;
+    /** Controlled value */
+    value?: SelectValue | null;
+    /** Default value for uncontrolled usage */
+    defaultValue?: SelectValue;
+    /** Called when the choice changes */
+    onValueChange?: (value: SelectValue | null) => void;
+    /** The choices. Omit and pass `Select.Item` children for richer options. */
+    options?: SelectOption[];
+    children?: React.ReactNode;
+    /** Shown before anything is chosen */
+    placeholder?: string;
+    /** Disabled independently of the prompt's own disabled state */
+    disabled?: boolean;
+    className?: string;
+}
 export interface PromptUsageProps {
     children: React.ReactNode;
     className?: string;
@@ -102,10 +166,14 @@ interface PromptContextValue {
     submitOnEnter: boolean;
     handleSubmit: () => void;
     textareaRef: React.RefObject<HTMLTextAreaElement | null>;
+    accept?: string;
+    /** Undefined when the consumer has not opted into files at all, which is how
+     * Attach knows to disable itself and the root knows not to accept drops. */
+    onFiles?: (files: File[]) => void;
 }
 declare function usePromptContext(): PromptContextValue;
-declare function PromptRoot({ children, value: controlledValue, defaultValue, onChange, onSubmit, placeholder, disabled, loading, minRows, maxRows, autoResize, submitOnEnter, variant, className, ...htmlProps }: PromptProps): import("react/jsx-runtime").JSX.Element;
-declare function PromptTextarea({ placeholder: overridePlaceholder, className, onChange, onKeyDown, 'aria-label': ariaLabel, ...htmlProps }: PromptTextareaProps): import("react/jsx-runtime").JSX.Element;
+declare function PromptRoot({ children, value: controlledValue, defaultValue, onChange, onSubmit, placeholder, disabled, loading, minRows, maxRows, autoResize, submitOnEnter, variant, appearance, onFiles, accept, className, ...htmlProps }: PromptProps): import("react/jsx-runtime").JSX.Element;
+declare function PromptTextarea({ placeholder: overridePlaceholder, className, onChange, onKeyDown, onPaste, 'aria-label': ariaLabel, ...htmlProps }: PromptTextareaProps): import("react/jsx-runtime").JSX.Element;
 declare function PromptToolbar({ children, className }: PromptToolbarProps): import("react/jsx-runtime").JSX.Element;
 declare function PromptTabs({ children, className }: PromptTabsProps): import("react/jsx-runtime").JSX.Element;
 declare function PromptTab({ children, active, onClick, className }: PromptTabProps): import("react/jsx-runtime").JSX.Element;
@@ -113,6 +181,30 @@ declare function PromptActions({ children, className }: PromptActionsProps): imp
 declare function PromptInfo({ children, className }: PromptInfoProps): import("react/jsx-runtime").JSX.Element;
 declare function PromptActionButton({ children, 'aria-label': ariaLabel, onClick, disabled: buttonDisabled, className, }: PromptActionButtonProps): import("react/jsx-runtime").JSX.Element;
 declare function PromptModeButton({ children, onClick, active, disabled: buttonDisabled, className, }: PromptModeButtonProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * What is going with the message. Renders above the textarea rather than under
+ * the toolbar, because these are part of what you are sending and not a
+ * setting on the sending.
+ */
+declare function PromptAttachments({ items, onRemove, className }: PromptAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * The attach control. Does nothing on its own — it opens a picker and hands
+ * the result to the prompt's `onFiles`, the same callback that paste and drop
+ * go through, so a consumer writes one handler for all three.
+ */
+declare function PromptAttach({ 'aria-label': ariaLabel, children, accept: acceptOverride, multiple, disabled: buttonDisabled, className, }: PromptAttachProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * A choice that scopes the submission — model, agent, tone, which project this
+ * runs against. `ModeButton` covers a setting you toggle; this covers one you
+ * pick from a list, which every non-trivial composer ends up needing.
+ *
+ * It is a `Select` throughout, in its ghost variant, so the popup, keyboard
+ * handling and selection state are the same ones the rest of the library uses.
+ * The trigger shows the current choice rather than a field label, because in a
+ * toolbar the choice is the only part worth the width — what kind of choice it
+ * is comes from the icon and the accessible name.
+ */
+declare function PromptSelect({ icon, 'aria-label': ariaLabel, options, children, placeholder, disabled: selectDisabled, className, ...selectProps }: PromptSelectProps): import("react/jsx-runtime").JSX.Element;
 declare function PromptUsage({ children, className }: PromptUsageProps): import("react/jsx-runtime").JSX.Element;
 declare function PromptSubmit({ children, 'aria-label': ariaLabel, className, }: PromptSubmitProps): import("react/jsx-runtime").JSX.Element;
 export declare const Prompt: typeof PromptRoot & {
@@ -124,9 +216,12 @@ export declare const Prompt: typeof PromptRoot & {
     Info: typeof PromptInfo;
     ActionButton: typeof PromptActionButton;
     ModeButton: typeof PromptModeButton;
+    Select: typeof PromptSelect;
+    Attach: typeof PromptAttach;
+    Attachments: typeof PromptAttachments;
     Usage: typeof PromptUsage;
     Submit: typeof PromptSubmit;
 };
-export { PromptRoot, PromptTextarea, PromptToolbar, PromptTabs, PromptTab, PromptActions, PromptInfo, PromptActionButton, PromptModeButton, PromptUsage, PromptSubmit, };
+export { PromptRoot, PromptTextarea, PromptToolbar, PromptTabs, PromptTab, PromptActions, PromptInfo, PromptActionButton, PromptModeButton, PromptSelect, PromptAttach, PromptAttachments, PromptUsage, PromptSubmit, };
 export { usePromptContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Prompt/index.d.ts.map

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

package/dist/components/Prompt/index.js

@@ -1,8 +1,37 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import styles from "./Prompt.module.scss.js";
 import { Loading } from "../Loading/index.js";
+import { Select } from "../Select/index.js";
+function PlusIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" })
+    }
+  );
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" })
+    }
+  );
+}
 function ArrowUpIcon() {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -54,10 +83,15 @@ function PromptRoot({
   autoResize = true,
   submitOnEnter = true,
   variant = "default",
+  appearance = "panel",
+  onFiles,
+  accept,
   className,
   ...htmlProps
 }) {
   const textareaRef = React.useRef(null);
+  const [dragging, setDragging] = React.useState(false);
+  const dragDepth = React.useRef(0);
   const [value, setValue] = useControllableState(
     controlledValue,
     defaultValue,
@@ -67,6 +101,13 @@ function PromptRoot({
     if (disabled || loading || !value.trim()) return;
     onSubmit == null ? void 0 : onSubmit(value);
   }, [disabled, loading, value, onSubmit]);
+  const acceptFiles = React.useCallback(
+    (files) => {
+      if (!onFiles || disabled || loading || files.length === 0) return;
+      onFiles(files);
+    },
+    [onFiles, disabled, loading]
+  );
   const contextValue = {
     value,
     setValue,
@@ -78,12 +119,39 @@ function PromptRoot({
     autoResize,
     submitOnEnter,
     handleSubmit,
-    textareaRef
+    textareaRef,
+    accept,
+    onFiles: onFiles ? acceptFiles : void 0
   };
+  const dropHandlers = onFiles ? {
+    onDragEnter: (event) => {
+      if (!event.dataTransfer.types.includes("Files")) return;
+      dragDepth.current += 1;
+      setDragging(true);
+    },
+    onDragOver: (event) => {
+      if (!event.dataTransfer.types.includes("Files")) return;
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "copy";
+    },
+    onDragLeave: () => {
+      dragDepth.current = Math.max(0, dragDepth.current - 1);
+      if (dragDepth.current === 0) setDragging(false);
+    },
+    onDrop: (event) => {
+      if (!event.dataTransfer.types.includes("Files")) return;
+      event.preventDefault();
+      dragDepth.current = 0;
+      setDragging(false);
+      acceptFiles(Array.from(event.dataTransfer.files));
+    }
+  } : null;
   const classes = [
     styles.prompt,
     variant === "fixed" && styles.fixed,
     variant === "sticky" && styles.sticky,
+    appearance === "seamless" && styles.seamless,
+    dragging && styles.dragging,
     disabled && styles.disabled,
     loading && styles.loading,
     className
@@ -92,10 +160,13 @@ function PromptRoot({
     "div",
     {
       ...htmlProps,
+      ...dropHandlers,
       className: classes,
       "data-disabled": disabled || void 0,
       "data-loading": loading || void 0,
       "data-variant": variant,
+      "data-appearance": appearance,
+      "data-dragging": dragging || void 0,
       children
     }
   ) });
@@ -105,6 +176,7 @@ function PromptTextarea({
   className,
   onChange,
   onKeyDown,
+  onPaste,
   "aria-label": ariaLabel,
   ...htmlProps
 }) {
@@ -119,7 +191,8 @@ function PromptTextarea({
     autoResize,
     submitOnEnter,
     handleSubmit,
-    textareaRef
+    textareaRef,
+    onFiles
   } = usePromptContext();
   const lineHeight = 1.5;
   const padding = 12;
@@ -150,6 +223,20 @@ function PromptTextarea({
       handleSubmit();
     }
   };
+  const handlePaste = (e) => {
+    onPaste == null ? void 0 : onPaste(e);
+    if (e.defaultPrevented || !onFiles) return;
+    const files = Array.from(e.clipboardData.files);
+    if (files.length === 0) return;
+    e.preventDefault();
+    onFiles(
+      files.map(
+        (file, index) => file.name && file.name !== "image.png" ? file : new File([file], `pasted-${index + 1}.${file.type.split("/")[1] || "png"}`, {
+          type: file.type
+        })
+      )
+    );
+  };
   const classes = [styles.textarea, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(
     "textarea",
@@ -160,6 +247,7 @@ function PromptTextarea({
       value,
       onChange: handleChange,
       onKeyDown: handleKeyDown,
+      onPaste: handlePaste,
       placeholder: overridePlaceholder ?? placeholder,
       disabled: disabled || loading,
       rows: minRows,
@@ -240,6 +328,107 @@ function PromptModeButton({
     }
   );
 }
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  const kb = bytes / 1024;
+  if (kb < 1024) return `${Math.round(kb)} KB`;
+  return `${(kb / 1024).toFixed(kb / 1024 < 10 ? 1 : 0)} MB`;
+}
+function PromptAttachments({ items, onRemove, className }) {
+  if (items.length === 0) return null;
+  const classes = [styles.attachments, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("ul", { className: classes, "aria-label": "Attachments", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: styles.attachment, children: [
+    item.previewUrl ? (
+      // Decorative: the filename beside it is the accessible name, and a
+      // thumbnail of a screenshot has no description worth inventing.
+      /* @__PURE__ */ jsx("img", { src: item.previewUrl, alt: "", className: styles.attachmentThumb })
+    ) : null,
+    /* @__PURE__ */ jsx("span", { className: styles.attachmentName, title: item.name, children: item.name }),
+    item.size != null && /* @__PURE__ */ jsx("span", { className: styles.attachmentSize, children: formatSize(item.size) }),
+    onRemove && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.attachmentRemove,
+        onClick: () => onRemove(item.id),
+        "aria-label": `Remove ${item.name}`,
+        children: /* @__PURE__ */ jsx(CloseIcon, {})
+      }
+    )
+  ] }, item.id)) });
+}
+function PromptAttach({
+  "aria-label": ariaLabel = "Attach files",
+  children,
+  accept: acceptOverride,
+  multiple = true,
+  disabled: buttonDisabled,
+  className
+}) {
+  const { disabled, loading, accept, onFiles } = usePromptContext();
+  const inputRef = React.useRef(null);
+  const isDisabled = disabled || loading || buttonDisabled || !onFiles;
+  const classes = [styles.attach, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: classes,
+        onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.click();
+        },
+        disabled: isDisabled,
+        "aria-label": ariaLabel,
+        children: children ?? /* @__PURE__ */ jsx(PlusIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        hidden: true,
+        accept: acceptOverride ?? accept,
+        multiple,
+        onChange: (event) => {
+          const files = Array.from(event.target.files ?? []);
+          event.target.value = "";
+          onFiles == null ? void 0 : onFiles(files);
+        }
+      }
+    )
+  ] });
+}
+function PromptSelect({
+  icon,
+  "aria-label": ariaLabel,
+  options,
+  children,
+  placeholder,
+  disabled: selectDisabled,
+  className,
+  ...selectProps
+}) {
+  const { disabled, loading } = usePromptContext();
+  const classes = [styles.select, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      ...selectProps,
+      size: "sm",
+      variant: "ghost",
+      options,
+      placeholder,
+      disabled: disabled || loading || selectDisabled,
+      children: [
+        /* @__PURE__ */ jsx(Select.Trigger, { className: classes, icon, "aria-label": ariaLabel }),
+        /* @__PURE__ */ jsx(Select.Content, { children })
+      ]
+    }
+  );
+}
 function PromptUsage({ children, className }) {
   const classes = [styles.usage, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("span", { className: classes, children });
@@ -286,6 +475,9 @@ const Prompt = Object.assign(PromptRoot, {
   Info: PromptInfo,
   ActionButton: PromptActionButton,
   ModeButton: PromptModeButton,
+  Select: PromptSelect,
+  Attach: PromptAttach,
+  Attachments: PromptAttachments,
   Usage: PromptUsage,
   Submit: PromptSubmit
 });
@@ -293,9 +485,12 @@ export {
   Prompt,
   PromptActionButton,
   PromptActions,
+  PromptAttach,
+  PromptAttachments,
   PromptInfo,
   PromptModeButton,
   PromptRoot,
+  PromptSelect,
   PromptSubmit,
   PromptTab,
   PromptTabs,

package/dist/components/Select/Select.module.scss.cjs

@@ -1,22 +1,26 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_z7hl3_1";
-const label = "_label_z7hl3_6";
-const helper = "_helper_z7hl3_19";
-const helperError = "_helperError_z7hl3_26";
-const errorMessage = "_errorMessage_z7hl3_30";
-const trigger = "_trigger_z7hl3_36";
-const triggerSm = "_triggerSm_z7hl3_99";
-const triggerLg = "_triggerLg_z7hl3_106";
-const value = "_value_z7hl3_113";
-const placeholder = "_placeholder_z7hl3_126";
-const icon = "_icon_z7hl3_130";
-const positioner = "_positioner_z7hl3_145";
-const popup = "_popup_z7hl3_150";
-const item = "_item_z7hl3_182";
-const itemIndicator = "_itemIndicator_z7hl3_230";
-const group = "_group_z7hl3_244";
-const groupLabel = "_groupLabel_z7hl3_250";
+const wrapper = "_wrapper_9zaqb_1";
+const label = "_label_9zaqb_6";
+const helper = "_helper_9zaqb_19";
+const helperError = "_helperError_9zaqb_26";
+const errorMessage = "_errorMessage_9zaqb_30";
+const trigger = "_trigger_9zaqb_36";
+const triggerSm = "_triggerSm_9zaqb_99";
+const triggerLg = "_triggerLg_9zaqb_106";
+const triggerGhost = "_triggerGhost_9zaqb_113";
+const wrapperGhost = "_wrapperGhost_9zaqb_144";
+const triggerIcon = "_triggerIcon_9zaqb_149";
+const value = "_value_9zaqb_157";
+const placeholder = "_placeholder_9zaqb_170";
+const hint = "_hint_9zaqb_174";
+const icon = "_icon_9zaqb_180";
+const positioner = "_positioner_9zaqb_195";
+const popup = "_popup_9zaqb_200";
+const item = "_item_9zaqb_238";
+const itemIndicator = "_itemIndicator_9zaqb_287";
+const group = "_group_9zaqb_301";
+const groupLabel = "_groupLabel_9zaqb_307";
 const styles = {
   wrapper,
   label,
@@ -26,8 +30,12 @@ const styles = {
   trigger,
   triggerSm,
   triggerLg,
+  triggerGhost,
+  wrapperGhost,
+  triggerIcon,
   value,
   placeholder,
+  hint,
   icon,
   positioner,
   popup,
@@ -42,6 +50,7 @@ exports.group = group;
 exports.groupLabel = groupLabel;
 exports.helper = helper;
 exports.helperError = helperError;
+exports.hint = hint;
 exports.icon = icon;
 exports.item = item;
 exports.itemIndicator = itemIndicator;
@@ -50,7 +59,10 @@ exports.placeholder = placeholder;
 exports.popup = popup;
 exports.positioner = positioner;
 exports.trigger = trigger;
+exports.triggerGhost = triggerGhost;
+exports.triggerIcon = triggerIcon;
 exports.triggerLg = triggerLg;
 exports.triggerSm = triggerSm;
 exports.value = value;
 exports.wrapper = wrapper;
+exports.wrapperGhost = wrapperGhost;

package/dist/components/Select/Select.module.scss.js

@@ -1,20 +1,24 @@
-const wrapper = "_wrapper_z7hl3_1";
-const label = "_label_z7hl3_6";
-const helper = "_helper_z7hl3_19";
-const helperError = "_helperError_z7hl3_26";
-const errorMessage = "_errorMessage_z7hl3_30";
-const trigger = "_trigger_z7hl3_36";
-const triggerSm = "_triggerSm_z7hl3_99";
-const triggerLg = "_triggerLg_z7hl3_106";
-const value = "_value_z7hl3_113";
-const placeholder = "_placeholder_z7hl3_126";
-const icon = "_icon_z7hl3_130";
-const positioner = "_positioner_z7hl3_145";
-const popup = "_popup_z7hl3_150";
-const item = "_item_z7hl3_182";
-const itemIndicator = "_itemIndicator_z7hl3_230";
-const group = "_group_z7hl3_244";
-const groupLabel = "_groupLabel_z7hl3_250";
+const wrapper = "_wrapper_9zaqb_1";
+const label = "_label_9zaqb_6";
+const helper = "_helper_9zaqb_19";
+const helperError = "_helperError_9zaqb_26";
+const errorMessage = "_errorMessage_9zaqb_30";
+const trigger = "_trigger_9zaqb_36";
+const triggerSm = "_triggerSm_9zaqb_99";
+const triggerLg = "_triggerLg_9zaqb_106";
+const triggerGhost = "_triggerGhost_9zaqb_113";
+const wrapperGhost = "_wrapperGhost_9zaqb_144";
+const triggerIcon = "_triggerIcon_9zaqb_149";
+const value = "_value_9zaqb_157";
+const placeholder = "_placeholder_9zaqb_170";
+const hint = "_hint_9zaqb_174";
+const icon = "_icon_9zaqb_180";
+const positioner = "_positioner_9zaqb_195";
+const popup = "_popup_9zaqb_200";
+const item = "_item_9zaqb_238";
+const itemIndicator = "_itemIndicator_9zaqb_287";
+const group = "_group_9zaqb_301";
+const groupLabel = "_groupLabel_9zaqb_307";
 const styles = {
   wrapper,
   label,
@@ -24,8 +28,12 @@ const styles = {
   trigger,
   triggerSm,
   triggerLg,
+  triggerGhost,
+  wrapperGhost,
+  triggerIcon,
   value,
   placeholder,
+  hint,
   icon,
   positioner,
   popup,
@@ -41,6 +49,7 @@ export {
   groupLabel,
   helper,
   helperError,
+  hint,
   icon,
   item,
   itemIndicator,
@@ -49,8 +58,11 @@ export {
   popup,
   positioner,
   trigger,
+  triggerGhost,
+  triggerIcon,
   triggerLg,
   triggerSm,
   value,
-  wrapper
+  wrapper,
+  wrapperGhost
 };