@admin-layout/tailwind-ui 12.2.4-alpha.4 → 12.2.4-alpha.42

package/lib/components/InputToolBar/InputToolBar.js

@@ -0,0 +1,469 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Lightbulb,Zap,Search,Mic,Paperclip,Image,Camera,WandSparkles,Settings,X,Layout,Check,StopCircle,ArrowUpRight}from'lucide-react';import React__default,{useState,useMemo}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
+const iconSizeRight = 'h-4 w-4';
+const defaultLeftIconMap = {
+  search: jsx(Search, {
+    className: iconSize
+  }),
+  zap: jsx(Zap, {
+    className: iconSize
+  }),
+  lightbulb: jsx(Lightbulb, {
+    className: iconSize
+  }),
+  template: null // template is rendered as pill, not in icon group
+};
+const defaultRightIconMap = {
+  projectSettings: jsx(Settings, {
+    className: iconSizeRight
+  }),
+  tag: jsx(WandSparkles, {
+    className: iconSizeRight
+  }),
+  chip: jsxs("svg", {
+    className: iconSizeRight,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    children: [jsx("rect", {
+      x: "4",
+      y: "4",
+      width: "16",
+      height: "16",
+      rx: "2",
+      ry: "2"
+    }), jsx("line", {
+      x1: "9",
+      y1: "9",
+      x2: "15",
+      y2: "9"
+    }), jsx("line", {
+      x1: "9",
+      y1: "15",
+      x2: "15",
+      y2: "15"
+    }), jsx("line", {
+      x1: "9",
+      y1: "9",
+      x2: "9",
+      y2: "15"
+    }), jsx("line", {
+      x1: "15",
+      y1: "9",
+      x2: "15",
+      y2: "15"
+    })]
+  }),
+  camera: jsx(Camera, {
+    className: iconSizeRight
+  }),
+  image: jsx(Image, {
+    className: iconSizeRight
+  }),
+  attach: jsx(Paperclip, {
+    className: iconSizeRight
+  }),
+  mic: jsx(Mic, {
+    className: iconSizeRight
+  })
+};
+function MicSendButton({
+  hasContent,
+  onSend,
+  onMic,
+  disabled,
+  isLoading,
+  onStop,
+  className
+}) {
+  const isStop = isLoading === true;
+  const isSend = !isStop && hasContent;
+  const base = 'inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary border border-primary';
+  const handleClick = isStop ? onStop : isSend ? onSend : onMic;
+  const label = isStop ? 'Stop' : isSend ? 'Send' : 'Start voice input';
+  return jsx("button", {
+    type: "button",
+    "aria-label": label,
+    title: label,
+    onClick: handleClick,
+    disabled: disabled && !isStop,
+    className: cn(base, className),
+    children: isStop ? jsx(StopCircle, {
+      className: iconSizeRight
+    }) : isSend ? jsx(ArrowUpRight, {
+      className: iconSizeRight
+    }) : jsx(Mic, {
+      className: iconSizeRight
+    })
+  });
+}
+function ToolbarIconButton({
+  item,
+  getDefaultIcon,
+  isLeftGroup,
+  classNames
+}) {
+  if (item.enabled === false) return null;
+  const icon = item.customButton ?? item.icon ?? getDefaultIcon(item.id);
+  if (item.customButton) {
+    return jsx(Fragment, {
+      children: item.customButton
+    });
+  }
+  const isDisabled = item.disabled === true || item.loading === true;
+  const isActive = item.active === true;
+  const base = 'inline-flex h-7 w-7 items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:opacity-50 disabled:pointer-events-none';
+  const leftVariant = isActive ? cn('rounded-full border border-primary bg-primary text-primary-foreground hover:bg-primary/90', classNames?.leftButtonActive) : cn('rounded-full border border-border bg-muted/50 text-foreground hover:border-primary hover:bg-muted hover:text-primary', classNames?.leftButtonInactive);
+  const rightVariantDisabled = cn('rounded-2xl text-muted-foreground/50 cursor-not-allowed disabled:pointer-events-auto', classNames?.rightButtonDisabled);
+  const rightVariantActive = cn('rounded-2xl text-primary hover:bg-secondary border border-transparent', classNames?.rightButtonActive);
+  const rightVariantDefault = cn('rounded-2xl text-muted-foreground hover:bg-secondary/70 active:bg-secondary border border-transparent', classNames?.rightButton);
+  const rightVariant = isDisabled ? rightVariantDisabled : isActive ? rightVariantActive : rightVariantDefault;
+  return jsx("button", {
+    type: "button",
+    "aria-label": item.label,
+    title: item.label,
+    onClick: item.onClick,
+    disabled: isDisabled,
+    className: cn(base, isLeftGroup ? leftVariant : rightVariant),
+    children: item.loading ? jsx("div", {
+      className: "h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent",
+      "aria-hidden": true
+    }) : icon
+  });
+}
+function LeftSection({
+  leftItems,
+  templateButton,
+  leftCustomRender,
+  classNames
+}) {
+  if (leftCustomRender != null) {
+    return jsx("div", {
+      className: cn('flex items-center gap-2', classNames?.leftGroup),
+      children: leftCustomRender
+    });
+  }
+  const left = leftItems ?? [];
+  const leftEnabled = left.filter(item => item.enabled !== false);
+  const hasTemplate = templateButton != null;
+  const hasLeft = leftEnabled.length > 0 || hasTemplate;
+  if (!hasLeft) return null;
+  return jsxs("div", {
+    className: cn('flex items-center gap-2', classNames?.leftGroup),
+    children: [leftEnabled.length > 0 && jsx("div", {
+      className: "flex items-center gap-1 rounded-full bg-secondary px-2 py-1",
+      children: leftEnabled.map((item, index) => jsxs(React__default.Fragment, {
+        children: [jsx(ToolbarIconButton, {
+          item: item,
+          getDefaultIcon: id => defaultLeftIconMap[id] ?? null,
+          isLeftGroup: true,
+          classNames: classNames
+        }), index < leftEnabled.length - 1 && jsx("span", {
+          "aria-hidden": "true",
+          className: "mx-1 h-5 w-px bg-border/70"
+        })]
+      }, item.id))
+    }), hasTemplate && jsx(TemplatePill, {
+      label: templateButton.label,
+      count: templateButton.count,
+      selectedLabel: templateButton.selectedLabel,
+      onClick: templateButton.onClick,
+      onClearTemplate: templateButton.onClearTemplate,
+      disabled: templateButton.disabled,
+      classNames: classNames
+    })]
+  });
+}
+function TemplatePill({
+  label,
+  count,
+  selectedLabel,
+  onClick,
+  onClearTemplate,
+  disabled,
+  classNames
+}) {
+  if (selectedLabel) {
+    return jsxs("div", {
+      className: cn('flex items-center gap-1 px-2 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium border border-primary/20', classNames?.templatePillSelected),
+      children: [jsx("span", {
+        className: "truncate max-w-[120px]",
+        title: selectedLabel,
+        children: selectedLabel
+      }), jsx("button", {
+        type: "button",
+        onClick: onClearTemplate,
+        className: "ml-1 hover:bg-primary/20 rounded-full p-0.5 transition-colors",
+        "aria-label": "Remove template",
+        disabled: disabled,
+        children: jsx(X, {
+          className: "h-3 w-3"
+        })
+      }), jsx("button", {
+        type: "button",
+        onClick: onClick,
+        className: "ml-1 hover:bg-primary/20 rounded-full p-0.5 transition-colors text-[10px]",
+        "aria-label": "Change template",
+        disabled: disabled,
+        children: "\u25BC"
+      })]
+    });
+  }
+  const text = count != null && count > 0 ? `${label} (${count})` : label;
+  return jsx("button", {
+    type: "button",
+    onClick: onClick,
+    disabled: disabled,
+    className: cn('flex items-center gap-1 rounded-full border border-border bg-muted/50 px-2 py-1 text-xs font-medium text-foreground transition-colors hover:border-primary hover:bg-primary/5', disabled && 'opacity-50 cursor-not-allowed' || '', classNames?.templatePill),
+    "aria-label": "Select template",
+    children: text
+  });
+}
+function RightSection({
+  rightItems,
+  rightCustomRender,
+  micSendButton,
+  classNames
+}) {
+  if (rightCustomRender != null) {
+    return jsx("div", {
+      className: "flex items-center gap-1",
+      children: rightCustomRender
+    });
+  }
+  const right = rightItems ?? [];
+  const rightEnabled = right.filter(item => item.enabled !== false);
+  const filteredRight = micSendButton != null ? rightEnabled.filter(item => item.id !== 'mic') : rightEnabled;
+  const hasRight = filteredRight.length > 0 || micSendButton != null;
+  if (!hasRight) return null;
+  return jsxs("div", {
+    className: "flex flex-wrap items-center gap-2 text-muted-foreground",
+    children: [filteredRight.map(item => jsx(ToolbarIconButton, {
+      item: item,
+      getDefaultIcon: id => defaultRightIconMap[id] ?? null,
+      classNames: classNames
+    }, item.id)), micSendButton != null && jsx(MicSendButton, {
+      hasContent: micSendButton.hasContent,
+      onSend: micSendButton.onSend,
+      onMic: micSendButton.onMic,
+      disabled: micSendButton.disabled,
+      isLoading: micSendButton.isLoading,
+      onStop: micSendButton.onStop,
+      className: classNames?.micSendButton
+    })]
+  });
+}
+const defaultTextareaClassName = 'w-full outline-none border-none ring-0 focus:outline-none focus:ring-0 bg-transparent text-base text-foreground placeholder:text-muted-foreground disabled:opacity-50 resize-none overflow-y-auto max-h-[30vh] [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]';
+function DefaultTemplateModal({
+  isOpen,
+  onClose,
+  templates,
+  selectedId,
+  onSelect,
+  suggestedId,
+  title = 'Choose Template',
+  modalClassName
+}) {
+  const [searchQuery, setSearchQuery] = useState('');
+  const [categoryFilter, setCategoryFilter] = useState('All');
+  const categories = useMemo(() => {
+    const cats = new Set(templates.map(t => t.category || 'Other'));
+    return ['All', ...Array.from(cats).sort()];
+  }, [templates]);
+  const filteredTemplates = useMemo(() => {
+    return templates.filter(template => {
+      const searchLower = searchQuery.toLowerCase();
+      const matchesSearch = !searchQuery || template.label.toLowerCase().includes(searchLower) || (template.description || '').toLowerCase().includes(searchLower);
+      const matchesCategory = categoryFilter === 'All' || template.category === categoryFilter;
+      return matchesSearch && matchesCategory;
+    });
+  }, [templates, searchQuery, categoryFilter]);
+  if (!isOpen) return null;
+  function handleBackdropClick(e) {
+    if (e.target === e.currentTarget) onClose();
+  }
+  return jsx("div", {
+    className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm p-4",
+    onClick: handleBackdropClick,
+    children: jsxs("div", {
+      className: cn('bg-card w-full max-w-[720px] max-h-[80vh] rounded-xl flex flex-col overflow-hidden border border-border shadow-xl', modalClassName),
+      children: [jsxs("div", {
+        className: "h-12 px-4 border-b border-border flex items-center justify-between shrink-0",
+        children: [jsx("h2", {
+          className: "text-sm font-semibold text-foreground",
+          children: title
+        }), jsx("button", {
+          type: "button",
+          onClick: onClose,
+          className: "p-1.5 rounded-lg hover:bg-accent text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
+          "aria-label": "Close",
+          children: jsx(X, {
+            className: "h-4 w-4"
+          })
+        })]
+      }), jsxs("div", {
+        className: "p-4 border-b border-border space-y-3",
+        children: [jsxs("div", {
+          className: "relative",
+          children: [jsx(Search, {
+            className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"
+          }), jsx("input", {
+            type: "text",
+            placeholder: "Search templates...",
+            value: searchQuery,
+            onChange: e => setSearchQuery(e.target.value),
+            className: "w-full pl-9 pr-3 py-2 border border-border rounded-lg bg-muted text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+          })]
+        }), jsx("div", {
+          className: "flex gap-1.5 flex-wrap",
+          children: categories.map(category => jsx("button", {
+            type: "button",
+            onClick: () => setCategoryFilter(category),
+            className: cn('px-2.5 py-1 rounded-md text-xs font-medium transition-colors border', categoryFilter === category ? 'bg-primary/10 text-primary border-primary/20' : 'bg-card text-muted-foreground border-border hover:bg-muted hover:text-foreground'),
+            children: category
+          }, category))
+        })]
+      }), jsxs("div", {
+        className: "flex-1 overflow-y-auto p-4 min-h-0",
+        children: [jsx("div", {
+          className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
+          children: filteredTemplates.map(template => {
+            const isSelected = selectedId === template.id;
+            const isSuggested = suggestedId === template.id;
+            return jsx("button", {
+              type: "button",
+              onClick: () => {
+                onSelect(template.id);
+                onClose();
+              },
+              className: cn('text-left p-3 rounded-lg border-2 transition-all', isSelected ? 'border-primary bg-primary/10 ring-2 ring-primary/20' : 'border-border hover:border-primary/50 hover:bg-muted/50', isSuggested && !isSelected && 'border-primary/30 bg-primary/5'),
+              children: jsxs("div", {
+                className: "flex items-start gap-2",
+                children: [jsx("div", {
+                  className: cn('p-1.5 rounded-md flex-shrink-0', isSelected ? 'bg-primary' : isSuggested ? 'bg-primary/20' : 'bg-secondary'),
+                  children: jsx(Layout, {
+                    className: cn('h-3.5 w-3.5', isSelected ? 'text-primary-foreground' : isSuggested ? 'text-primary' : 'text-foreground')
+                  })
+                }), jsxs("div", {
+                  className: "min-w-0 flex-1",
+                  children: [jsxs("div", {
+                    className: "flex items-center gap-1.5",
+                    children: [jsx("span", {
+                      className: "font-medium text-sm text-foreground truncate",
+                      children: template.label
+                    }), isSelected && jsx(Check, {
+                      className: "h-3.5 w-3.5 text-primary flex-shrink-0"
+                    })]
+                  }), template.description && jsx("p", {
+                    className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
+                    children: template.description
+                  })]
+                })]
+              })
+            }, template.id);
+          })
+        }), filteredTemplates.length === 0 && jsxs("div", {
+          className: "flex flex-col items-center justify-center py-12 text-center",
+          children: [jsx(Search, {
+            className: "h-10 w-10 text-muted-foreground mb-3"
+          }), jsx("p", {
+            className: "text-sm font-medium text-foreground",
+            children: "No templates found"
+          }), jsx("p", {
+            className: "text-xs text-muted-foreground mt-1",
+            children: "Try adjusting search or filters"
+          })]
+        })]
+      })]
+    })
+  });
+}
+/**
+ * InputToolBar – UI only. Renders toolbar and optional built-in textarea from props.
+ * All data (leftItems, rightItems, templateButton, inputConfig, micSendButton) and behavior (onClick, onChange, etc.) come from props.
+ */
+function InputToolBar({
+  className,
+  classNames,
+  inputConfig,
+  topContent,
+  leftItems: leftItemsProp,
+  rightItems: rightItemsProp,
+  templateButton,
+  templateModalConfig,
+  templateModalRender,
+  projectSettingsModalOpen,
+  onProjectSettingsModalClose,
+  projectSettingsModalRender,
+  leftCustomRender,
+  rightCustomRender,
+  micSendButton,
+  children,
+  onContainerClick
+}) {
+  const leftItems = leftItemsProp ?? [];
+  const rightItems = rightItemsProp ?? [];
+  const hasInputContent = inputConfig != null || children != null;
+  const effectiveTopContent = inputConfig != null ? topContent : null;
+  const templateModal = templateModalConfig != null && templateModalConfig.isOpen ? templateModalRender != null ? templateModalRender(templateModalConfig) : React__default.createElement(DefaultTemplateModal, templateModalConfig) : null;
+  const projectSettingsModal = projectSettingsModalOpen === true && onProjectSettingsModalClose != null && projectSettingsModalRender != null ? projectSettingsModalRender({
+    onClose: onProjectSettingsModalClose
+  }) : null;
+  return jsxs(Fragment, {
+    children: [templateModal, projectSettingsModal, jsx("section", {
+      className: cn('w-full overflow-visible rounded-[24px] border border-border/70 bg-card shadow-md', hasInputContent && 'cursor-text', classNames?.container, className),
+      onClick: hasInputContent ? onContainerClick : undefined,
+      role: hasInputContent ? 'presentation' : undefined,
+      children: jsxs("div", {
+        className: cn('flex px-3 py-2', hasInputContent ? 'flex-col gap-2' : 'flex-wrap items-center gap-3'),
+        children: [hasInputContent && jsxs("div", {
+          className: "min-w-0 flex-1 flex flex-col gap-2",
+          children: [effectiveTopContent, inputConfig != null ? jsxs(Fragment, {
+            children: [jsx("label", {
+              htmlFor: inputConfig.id ?? 'input-toolbar-input',
+              className: "sr-only",
+              children: inputConfig.placeholder ?? 'Message'
+            }), jsx("textarea", {
+              ref: inputConfig.inputRef,
+              id: inputConfig.id ?? 'input-toolbar-input',
+              name: inputConfig.name ?? 'query',
+              value: inputConfig.value,
+              onChange: inputConfig.onChange,
+              onKeyDown: inputConfig.onKeyDown,
+              onPaste: inputConfig.onPaste,
+              placeholder: inputConfig.placeholder ?? 'Ask anything...',
+              disabled: inputConfig.disabled,
+              rows: 1,
+              className: defaultTextareaClassName
+            })]
+          }) : children]
+        }), jsxs("div", {
+          className: cn('flex flex-wrap items-center gap-3', hasInputContent && 'pt-2'),
+          children: [jsx("div", {
+            className: cn('flex items-center gap-2', hasInputContent && 'mb-2'),
+            children: jsx(LeftSection, {
+              leftItems: leftItems,
+              templateButton: templateButton,
+              leftCustomRender: leftCustomRender,
+              classNames: classNames
+            })
+          }), !hasInputContent && jsx("div", {
+            className: "min-w-0 flex-1",
+            "aria-hidden": true
+          }), jsx("div", {
+            className: "flex flex-1 flex-wrap items-center justify-end gap-2",
+            children: jsx(RightSection, {
+              rightItems: rightItems,
+              rightCustomRender: rightCustomRender,
+              micSendButton: micSendButton,
+              classNames: classNames
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}export{InputToolBar};//# sourceMappingURL=InputToolBar.js.map

package/lib/components/InputToolBar/InputToolBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"2VA+eG,MAAA,QAAA,GAAA,aAAA;AACH,MAAA,aAAA,GAAA;AA4GA,MAAA,qBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/defaults.d.ts

@@ -0,0 +1,15 @@
+import type { LeftToolbarItemId, RightToolbarItemId, ToolbarItemConfig } from './types';
+export type LeftItemOverrides = Partial<Record<LeftToolbarItemId, Partial<Omit<ToolbarItemConfig<LeftToolbarItemId>, 'id'>>>>;
+export type RightItemOverrides = Partial<Record<RightToolbarItemId, Partial<Omit<ToolbarItemConfig<RightToolbarItemId>, 'id'>>>>;
+/**
+ * Build default left toolbar items (search, zap, lightbulb). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+export declare function getDefaultLeftItems(overrides?: LeftItemOverrides): ToolbarItemConfig<LeftToolbarItemId>[];
+/**
+ * Build default right toolbar items (projectSettings, tag, chip, camera, image, attach, mic).
+ * projectSettings is disabled by default; pass projectSettings: { enabled: true, onClick } to show.
+ * Override label, enabled, disabled, loading, active, onClick, icon, customButton per id.
+ */
+export declare function getDefaultRightItems(overrides?: RightItemOverrides): ToolbarItemConfig<RightToolbarItemId>[];
+//# sourceMappingURL=defaults.d.ts.map

package/lib/components/InputToolBar/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAsBxF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACvF,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACpC,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACzF,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,CAezG;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAgB5G"}

package/lib/components/InputToolBar/defaults.js

@@ -0,0 +1,59 @@
+const DEFAULT_LEFT_IDS = ['search', 'zap', 'lightbulb'];
+const DEFAULT_RIGHT_IDS = ['projectSettings', 'tag', 'chip', 'camera', 'image', 'attach', 'mic'];
+const DEFAULT_LEFT_LABELS = {
+  search: 'Chat mode',
+  zap: 'Deep Search',
+  lightbulb: 'Build mode',
+  template: 'Template'
+};
+const DEFAULT_RIGHT_LABELS = {
+  projectSettings: 'Project settings',
+  tag: 'Enhance your prompt with AI',
+  chip: 'Configure chat model',
+  camera: 'Capture image',
+  image: 'Insert image',
+  attach: 'Attach file',
+  mic: 'Mic / Send'
+};
+/**
+ * Build default left toolbar items (search, zap, lightbulb). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+function getDefaultLeftItems(overrides) {
+  return DEFAULT_LEFT_IDS.map(id => {
+    const o = overrides?.[id];
+    return {
+      id,
+      label: o?.label ?? DEFAULT_LEFT_LABELS[id],
+      enabled: o?.enabled ?? true,
+      disabled: o?.disabled,
+      loading: o?.loading,
+      active: o?.active,
+      onClick: o?.onClick,
+      icon: o?.icon,
+      customButton: o?.customButton
+    };
+  });
+}
+/**
+ * Build default right toolbar items (projectSettings, tag, chip, camera, image, attach, mic).
+ * projectSettings is disabled by default; pass projectSettings: { enabled: true, onClick } to show.
+ * Override label, enabled, disabled, loading, active, onClick, icon, customButton per id.
+ */
+function getDefaultRightItems(overrides) {
+  return DEFAULT_RIGHT_IDS.map(id => {
+    const o = overrides?.[id];
+    const defaultEnabled = id === 'projectSettings' ? false : true;
+    return {
+      id,
+      label: o?.label ?? DEFAULT_RIGHT_LABELS[id],
+      enabled: o?.enabled ?? defaultEnabled,
+      disabled: o?.disabled,
+      loading: o?.loading,
+      active: o?.active,
+      onClick: o?.onClick,
+      icon: o?.icon,
+      customButton: o?.customButton
+    };
+  });
+}export{getDefaultLeftItems,getDefaultRightItems};//# sourceMappingURL=defaults.js.map

package/lib/components/InputToolBar/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":["../../../src/components/InputToolBar/defaults.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAA,gBAAc,GAAA,CAAA,QAAmB,EAAA,KAAA,EAAA,WAAoB,CAAA;AAsBrD,MAAM,sCACF,EAAM,KAAC,EAAA,MAAA,EAAA,QAAmB,EAAA,OAAY,EAAC,QAAA,EAAA,KAAA,CAAiB;AAE5D,MAAM;AAIN,EAAA,MAAA,EAAA,WAAA;;;AAGG,EAAA,QAAA,EAAA;AACH,CAAA;AAiBA,MAAA,oBAAA,GAAA;;;;AAIG,EAAA,MAAA,EAAA,eAAA;AACH,EAAA,KAAA,EAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/index.d.ts

@@ -0,0 +1,5 @@
+export { InputToolBar } from './InputToolBar';
+export { getDefaultLeftItems, getDefaultRightItems } from './defaults';
+export type { InputConfig, InputToolBarClassNames, InputToolBarProps, LeftToolbarItemId, MicSendButtonConfig, ProjectSettingsModalRender, ProjectSettingsModalRenderProps, RightToolbarItemId, TemplateButtonConfig, TemplateModalConfig, TemplateModalItem, TemplateModalRender, ToolbarItemConfig, } from './types';
+export type { LeftItemOverrides, RightItemOverrides } from './defaults';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/InputToolBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvE,YAAY,EACR,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,EAC1B,+BAA+B,EAC/B,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GACpB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}