@admin-layout/tailwind-ui 12.2.4-alpha.16 → 12.2.4-alpha.21

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import type { InputToolBarProps } from './types';
 /**
- * InputToolBar – horizontal toolbar for text input UIs (e.g. chat/composer).
- * Data and behavior are passed via props; items can be enabled/disabled, and custom left/right content can be injected.
- * Layout: left (mode toggles + template pill), flexible middle, right (attach, capture, mic/send).
+ * 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.
  */
-export declare function InputToolBar({ className, leftItems, rightItems, templateButton, leftCustomRender, rightCustomRender, micSendButton, children, }: InputToolBarProps): React.JSX.Element;
+export declare function InputToolBar({ className, classNames, inputConfig, topContent, leftItems: leftItemsProp, rightItems: rightItemsProp, templateButton, templateModalConfig, templateModalRender, projectSettingsModalOpen, onProjectSettingsModalClose, projectSettingsModalRender, leftCustomRender, rightCustomRender, micSendButton, children, onContainerClick, }: InputToolBarProps): React.JSX.Element;
 export default InputToolBar;
 //# sourceMappingURL=InputToolBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACR,iBAAiB,EAMpB,MAAM,SAAS,CAAC;AAuMjB;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,SAAS,EACT,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACX,EAAE,iBAAiB,qBAgCnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAER,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AAwcjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,qBAwFnB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/InputToolBar/InputToolBar.js

@@ -1,4 +1,4 @@
-import {Lightbulb,Zap,Search,Mic,Paperclip,Camera,Tag,ArrowUpRight}from'lucide-react';import React__default 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';
+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: React__default.createElement(Search, {
@@ -13,7 +13,10 @@ const defaultLeftIconMap = {
   template: null // template is rendered as pill, not in icon group
 };
 const defaultRightIconMap = {
-  tag: React__default.createElement(Tag, {
+  projectSettings: React__default.createElement(Settings, {
+    className: iconSizeRight
+  }),
+  tag: React__default.createElement(WandSparkles, {
     className: iconSizeRight
   }),
   chip: React__default.createElement("svg", {
@@ -56,6 +59,9 @@ const defaultRightIconMap = {
   camera: React__default.createElement(Camera, {
     className: iconSizeRight
   }),
+  image: React__default.createElement(Image, {
+    className: iconSizeRight
+  }),
   attach: React__default.createElement(Paperclip, {
     className: iconSizeRight
   }),
@@ -67,18 +73,26 @@ function MicSendButton({
   hasContent,
   onSend,
   onMic,
-  disabled
+  disabled,
+  isLoading,
+  onStop,
+  className
 }) {
-  const isSend = 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';
+  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 React__default.createElement("button", {
     type: "button",
-    "aria-label": isSend ? 'Send' : 'Start voice input',
-    title: isSend ? 'Send' : 'Start voice input',
-    onClick: isSend ? onSend : onMic,
-    disabled: disabled,
-    className: base
-  }, isSend ? React__default.createElement(ArrowUpRight, {
+    "aria-label": label,
+    title: label,
+    onClick: handleClick,
+    disabled: disabled && !isStop,
+    className: cn(base, className)
+  }, isStop ? React__default.createElement(StopCircle, {
+    className: iconSizeRight
+  }) : isSend ? React__default.createElement(ArrowUpRight, {
     className: iconSizeRight
   }) : React__default.createElement(Mic, {
     className: iconSizeRight
@@ -87,33 +101,43 @@ function MicSendButton({
 function ToolbarIconButton({
   item,
   getDefaultIcon,
-  isLeftGroup
+  isLeftGroup,
+  classNames
 }) {
   if (item.enabled === false) return null;
   const icon = item.customButton ?? item.icon ?? getDefaultIcon(item.id);
   if (item.customButton) {
     return React__default.createElement(React__default.Fragment, null, 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 ? 'rounded-full border border-primary bg-primary text-primary-foreground hover:bg-primary/90' : 'rounded-full border border-primary/50 bg-card text-primary hover:border-primary hover:text-primary';
-  const rightVariant = 'rounded-2xl text-muted-foreground hover:bg-secondary/70 active:bg-secondary';
+  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 React__default.createElement("button", {
     type: "button",
     "aria-label": item.label,
     title: item.label,
     onClick: item.onClick,
+    disabled: isDisabled,
     className: cn(base, isLeftGroup ? leftVariant : rightVariant)
-  }, icon);
+  }, item.loading ? React__default.createElement("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
+  leftCustomRender,
+  classNames
 }) {
   if (leftCustomRender != null) {
     return React__default.createElement("div", {
-      className: "flex items-center gap-2"
+      className: cn('flex items-center gap-2', classNames?.leftGroup)
     }, leftCustomRender);
   }
   const left = leftItems ?? [];
@@ -121,7 +145,7 @@ function LeftSection({
   const hasLeft = left.length > 0 || hasTemplate;
   if (!hasLeft) return null;
   return React__default.createElement("div", {
-    className: "flex items-center gap-2"
+    className: cn('flex items-center gap-2', classNames?.leftGroup)
   }, left.length > 0 && React__default.createElement("div", {
     className: "flex items-center gap-1 rounded-full bg-secondary px-2 py-1"
   }, left.map((item, index) => React__default.createElement(React__default.Fragment, {
@@ -129,36 +153,66 @@ function LeftSection({
   }, React__default.createElement(ToolbarIconButton, {
     item: item,
     getDefaultIcon: id => defaultLeftIconMap[id] ?? null,
-    isLeftGroup: true
+    isLeftGroup: true,
+    classNames: classNames
   }), index < left.length - 1 && React__default.createElement("span", {
     "aria-hidden": "true",
     className: "mx-1 h-5 w-px bg-border/70"
   })))), hasTemplate && React__default.createElement(TemplatePill, {
     label: templateButton.label,
     count: templateButton.count,
+    selectedLabel: templateButton.selectedLabel,
     onClick: templateButton.onClick,
-    disabled: templateButton.disabled
+    onClearTemplate: templateButton.onClearTemplate,
+    disabled: templateButton.disabled,
+    classNames: classNames
   }));
 }
 function TemplatePill({
   label,
   count,
+  selectedLabel,
   onClick,
-  disabled
+  onClearTemplate,
+  disabled,
+  classNames
 }) {
+  if (selectedLabel) {
+    return React__default.createElement("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)
+    }, React__default.createElement("span", {
+      className: "truncate max-w-[120px]",
+      title: selectedLabel
+    }, selectedLabel), React__default.createElement("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
+    }, React__default.createElement(X, {
+      className: "h-3 w-3"
+    })), React__default.createElement("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
+    }, "\u25BC"));
+  }
   const text = count != null && count > 0 ? `${label} (${count})` : label;
   return React__default.createElement("button", {
     type: "button",
     onClick: onClick,
     disabled: disabled,
-    className: cn('flex items-center gap-1 rounded-full border border-border bg-card 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' || ''),
+    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"
   }, text);
 }
 function RightSection({
   rightItems,
   rightCustomRender,
-  micSendButton
+  micSendButton,
+  classNames
 }) {
   if (rightCustomRender != null) {
     return React__default.createElement("div", {
@@ -170,49 +224,191 @@ function RightSection({
   const hasRight = filteredRight.length > 0 || micSendButton != null;
   if (!hasRight) return null;
   return React__default.createElement("div", {
-    className: "flex flex-wrap items-center gap-1 text-muted-foreground"
+    className: "flex flex-wrap items-center gap-2 text-muted-foreground"
   }, filteredRight.map(item => React__default.createElement(ToolbarIconButton, {
     key: item.id,
     item: item,
-    getDefaultIcon: id => defaultRightIconMap[id] ?? null
+    getDefaultIcon: id => defaultRightIconMap[id] ?? null,
+    classNames: classNames
   })), micSendButton != null && React__default.createElement(MicSendButton, {
     hasContent: micSendButton.hasContent,
     onSend: micSendButton.onSend,
     onMic: micSendButton.onMic,
-    disabled: micSendButton.disabled
+    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'
+}) {
+  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 React__default.createElement("div", {
+    className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm p-4",
+    onClick: handleBackdropClick
+  }, React__default.createElement("div", {
+    className: "bg-card w-full max-w-[720px] max-h-[80vh] rounded-xl flex flex-col overflow-hidden border border-border shadow-xl"
+  }, React__default.createElement("div", {
+    className: "h-12 px-4 border-b border-border flex items-center justify-between shrink-0"
+  }, React__default.createElement("h2", {
+    className: "text-sm font-semibold text-foreground"
+  }, title), React__default.createElement("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"
+  }, React__default.createElement(X, {
+    className: "h-4 w-4"
+  }))), React__default.createElement("div", {
+    className: "p-4 border-b border-border space-y-3"
+  }, React__default.createElement("div", {
+    className: "relative"
+  }, React__default.createElement(Search, {
+    className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"
+  }), React__default.createElement("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"
+  })), React__default.createElement("div", {
+    className: "flex gap-1.5 flex-wrap"
+  }, categories.map(category => React__default.createElement("button", {
+    key: category,
+    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')
+  }, category)))), React__default.createElement("div", {
+    className: "flex-1 overflow-y-auto p-4 min-h-0"
+  }, React__default.createElement("div", {
+    className: "grid grid-cols-1 sm:grid-cols-2 gap-3"
+  }, filteredTemplates.map(template => {
+    const isSelected = selectedId === template.id;
+    const isSuggested = suggestedId === template.id;
+    return React__default.createElement("button", {
+      key: template.id,
+      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')
+    }, React__default.createElement("div", {
+      className: "flex items-start gap-2"
+    }, React__default.createElement("div", {
+      className: cn('p-1.5 rounded-md flex-shrink-0', isSelected ? 'bg-primary' : isSuggested ? 'bg-primary/20' : 'bg-secondary')
+    }, React__default.createElement(Layout, {
+      className: cn('h-3.5 w-3.5', isSelected ? 'text-primary-foreground' : isSuggested ? 'text-primary' : 'text-foreground')
+    })), React__default.createElement("div", {
+      className: "min-w-0 flex-1"
+    }, React__default.createElement("div", {
+      className: "flex items-center gap-1.5"
+    }, React__default.createElement("span", {
+      className: "font-medium text-sm text-foreground truncate"
+    }, template.label), isSelected && React__default.createElement(Check, {
+      className: "h-3.5 w-3.5 text-primary flex-shrink-0"
+    })), template.description && React__default.createElement("p", {
+      className: "text-xs text-muted-foreground mt-0.5 line-clamp-2"
+    }, template.description))));
+  })), filteredTemplates.length === 0 && React__default.createElement("div", {
+    className: "flex flex-col items-center justify-center py-12 text-center"
+  }, React__default.createElement(Search, {
+    className: "h-10 w-10 text-muted-foreground mb-3"
+  }), React__default.createElement("p", {
+    className: "text-sm font-medium text-foreground"
+  }, "No templates found"), React__default.createElement("p", {
+    className: "text-xs text-muted-foreground mt-1"
+  }, "Try adjusting search or filters")))));
+}
 /**
- * InputToolBar – horizontal toolbar for text input UIs (e.g. chat/composer).
- * Data and behavior are passed via props; items can be enabled/disabled, and custom left/right content can be injected.
- * Layout: left (mode toggles + template pill), flexible middle, right (attach, capture, mic/send).
+ * 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,
-  leftItems,
-  rightItems,
+  classNames,
+  inputConfig,
+  topContent,
+  leftItems: leftItemsProp,
+  rightItems: rightItemsProp,
   templateButton,
+  templateModalConfig,
+  templateModalRender,
+  projectSettingsModalOpen,
+  onProjectSettingsModalClose,
+  projectSettingsModalRender,
   leftCustomRender,
   rightCustomRender,
   micSendButton,
-  children
+  children,
+  onContainerClick
 }) {
-  const hasChildren = children != null;
-  return React__default.createElement("section", {
-    className: cn('w-full overflow-visible rounded-[24px] border border-border/70 bg-card shadow-md', hasChildren && 'cursor-text', className)
+  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 React__default.createElement(React__default.Fragment, null, templateModal, projectSettingsModal, React__default.createElement("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
   }, React__default.createElement("div", {
-    className: cn('flex px-3 py-2', hasChildren ? 'flex-col gap-2' : 'flex-wrap items-center gap-3')
-  }, hasChildren && React__default.createElement("div", {
-    className: "min-w-0 flex-1"
-  }, children), React__default.createElement("div", {
-    className: cn('flex flex-wrap items-center gap-3', hasChildren && 'pt-2')
+    className: cn('flex px-3 py-2', hasInputContent ? 'flex-col gap-2' : 'flex-wrap items-center gap-3')
+  }, hasInputContent && React__default.createElement("div", {
+    className: "min-w-0 flex-1 flex flex-col gap-2"
+  }, effectiveTopContent, inputConfig != null ? React__default.createElement(React__default.Fragment, null, React__default.createElement("label", {
+    htmlFor: inputConfig.id ?? 'input-toolbar-input',
+    className: "sr-only"
+  }, inputConfig.placeholder ?? 'Message'), React__default.createElement("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), React__default.createElement("div", {
+    className: cn('flex flex-wrap items-center gap-3', hasInputContent && 'pt-2')
   }, React__default.createElement("div", {
-    className: cn('flex items-center gap-2', hasChildren && 'mb-2')
+    className: cn('flex items-center gap-2', hasInputContent && 'mb-2')
   }, React__default.createElement(LeftSection, {
     leftItems: leftItems,
     templateButton: templateButton,
-    leftCustomRender: leftCustomRender
-  })), !hasChildren && React__default.createElement("div", {
+    leftCustomRender: leftCustomRender,
+    classNames: classNames
+  })), !hasInputContent && React__default.createElement("div", {
     className: "min-w-0 flex-1",
     "aria-hidden": true
   }), React__default.createElement("div", {
@@ -220,6 +416,7 @@ function InputToolBar({
   }, React__default.createElement(RightSection, {
     rightItems: rightItems,
     rightCustomRender: rightCustomRender,
-    micSendButton: micSendButton
-  })))));
+    micSendButton: micSendButton,
+    classNames: classNames
+  }))))));
 }export{InputToolBar,InputToolBar as default};//# sourceMappingURL=InputToolBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAqNG,EAAA,MAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACH,IAAA,SAAA,EAAA;AA2CA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;AAueG,MAAA,kBAAA,GAAA;AACH,EAAA,MAAA,EAAAA,cAAA,CAAA,oBAA4B,EAAC;AA4G7B,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,8 +7,9 @@ export type RightItemOverrides = Partial<Record<RightToolbarItemId, Partial<Omit
  */
 export declare function getDefaultLeftItems(overrides?: LeftItemOverrides): ToolbarItemConfig<LeftToolbarItemId>[];
 /**
- * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
- * Override label, enabled, active, onClick, icon, customButton per id.
+ * 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

@@ -1 +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;AAoBxF,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,CAazG;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAa5G"}
+{"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

@@ -1,5 +1,5 @@
 const DEFAULT_LEFT_IDS = ['search', 'zap', 'lightbulb'];
-const DEFAULT_RIGHT_IDS = ['tag', 'chip', 'camera', 'attach', 'mic'];
+const DEFAULT_RIGHT_IDS = ['projectSettings', 'tag', 'chip', 'camera', 'image', 'attach', 'mic'];
 const DEFAULT_LEFT_LABELS = {
   search: 'Chat mode',
   zap: 'Deep Search',
@@ -7,9 +7,11 @@ const DEFAULT_LEFT_LABELS = {
   template: 'Template'
 };
 const DEFAULT_RIGHT_LABELS = {
-  tag: 'Tag',
-  chip: 'Module',
+  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'
 };
@@ -24,6 +26,8 @@ function getDefaultLeftItems(overrides) {
       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,
@@ -32,16 +36,20 @@ function getDefaultLeftItems(overrides) {
   });
 }
 /**
- * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
- * Override label, enabled, active, onClick, icon, customButton per id.
+ * 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 ?? true,
+      enabled: o?.enabled ?? defaultEnabled,
+      disabled: o?.disabled,
+      loading: o?.loading,
       active: o?.active,
       onClick: o?.onClick,
       icon: o?.icon,

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

@@ -1 +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;AAoBrD,MAAM,0BAA0B,EAAA,MAC5B,EAAA,QAAO,EAAA,QAAA,EAAA,KAAmB,CAAA;AAE9B,MAAM;AAIN,EAAA,MAAA,EAAA,WAAA;;;AAGG,EAAA,QAAA,EAAA;AACH,CAAA;AAeA,MAAA,oBAAA,GAAA;;;AAGG,EAAA,MAAA,EAAA,eAAA;AACH,EAAA,MAAA,EAAA,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -1,5 +1,5 @@
 export { InputToolBar } from './InputToolBar';
 export { getDefaultLeftItems, getDefaultRightItems } from './defaults';
-export type { InputToolBarProps, LeftToolbarItemId, MicSendButtonConfig, RightToolbarItemId, TemplateButtonConfig, ToolbarItemConfig, } from './types';
+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

@@ -1 +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,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GACpB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
+{"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"}

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

@@ -1,61 +1,151 @@
 import type { ReactNode } from 'react';
+/** Data-only config for built-in textarea. When provided, InputToolBar renders the textarea with default styling. */
+export interface InputConfig {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (e: React.ClipboardEvent<HTMLTextAreaElement>) => void;
+    id?: string;
+    name?: string;
+    /** Optional ref for the textarea (e.g. for focus / height adjustment) */
+    inputRef?: React.RefObject<HTMLTextAreaElement | null>;
+}
 /** Predefined toolbar action ids for left section (mode toggles, template) */
 export type LeftToolbarItemId = 'search' | 'zap' | 'lightbulb' | 'template';
-/** Predefined toolbar action ids for right section (attach, capture, mic/send) */
-export type RightToolbarItemId = 'tag' | 'chip' | 'camera' | 'attach' | 'mic';
+/** Predefined toolbar action ids for right section. projectSettings = first item, disabled by default; enable via overrides. tag = enhance prompt, chip = configure model; both support enabled/disable and custom label, icon, onClick for app-specific use. */
+export type RightToolbarItemId = 'projectSettings' | 'tag' | 'chip' | 'camera' | 'image' | 'attach' | 'mic';
 /** Single toolbar button/item configuration */
 export interface ToolbarItemConfig<TId extends string = string> {
     /** Unique id for the item (used for enable/disable and callbacks) */
     id: TId;
     /** Icon (React node) or custom content for the button */
     icon?: ReactNode;
-    /** Accessible label / title */
+    /** Accessible label / title (e.g. "Enhance your prompt with AI" when enabled, "Type something to enhance" when disabled) */
     label: string;
-    /** Whether the item is enabled (default true) */
+    /** Whether the item is enabled (default true). When false, item is hidden. */
     enabled?: boolean;
-    /** Whether the item is in active/selected state (dark background in UI) */
+    /** When true, button is visible but disabled (greyed out, not clickable). Use for e.g. "enhance" when input is empty. */
+    disabled?: boolean;
+    /** When true, show loading spinner and treat as disabled. Use for e.g. "enhance" while request is in flight. */
+    loading?: boolean;
+    /** Whether the item is in active/selected state (e.g. primary color + hover style for right items) */
     active?: boolean;
     /** Click handler */
     onClick?: () => void;
     /** Optional custom button element; when set, icon/label are ignored and this is rendered */
     customButton?: ReactNode;
 }
-/** When provided, the rightmost button shows Send (arrow) when hasContent is true, else Mic. Replaces any "mic" item in rightItems. */
+/** When provided, the rightmost button shows Stop when loading, Send when hasContent, else Mic. Replaces any "mic" item in rightItems. */
 export interface MicSendButtonConfig {
-    /** True when input has content – show send icon; otherwise show mic icon */
+    /** True when input has content – show send icon; otherwise show mic icon (unless loading). */
     hasContent: boolean;
     onSend: () => void;
     onMic: () => void;
     disabled?: boolean;
+    /** When true, show stop icon and call onStop on click. */
+    isLoading?: boolean;
+    onStop?: () => void;
 }
-/** Configuration for the optional "+ Template (N)" pill button */
+/** Configuration for the optional template pill: either "+ Template (N)" or selected template name with remove/change */
 export interface TemplateButtonConfig {
-    /** Button label prefix, e.g. "+ Template" */
+    /** Button label prefix when no selection, e.g. "+ Template" */
     label: string;
-    /** Count to show in parentheses, e.g. (1) */
+    /** Count to show in parentheses when no selection, e.g. (1) */
     count?: number;
-    /** Click handler */
+    /** When set, show selected template pill (name + remove + change) instead of "+ Template (N)" */
+    selectedLabel?: string | null;
+    /** Open template modal / change template (used for main pill click and for "change" when selected) */
     onClick?: () => void;
+    /** When template is selected, called when user clicks remove (X) */
+    onClearTemplate?: () => void;
     /** Disabled state */
     disabled?: boolean;
 }
-/** Props for the InputToolBar container (UI only; data passed via props) */
+/** Minimal template item for the default template selection modal. Map your app's template type to this shape. */
+export interface TemplateModalItem {
+    id: string;
+    label: string;
+    description?: string;
+    category?: string;
+}
+/** Config for the template selection modal. Pass data from props; InputToolBar renders default modal or custom via templateModalRender. */
+export interface TemplateModalConfig {
+    isOpen: boolean;
+    onClose: () => void;
+    templates: TemplateModalItem[];
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+    suggestedId?: string | null;
+    title?: string;
+}
+/** Render prop for custom template modal. When provided, used instead of the default modal UI. */
+export type TemplateModalRender = (config: TemplateModalConfig) => ReactNode;
+/** Props passed to the project settings modal render function. Values are updated via the parent's callback (e.g. onModelConfigChange). */
+export interface ProjectSettingsModalRenderProps {
+    onClose: () => void;
+}
+/** Render prop for project settings modal content. When projectSettings is clicked, parent opens modal (sets projectSettingsModalOpen). Modal content receives onClose; parent passes config and onChange from props so values update via parent. */
+export type ProjectSettingsModalRender = (props: ProjectSettingsModalRenderProps) => ReactNode;
+/** Optional class overrides for InputToolBar sections. Use to adapt to light/dark theme or custom styling. */
+export interface InputToolBarClassNames {
+    /** Root section (default: rounded border bg-card shadow) */
+    container?: string;
+    /** Left toolbar group wrapper */
+    leftGroup?: string;
+    /** Template pill when no selection (e.g. "+ Template (N)") */
+    templatePill?: string;
+    /** Template pill when selected/suggested (name + remove + change) */
+    templatePillSelected?: string;
+    /** Left mode buttons – active state (filled) */
+    leftButtonActive?: string;
+    /** Left mode buttons – inactive state (outline) */
+    leftButtonInactive?: string;
+    /** Right toolbar buttons – default state */
+    rightButton?: string;
+    /** Right toolbar buttons – active state */
+    rightButtonActive?: string;
+    /** Right toolbar buttons – disabled state */
+    rightButtonDisabled?: string;
+    /** Mic/Send button (primary action) */
+    micSendButton?: string;
+}
+/** Props for the InputToolBar container. UI only: all data and behavior come from props. */
 export interface InputToolBarProps {
-    /** Optional class name for the toolbar container */
+    /** Optional class name for the toolbar container (merged with container in classNames) */
     className?: string;
-    /** Left section: predefined items (search, zap, lightbulb) + optional template pill. Pass enabled: false to hide/disable. */
+    /** Optional class overrides for toolbar sections (works in both light and dark theme) */
+    classNames?: InputToolBarClassNames;
+    /** When provided, InputToolBar renders a built-in textarea; pass only data (value, onChange, etc.). */
+    inputConfig?: InputConfig | null;
+    /** Optional content above the input when inputConfig is set (e.g. panels, banners). */
+    topContent?: ReactNode;
+    /** Left section: items and template pill. All data (active, onClick, etc.) from parent. */
     leftItems?: Array<ToolbarItemConfig<LeftToolbarItemId>>;
-    /** Right section: tag, chip, camera, attach, mic. Pass enabled: false to hide/disable. */
+    /** Right section: items. All data (onClick, etc.) from parent. */
     rightItems?: Array<ToolbarItemConfig<RightToolbarItemId>>;
-    /** Optional template pill button config (e.g. "+ Template (1)") */
+    /** Optional template pill (e.g. "+ Template (1)"). Data from parent. */
     templateButton?: TemplateButtonConfig | null;
-    /** Custom content to render in the left section instead of leftItems (takes precedence) */
+    /** Template selection modal: pass data from props. When set, InputToolBar renders the modal (default UI or custom). */
+    templateModalConfig?: TemplateModalConfig | null;
+    /** When provided, used instead of the default template modal UI. Receives templateModalConfig. */
+    templateModalRender?: TemplateModalRender | null;
+    /** Custom content for the left section (overrides leftItems) */
     leftCustomRender?: ReactNode;
-    /** Custom content to render in the right section instead of rightItems (takes precedence) */
+    /** Custom content for the right section (overrides rightItems and micSendButton) */
     rightCustomRender?: ReactNode;
-    /** When set, shows Send (arrow) when input has content, else Mic. Replaces "mic" in rightItems. */
+    /** When set, rightmost button: Stop/Send/Mic; all data and handlers from parent. */
     micSendButton?: MicSendButtonConfig | null;
-    /** Optional content in the middle (e.g. text input); can be used with or without left/right */
+    /** When true, the project settings modal (from projectSettingsModalRender) is shown. Set by parent when projectSettings is clicked. */
+    projectSettingsModalOpen?: boolean;
+    /** Called when the project settings modal should close (e.g. overlay click or close button). */
+    onProjectSettingsModalClose?: () => void;
+    /** Renders the project settings modal content (e.g. Configuration / Other Settings / Secret tabs). Parent passes config and onChange so values update via parent (same pattern as ModelConfigPanel). */
+    projectSettingsModalRender?: ProjectSettingsModalRender | null;
+    /** Optional content in the middle when not using inputConfig */
     children?: ReactNode;
+    /** Click on container (e.g. to focus input) */
+    onContainerClick?: (e: React.MouseEvent) => void;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,8EAA8E;AAC9E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC;AAE5E,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9E,+CAA+C;AAC/C,MAAM,WAAW,iBAAiB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IAC1D,qEAAqE;IACrE,EAAE,EAAE,GAAG,CAAC;IACR,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,uIAAuI;AACvI,MAAM,WAAW,mBAAmB;IAChC,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,kEAAkE;AAClE,MAAM,WAAW,oBAAoB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,4EAA4E;AAC5E,MAAM,WAAW,iBAAiB;IAC9B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6HAA6H;IAC7H,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACxD,0FAA0F;IAC1F,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC1D,mEAAmE;IACnE,cAAc,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mGAAmG;IACnG,aAAa,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.16",
+    "version": "12.2.4-alpha.21",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -90,5 +90,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "171b0ea9753cac315279fe1dcbb54f3225ad89e4"
+    "gitHead": "c17eccf18dc6a1f3f764c448ed2c65261dd240b8"
 }