@duyluonganduin/acl-web-components 0.0.68 → 0.0.70

package/dist/jsx.d.ts

@@ -104,8 +104,11 @@ declare module 'react' {
 
       // ── anduin-dot ────────────────────────────────────────────────────────
       'anduin-dot': Base & {
-        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
+        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning' | 'purple', or a tag custom color
+         *  ('customBlue', …)  (default: 'gray') */
         variant?: string
+        /** Colors the dot from an ID, as an avatar is: the same ID always gets the same color. Wins over variant */
+        uid?: string
       }
 
       // ── anduin-progress ───────────────────────────────────────────────────
@@ -311,14 +314,41 @@ declare module 'react' {
       'anduin-tag': Base & {
         /** See TagVariant in anduin-tag.ts for all accepted values (default: 'gray') */
         variant?: string
+        /** 'filled' | 'outlined'  (default: 'filled'). Outlined: transparent, drawn by a border */
+        appearance?: 'filled' | 'outlined'
         /** anduin-icon name shown before the label */
         icon?: string
+        /** Colors `icon` (never adds one): a dot color ('purple', 'customBlue', …) or an ID marked 'uid:<id>' */
+        'icon-color'?: string
         disabled?: boolean | string
       }
 
       // ── anduin-tag-close ──────────────────────────────────────────────────
       'anduin-tag-close': Base
 
+      // ── anduin-tags-input ─────────────────────────────────────────────────
+      'anduin-tags-input': Base & {
+        /** Controlled list as a JSON array attribute; prefer the `value` property / TagsInput wrapper */
+        value?: string
+        /** Uncontrolled starting list as a JSON array attribute */
+        'default-value'?: string
+        /** Every character is a delimiter, e.g. "," or ",;" (default: none; Enter always commits) */
+        delimiters?: string
+        /** Commit pending text when focus leaves the control */
+        'add-on-blur'?: boolean
+        /** Tab with pending text commits instead of moving focus */
+        'add-on-tab'?: boolean
+        /** JSON map from tag text to { variant?, tooltip?, label?, disabled? } */
+        'tag-meta'?: string
+        disabled?: boolean
+        readonly?: boolean
+      }
+      'anduin-tags-input-list': Base
+      'anduin-tags-input-input': Base & {
+        placeholder?: string
+      }
+      'anduin-tags-input-clear': Base
+
       // ── anduin-toggle-group ───────────────────────────────────────────────
       'anduin-toggle-group': Base & {
         /** 'single' | 'multiple'  (default: 'single') */

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-D9R2qRAW.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-ai-spinner",elementClass:e.AnduinAiSpinner}),r=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),C=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),l=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),s=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),d=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),E=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),m=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),A=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),N=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),T=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),G=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),O=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),R=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-inline-edit",elementClass:e.AnduinInlineEdit,events:{onSave:e.INLINE_EDIT_SAVE,onCancel:e.INLINE_EDIT_CANCEL,onEdit:e.INLINE_EDIT_EDIT}}),b=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),D=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),P=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),v=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),B=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),M=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),U=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),F=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),W=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),h=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),V=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),k=a.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),K=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),f=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),z=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),X=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),x=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),Z=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),q=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),y=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),j=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),J=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),Q=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),Y=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),$=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),ee=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),ne=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ae=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),te=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),oe=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),ie=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),re=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),Ce=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),le=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),se=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),de=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),ce=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),me=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Te=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),_e=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),pe=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),Ge=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Le=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),Se=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Oe=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),Re=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),Ie=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),be=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),De=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),Pe=a.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),He=a.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),ve=a.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),Be=a.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),Me=a.createComponent({react:n,tagName:"anduin-table",elementClass:e.AnduinTable,events:{onSort:e.TABLE_SORT,onColumnClick:e.TABLE_COLUMN_CLICK,onRowClick:e.TABLE_ROW_CLICK,onSelectionChange:e.TABLE_SELECTION_CHANGE,onCellContextMenu:e.TABLE_CELL_CONTEXT_MENU,onRowExpand:e.TABLE_ROW_EXPAND,onRowCollapse:e.TABLE_ROW_COLLAPSE,onGroupToggle:e.TABLE_GROUP_TOGGLE,onColumnResize:e.TABLE_COLUMN_RESIZE}});exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=e.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=e.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=e.DATE_RANGE_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_OPEN_CHANGE=e.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SIDEBAR_SELECT=e.SIDEBAR_SELECT;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TABLE_CELL_CONTEXT_MENU=e.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=e.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=e.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=e.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=e.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=e.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=e.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=e.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=e.TABLE_SORT;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.AiSpinner=i;exports.Avatar=Z;exports.Badge=C;exports.BadgeCount=l;exports.Button=s;exports.Calendar=Ie;exports.Callout=d;exports.Checkbox=S;exports.DateInput=ve;exports.DatePicker=Be;exports.DateRange=be;exports.DateRangeDefault=De;exports.DateRangeEnd=He;exports.DateRangeStart=Pe;exports.Divider=c;exports.Dot=E;exports.Drawer=Q;exports.DrawerClose=Y;exports.Dropdown=J;exports.Field=N;exports.FieldDescription=T;exports.FieldError=_;exports.FieldGroup=p;exports.FieldLabel=g;exports.FileIcon=q;exports.Icon=r;exports.InlineEdit=I;exports.Input=O;exports.LoadingState=u;exports.Menu=P;exports.MenuItem=H;exports.Modal=v;exports.ModalClose=B;exports.Navigation=ne;exports.NavigationItem=ae;exports.Pagination=re;exports.PaginationFirstPage=Ce;exports.PaginationLastPage=le;exports.Popover=b;exports.PopoverClose=D;exports.Progress=m;exports.Radio=G;exports.RadioGroup=L;exports.ResizableHandle=ie;exports.ResizablePanel=oe;exports.ResizablePanelGroup=te;exports.Sidebar=se;exports.SidebarAction=ge;exports.SidebarBadge=Te;exports.SidebarContent=de;exports.SidebarFooter=Ee;exports.SidebarGroup=me;exports.SidebarGroupLabel=Ae;exports.SidebarHeader=ce;exports.SidebarMenu=ue;exports.SidebarMenuItem=Ne;exports.SidebarSeparator=_e;exports.Skeleton=A;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=ee;exports.Switcher=$;exports.TabContent=W;exports.TabTrigger=F;exports.Table=Me;exports.Tabs=M;exports.TabsList=U;exports.Tag=h;exports.TagClose=V;exports.Textarea=R;exports.Timeline=pe;exports.TimelineDate=Le;exports.TimelineGroup=Oe;exports.TimelineItem=Ge;exports.TimelineLabel=Re;exports.TimelineTitle=Se;exports.Toast=y;exports.Toaster=j;exports.ToggleGroup=w;exports.ToggleGroupItem=k;exports.Tooltip=K;exports.TooltipContent=z;exports.TooltipTrigger=f;exports.Well=X;exports.WellClose=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-C07o6qAm.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-ai-spinner",elementClass:e.AnduinAiSpinner}),s=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),r=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),l=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),c=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),d=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),u=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),A=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),T=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),G=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),R=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),O=a.createComponent({react:n,tagName:"anduin-inline-edit",elementClass:e.AnduinInlineEdit,events:{onSave:e.INLINE_EDIT_SAVE,onCancel:e.INLINE_EDIT_CANCEL,onEdit:e.INLINE_EDIT_EDIT}}),b=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),P=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),U=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),B=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),h=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),V=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),W=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=a.createComponent({react:n,tagName:"anduin-tags-input",elementClass:e.AnduinTagsInput,events:{onValueChange:e.TAGS_INPUT_VALUE_CHANGE,onBlur:e.TAGS_INPUT_BLUR,onSubmit:e.TAGS_INPUT_SUBMIT}}),k=a.createComponent({react:n,tagName:"anduin-tags-input-list",elementClass:e.AnduinTagsInputList}),K=a.createComponent({react:n,tagName:"anduin-tags-input-input",elementClass:e.AnduinTagsInputInput}),f=a.createComponent({react:n,tagName:"anduin-tags-input-clear",elementClass:e.AnduinTagsInputClear}),z=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),X=a.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),x=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),Z=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),q=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),y=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),j=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),J=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),Q=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),Y=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),$=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),ee=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),ne=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),ae=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),te=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),oe=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),ie=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),se=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),re=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),Ce=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),le=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),ce=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),de=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),me=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),Te=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),_e=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),pe=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ge=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Le=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Se=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),Ie=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),Re=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Oe=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),be=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Pe=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),De=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),He=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Ue=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Be=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),ve=a.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),Me=a.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),he=a.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),Fe=a.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),Ve=a.createComponent({react:n,tagName:"anduin-table",elementClass:e.AnduinTable,events:{onSort:e.TABLE_SORT,onColumnClick:e.TABLE_COLUMN_CLICK,onRowClick:e.TABLE_ROW_CLICK,onSelectionChange:e.TABLE_SELECTION_CHANGE,onCellContextMenu:e.TABLE_CELL_CONTEXT_MENU,onRowExpand:e.TABLE_ROW_EXPAND,onRowCollapse:e.TABLE_ROW_COLLAPSE,onGroupToggle:e.TABLE_GROUP_TOGGLE,onColumnResize:e.TABLE_COLUMN_RESIZE}});exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=e.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=e.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=e.DATE_RANGE_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_OPEN_CHANGE=e.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SIDEBAR_SELECT=e.SIDEBAR_SELECT;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TABLE_CELL_CONTEXT_MENU=e.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=e.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=e.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=e.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=e.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=e.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=e.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=e.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=e.TABLE_SORT;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAGS_INPUT_BLUR=e.TAGS_INPUT_BLUR;exports.TAGS_INPUT_SUBMIT=e.TAGS_INPUT_SUBMIT;exports.TAGS_INPUT_VALUE_CHANGE=e.TAGS_INPUT_VALUE_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.AiSpinner=i;exports.Avatar=J;exports.Badge=r;exports.BadgeCount=C;exports.Button=l;exports.Calendar=He;exports.Callout=c;exports.Checkbox=S;exports.DateInput=he;exports.DatePicker=Fe;exports.DateRange=Ue;exports.DateRangeDefault=Be;exports.DateRangeEnd=Me;exports.DateRangeStart=ve;exports.Divider=d;exports.Dot=m;exports.Drawer=ne;exports.DrawerClose=ae;exports.Dropdown=ee;exports.Field=T;exports.FieldDescription=N;exports.FieldError=_;exports.FieldGroup=p;exports.FieldLabel=g;exports.FileIcon=Q;exports.Icon=s;exports.InlineEdit=O;exports.Input=I;exports.LoadingState=A;exports.Menu=D;exports.MenuItem=H;exports.Modal=U;exports.ModalClose=B;exports.Navigation=ie;exports.NavigationItem=se;exports.Pagination=ce;exports.PaginationFirstPage=de;exports.PaginationLastPage=me;exports.Popover=b;exports.PopoverClose=P;exports.Progress=E;exports.Radio=G;exports.RadioGroup=L;exports.ResizableHandle=le;exports.ResizablePanel=Ce;exports.ResizablePanelGroup=re;exports.Sidebar=Ee;exports.SidebarAction=Ge;exports.SidebarBadge=Le;exports.SidebarContent=ue;exports.SidebarFooter=Te;exports.SidebarGroup=ge;exports.SidebarGroupLabel=Ne;exports.SidebarHeader=Ae;exports.SidebarMenu=_e;exports.SidebarMenuItem=pe;exports.SidebarSeparator=Se;exports.Skeleton=u;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=oe;exports.Switcher=te;exports.TabContent=F;exports.TabTrigger=h;exports.Table=Ve;exports.Tabs=v;exports.TabsList=M;exports.Tag=V;exports.TagClose=W;exports.TagsInput=w;exports.TagsInputClear=f;exports.TagsInputInput=K;exports.TagsInputList=k;exports.Textarea=R;exports.Timeline=Ie;exports.TimelineDate=Oe;exports.TimelineGroup=Pe;exports.TimelineItem=Re;exports.TimelineLabel=De;exports.TimelineTitle=be;exports.Toast=Y;exports.Toaster=$;exports.ToggleGroup=z;exports.ToggleGroupItem=X;exports.Tooltip=x;exports.TooltipContent=q;exports.TooltipTrigger=Z;exports.Well=y;exports.WellClose=j;

package/dist/react.d.ts

@@ -447,7 +447,10 @@ declare class AnduinDivider extends LitElement {
 
 declare class AnduinDot extends LitElement {
     static styles: CSSResult;
-    variant: string;
+    /** Semantic (purple is the AI color), or one of the tag's custom colors */
+    variant: DotVariant;
+    /** Colors the dot from an ID, as an avatar is: the same ID always gets the same color. Wins over variant */
+    uid: string;
     render(): TemplateResult<1>;
 }
 
@@ -1679,7 +1682,11 @@ declare class AnduinTabTrigger extends LitElement {
 declare class AnduinTag extends LitElement {
     static styles: CSSResult;
     variant: TagVariant;
+    appearance: TagAppearance;
+    /** anduin-icon name shown before the label. `iconColor` never adds one */
     icon: string;
+    /** Colors the icon in place of the variant's color: a palette name, or an ID marked with `uid:` */
+    iconColor: TagIconColor | '';
     disabled: boolean;
     render(): TemplateResult<1>;
 }
@@ -1690,6 +1697,133 @@ declare class AnduinTagClose extends LitElement {
     render(): TemplateResult<1>;
 }
 
+declare class AnduinTagsInput extends LitElement {
+    static styles: CSSResult;
+    /**
+     * Controlled list. While set (not null/undefined) the component never
+     * changes the list itself: it dispatches the proposed list in
+     * `anduin-tags-input:value-change` and draws whatever `value` says.
+     * As an attribute, a JSON array: `value='["a@x.com"]'`.
+     */
+    value: string[] | null | undefined;
+    /**
+     * Uncontrolled list: the starting tags, and then the live list — every
+     * change the user makes is written back here before value-change fires.
+     * As an attribute, a JSON array. Re-setting an equal array is a no-op.
+     */
+    defaultValue: string[];
+    /** Every character in this string ends a tag when typed, e.g. `","` or `",;"`. */
+    delimiters: string;
+    /** Commit the pending text when focus leaves the whole control. */
+    addOnBlur: boolean;
+    /** Tab with pending text commits it instead of moving focus. */
+    addOnTab: boolean;
+    /** Map from tag text to its chip's variant, tooltip, label and lock. JSON as an attribute. */
+    tagMeta: TagsInputTagMetaMap;
+    /** Whole control immutable and dimmed; the tags stay visible. */
+    disabled: boolean;
+    /** Display only: no ×, no clear, no text box, nothing to tab to. Full contrast. */
+    readonly: boolean;
+    private _focused;
+    /** Index of the chip picked out by Backspace / ← / →, or -1 when the caret is in the text box. */
+    private _highlight;
+    private _parts;
+    get isControlled(): boolean;
+    /** The list as drawn: `value` when controlled, `defaultValue` otherwise. */
+    get tags(): string[];
+    get highlightedIndex(): number;
+    metaFor(tag: string): TagsInputTagMeta;
+    isLocked(tag: string): boolean;
+    get _editable(): boolean;
+    /** Clear all shows only when it would remove something. */
+    get clearVisible(): boolean;
+    private get _inputPart();
+    private get _hasClearPart();
+    /* Excluded from this release type: _register */
+    /* Excluded from this release type: _unregister */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(): void;
+    updated(): void;
+    /** Focuses the text box. Does nothing without an input part, or while disabled/readonly. */
+    focus(options?: FocusOptions): void;
+    /**
+     * Every change goes through here. Uncontrolled: written to `defaultValue`
+     * first, so a listener reading the element sees the new list. Controlled:
+     * only proposed — the consumer decides.
+     */
+    private _propose;
+    private _commit;
+    /* Excluded from this release type: _removeAt */
+    /* Excluded from this release type: _clearAll */
+    /* Excluded from this release type: _setHighlight */
+    /* Excluded from this release type: _focusInput */
+    /* Excluded from this release type: _onInputKeydown */
+    /* Excluded from this release type: _onInputInput */
+    /* Excluded from this release type: _onInputPaste */
+    private _onFocusIn;
+    /**
+     * Blur means focus left the whole control. Moving between its own parts
+     * (the text box, a chip's ×, the clear button) is not a blur: there,
+     * `relatedTarget` is retargeted to one of this element's children.
+     */
+    private _onFocusOut;
+    /**
+     * A press anywhere in the field but the text box keeps (or puts) focus in
+     * the text box. Without this, pressing a chip's × in Chromium focuses its
+     * button, the button is removed with the chip, and focus falls to <body>
+     * with no blur — the user was mid-list and is now nowhere. It also makes
+     * the field's padding and the gaps between chips a click target.
+     */
+    private _onMouseDown;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTagsInputClear extends LitElement {
+    static styles: CSSResult;
+    /* Excluded from this release type: _root */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(): void;
+    private _onClick;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTagsInputInput extends LitElement {
+    /** Focus lands on the inner `<input>`, as with anduin-input. */
+    static shadowRootOptions: ShadowRootInit;
+    static styles: CSSResult;
+    placeholder: string;
+    /* Excluded from this release type: _root */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get inputEl(): HTMLInputElement | null;
+    /** The pending (uncommitted) text. */
+    get text(): string;
+    set text(v: string);
+    get hasInputFocus(): boolean;
+    focus(options?: FocusOptions): void;
+    willUpdate(): void;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTagsInputList extends LitElement {
+    static styles: CSSResult;
+    /* Excluded from this release type: _root */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    /**
+     * A chip's × (anduin-tag-close) fires TAG_CLOSE_CLICK. It is stopped here:
+     * the chips are this component's internals, and a page listening for
+     * anduin-tag-close:click elsewhere should not hear them.
+     */
+    private _onRemove;
+    private _indexFromPath;
+    private _onChipClick;
+    render(): TemplateResult<1> | typeof nothing;
+}
+
 declare class AnduinTextarea extends LitElement {
     /**
      * Focus belongs to the inner `<textarea>`, not the host — the same reasoning
@@ -1978,6 +2112,8 @@ export declare const Divider: ReactWebComponent<AnduinDivider, {}>;
 
 export declare const Dot: ReactWebComponent<AnduinDot, {}>;
 
+declare type DotVariant = 'gray' | 'success' | 'primary' | 'danger' | 'warning' | 'purple' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
+
 export declare const Drawer: ReactWebComponent<AnduinDrawer, {
 onClose: string;
 onAfterClose: string;
@@ -2467,11 +2603,78 @@ export declare const Tag: ReactWebComponent<AnduinTag, {}>;
 
 export declare const TAG_CLOSE_CLICK = "anduin-tag-close:click";
 
+/** filled (default), or outlined: transparent, drawn by a border in the variant's color */
+declare type TagAppearance = 'filled' | 'outlined';
+
 export declare const TagClose: ReactWebComponent<AnduinTagClose, {
 onClick: string;
 }>;
 
-declare type TagVariant = 'gray' | 'primary' | 'success' | 'warning' | 'danger' | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
+/** Every dot color (semantic, purple, custom), or an ID marked with `uid:`, e.g. `uid:group-123` */
+declare type TagIconColor = DotVariant | `uid:${string}`;
+
+export declare const TAGS_INPUT_BLUR = "anduin-tags-input:blur";
+
+export declare const TAGS_INPUT_SUBMIT = "anduin-tags-input:submit";
+
+/**
+ * anduin-tags-input — a field that collects short free-text values as
+ * removable chips (email recipients, keywords). Mirrors `anduin-tags-input`
+ * in anduin.design (the Scala/Laminar library) under the same element names,
+ * so the two libraries agree. This release is the core subset: no
+ * suggestions panel and no inline editing.
+ *
+ * Shape: the root owns the list and every key; the parts only draw.
+ *
+ *   <anduin-tags-input>                 bordered field, list, keyboard, events
+ *     <anduin-tags-input-list>          one anduin-tag per value, each with ×
+ *     <anduin-tags-input-input>         the text box new tags are typed into
+ *     <anduin-tags-input-clear>         "clear all", pinned top-right
+ *   </anduin-tags-input>
+ *
+ * Why the root owns the keys rather than the input part: Backspace, ← and →
+ * act on chips, Enter may fire submit, and blur is "focus left the whole
+ * control", so every interesting key needs the list and the text at once.
+ * The input part forwards its native events to the root and holds no state.
+ *
+ * Layout: the root's field is one flex-wrap row container. The list host is
+ * `display: contents`, so each chip is a flex item of the field itself and
+ * the text box flows on the same line as the last chip, wrapping with them —
+ * the way a chip input reads. Every row is 24px (a 20px anduin-tag centred in
+ * a 24px slot, the text box 24px), with 3px top and bottom padding, so one row
+ * is exactly anduin-input's 32px and each further row adds 24px.
+ */
+export declare const TAGS_INPUT_VALUE_CHANGE = "anduin-tags-input:value-change";
+
+export declare const TagsInput: ReactWebComponent<AnduinTagsInput, {
+onValueChange: EventName<CustomEvent<string[]>>;
+onBlur: EventName<CustomEvent<string>>;
+onSubmit: EventName<CustomEvent<string[]>>;
+}>;
+
+export declare const TagsInputClear: ReactWebComponent<AnduinTagsInputClear, {}>;
+
+export declare const TagsInputInput: ReactWebComponent<AnduinTagsInputInput, {}>;
+
+export declare const TagsInputList: ReactWebComponent<AnduinTagsInputList, {}>;
+
+declare type TagsInputPart = AnduinTagsInputList | AnduinTagsInputInput | AnduinTagsInputClear;
+
+/** Per-tag presentation, keyed by the tag's text in `tagMeta`. */
+export declare interface TagsInputTagMeta {
+    /** anduin-tag variant for this chip (default `gray`). */
+    variant?: TagVariant;
+    /** Shown in an anduin-tooltip while the chip is hovered. */
+    tooltip?: string;
+    /** Drawn instead of the tag text. The value in the list stays the tag text. */
+    label?: string;
+    /** Locked: dimmed, no ×, Backspace/Delete refuse it, clear all leaves it. */
+    disabled?: boolean;
+}
+
+export declare type TagsInputTagMetaMap = Record<string, TagsInputTagMeta>;
+
+declare type TagVariant = 'gray' | 'primary' | 'success' | 'warning' | 'danger' | 'purple' | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger' | 'boldPurple' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
 
 export declare const Textarea: ReactWebComponent<AnduinTextarea, {
 onChange: string;