@duyluonganduin/acl-web-components 0.0.65 → 0.0.67

package/dist/jsx.d.ts

@@ -205,6 +205,14 @@ declare module 'react' {
         'end-icon'?: string
         /** Show a clear button when value is non-empty */
         clearable?: boolean | string
+        /** Inner <input> type (default: 'text') */
+        type?: 'text' | 'password' | 'email'
+        /** Inner <input> autocomplete, e.g. 'current-password'; omitted when empty */
+        autocomplete?: string
+        /** Inner <input> name; omitted when empty */
+        name?: string
+        /** With type="password", a button that shows and hides the value */
+        revealable?: boolean | string
       }
 
       // ── anduin-inline-edit ────────────────────────────────────────────────

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-BJvi-IiU.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-CYE2vNGN.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;

package/dist/react.d.ts

@@ -743,8 +743,30 @@ declare class AnduinInput extends LitElement {
     startIcon: string;
     endIcon: string;
     clearable: boolean;
+    /**
+     * The inner `<input>`'s type. `password` masks the value, `email` gets the
+     * email keyboard on phones. The value, `anduin-input:change` and every
+     * method behave the same for all three.
+     */
+    type: 'text' | 'password' | 'email';
+    /**
+     * Set as the inner `<input>`'s `autocomplete` when non-empty, e.g.
+     * `current-password`, `new-password`, `email`, `one-time-code`. Password
+     * managers read this, and the inner input is where they look.
+     */
+    autocomplete: string;
+    /** Set as the inner `<input>`'s `name` when non-empty. */
+    name: string;
+    /**
+     * With `type="password"`, adds a button at the end that shows and hides
+     * the value. Ignored for any other type.
+     */
+    revealable: boolean;
+    /** Whether a revealable password is currently shown as text. */
+    private _revealed;
     private inputEl;
     connectedCallback(): void;
+    willUpdate(changed: Map<PropertyKey, unknown>): void;
     updated(): void;
     /**
      * Runs `fn` against the inner `<input>` now, or once the first render has
@@ -767,6 +789,30 @@ declare class AnduinInput extends LitElement {
     setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
     private onInput;
     private onClear;
+    /**
+     * Pointer presses on the reveal button must not move focus off the input:
+     * someone typing a password clicks the eye to check it and keeps typing.
+     * Keyboard users still reach the button with Tab, and pressing it there
+     * leaves focus on the button, as any toggle does.
+     */
+    private onRevealPointerDown;
+    /**
+     * Swapping `type` between `password` and `text` keeps the value (the value
+     * mode is the same), but not the caret. Measured in Chromium with a real
+     * pointer click: `selectionStart` still reads right after Lit commits the
+     * new type, then drops to 0 at the next frame, when layout rebuilds the
+     * input's inner editor. Setting the range back straight after the commit
+     * did not stick — layout reset it anyway. Forcing that layout first and
+     * only then restoring the range does stick, measured at the next frame and
+     * 100ms later. The layout is forced with `getBoundingClientRect()`, a call:
+     * a bare `void el.offsetWidth` read is dropped by the minifier as unused,
+     * which is how the first version of this shipped nothing to the browser.
+     *
+     * Restored only while the input still has focus: an unfocused
+     * `setSelectionRange` can pull focus in some engines, and a keyboard user
+     * pressing the button is sitting on the button, not the input.
+     */
+    private onRevealToggle;
     render(): TemplateResult<1>;
 }
 

package/dist/react.js

@@ -1,7 +1,7 @@
 import a from "react";
 import { createComponent as e } from "@lit/react";
-import { a6 as n, a5 as t, A as s, z as i, b as l, c as o, d, f as r, o as u, p as m, P as c, a4 as g, D as C, t as A, x as N, u as E, v as T, w as b, aX as p, Q as _, aY as S, R as G, az as L, g as I, aN as R, aM as D, C as v, bg as O, ag as P, aK as h, aJ as H, aL as M, B, aW as f, N as F, O as k, E as w, F as U, aP as W, aQ as z, G as V, H as x, bc as K, ac as X, ad as Z, aa as j, a9 as q, ae as J, bf as Q, af as Y, bh as $, ap as y, bk as aa, bl as ea, bi as na, aq as ta, ar as sa, at as ia, as as la, au as oa, bs as da, av as ra, a as ua, y as ma, an as ca, ao as ga, aF as Ca, s as Aa, aD as Na, aE as Ea, q as Ta, r as ba, b2 as pa, a8 as _a, b0 as Sa, b1 as Ga, a$ as La, a7 as Ia, aR as Ra, I as Da, J as va, U as Oa, T as Pa, aZ as ha, S as Ha, aT as Ma, K as Ba, L as fa, M as Fa, V as ka, Y as wa, a0 as Ua, Z as Wa, _ as za, $ as Va, a1 as xa, a_ as Ka, a2 as Xa, W as Za, X as ja, a3 as qa, ah as Ja, ak as Qa, ai as Ya, am as $a, aj as ya, al as ae, ax as ee, e as ne, aC as te, j as se, k as ie, n as le, l as oe, aA as de, h as re, aB as ue, i as me, b5 as ce, b6 as ge, b8 as Ce, b9 as Ae, b3 as Ne, ba as Ee, b7 as Te, b4 as be, bb as pe, ab as _e } from "./anduin-table-BNMWngox.js";
-import { aO as it } from "./anduin-table-BNMWngox.js";
+import { a6 as n, a5 as t, A as s, z as i, b as l, c as o, d, f as r, o as u, p as m, P as c, a4 as g, D as C, t as A, x as N, u as E, v as T, w as b, aX as p, Q as _, aY as S, R as G, az as L, g as I, aN as R, aM as D, C as v, bg as O, ag as P, aK as h, aJ as H, aL as M, B, aW as f, N as F, O as k, E as w, F as U, aP as W, aQ as z, G as V, H as x, bc as K, ac as X, ad as Z, aa as j, a9 as q, ae as J, bf as Q, af as Y, bh as $, ap as y, bk as aa, bl as ea, bi as na, aq as ta, ar as sa, at as ia, as as la, au as oa, bs as da, av as ra, a as ua, y as ma, an as ca, ao as ga, aF as Ca, s as Aa, aD as Na, aE as Ea, q as Ta, r as ba, b2 as pa, a8 as _a, b0 as Sa, b1 as Ga, a$ as La, a7 as Ia, aR as Ra, I as Da, J as va, U as Oa, T as Pa, aZ as ha, S as Ha, aT as Ma, K as Ba, L as fa, M as Fa, V as ka, Y as wa, a0 as Ua, Z as Wa, _ as za, $ as Va, a1 as xa, a_ as Ka, a2 as Xa, W as Za, X as ja, a3 as qa, ah as Ja, ak as Qa, ai as Ya, am as $a, aj as ya, al as ae, ax as ee, e as ne, aC as te, j as se, k as ie, n as le, l as oe, aA as de, h as re, aB as ue, i as me, b5 as ce, b6 as ge, b8 as Ce, b9 as Ae, b3 as Ne, ba as Ee, b7 as Te, b4 as be, bb as pe, ab as _e } from "./anduin-table-Cqv_JQvT.js";
+import { aO as it } from "./anduin-table-Cqv_JQvT.js";
 const Ie = e({ react: a, tagName: "anduin-spinner", elementClass: n }), Re = e({ react: a, tagName: "anduin-sparkle-spinner", elementClass: t }), De = e({ react: a, tagName: "anduin-ai-spinner", elementClass: s }), ve = e({ react: a, tagName: "anduin-icon", elementClass: i }), Oe = e({ react: a, tagName: "anduin-badge", elementClass: l }), Pe = e({ react: a, tagName: "anduin-badge-count", elementClass: o }), he = e({ react: a, tagName: "anduin-button", elementClass: d }), He = e({ react: a, tagName: "anduin-callout", elementClass: r }), Me = e({ react: a, tagName: "anduin-divider", elementClass: u }), Be = e({ react: a, tagName: "anduin-dot", elementClass: m }), fe = e({ react: a, tagName: "anduin-progress", elementClass: c }), Fe = e({ react: a, tagName: "anduin-skeleton", elementClass: g }), ke = e({ react: a, tagName: "anduin-loading-state", elementClass: C }), we = e({ react: a, tagName: "anduin-field", elementClass: A }), Ue = e({ react: a, tagName: "anduin-field-label", elementClass: N }), We = e({ react: a, tagName: "anduin-field-description", elementClass: E }), ze = e({ react: a, tagName: "anduin-field-error", elementClass: T }), Ve = e({ react: a, tagName: "anduin-field-group", elementClass: b }), xe = e({
   react: a,
   tagName: "anduin-radio",

package/dist/tailwind-preset.cjs

@@ -1 +1 @@
-"use strict";const r={content:[],theme:{extend:{colors:{gray:{0:"var(--color-gray-0)",1:"var(--color-gray-1)",2:"var(--color-gray-2)",3:"var(--color-gray-3)",4:"var(--color-gray-4)",5:"var(--color-gray-5)",6:"var(--color-gray-6)",7:"var(--color-gray-7)",8:"var(--color-gray-8)",9:"var(--color-gray-9)"},purple:{50:"var(--color-purple-50)",100:"var(--color-purple-100)",200:"var(--color-purple-200)",300:"var(--color-purple-300)",400:"var(--color-purple-400)",500:"var(--color-purple-500)",600:"var(--color-purple-600)",700:"var(--color-purple-700)",800:"var(--color-purple-800)",900:"var(--color-purple-900)",950:"var(--color-purple-950)"},primary:{1:"var(--color-primary-1)",2:"var(--color-primary-2)",3:"var(--color-primary-3)",4:"var(--color-primary-4)",5:"var(--color-primary-5)",DEFAULT:"var(--color-primary)",foreground:"var(--color-primary-foreground)",hover:"var(--color-primary-hover)",active:"var(--color-primary-active)",subtle:"var(--color-primary-subtle)","subtle-foreground":"var(--color-primary-subtle-foreground)","subtle-active":"var(--color-primary-subtle-active)",border:"var(--color-primary-border)",icon:"var(--color-primary-icon)"},danger:{1:"var(--color-danger-1)",2:"var(--color-danger-2)",3:"var(--color-danger-3)",4:"var(--color-danger-4)",5:"var(--color-danger-5)"},success:{1:"var(--color-success-1)",2:"var(--color-success-2)",3:"var(--color-success-3)",4:"var(--color-success-4)",5:"var(--color-success-5)",DEFAULT:"var(--color-success)",foreground:"var(--color-success-foreground)",hover:"var(--color-success-hover)",active:"var(--color-success-active)",subtle:"var(--color-success-subtle)","subtle-foreground":"var(--color-success-subtle-foreground)","subtle-active":"var(--color-success-subtle-active)",border:"var(--color-success-border)",icon:"var(--color-success-icon)"},warning:{1:"var(--color-warning-1)",2:"var(--color-warning-2)",3:"var(--color-warning-3)",4:"var(--color-warning-4)",5:"var(--color-warning-5)",DEFAULT:"var(--color-warning)",foreground:"var(--color-warning-foreground)",hover:"var(--color-warning-hover)",active:"var(--color-warning-active)",subtle:"var(--color-warning-subtle)","subtle-foreground":"var(--color-warning-subtle-foreground)","subtle-active":"var(--color-warning-subtle-active)",border:"var(--color-warning-border)",icon:"var(--color-warning-icon)"},semantic:{gray:{0:"var(--color-semantic-gray-0)",1:"var(--color-semantic-gray-1)",2:"var(--color-semantic-gray-2)",3:"var(--color-semantic-gray-3)",4:"var(--color-semantic-gray-4)",5:"var(--color-semantic-gray-5)",6:"var(--color-semantic-gray-6)",7:"var(--color-semantic-gray-7)",8:"var(--color-semantic-gray-8)",9:"var(--color-semantic-gray-9)"},primary:{1:"var(--color-semantic-primary-1)",2:"var(--color-semantic-primary-2)",3:"var(--color-semantic-primary-3)",4:"var(--color-semantic-primary-4)",5:"var(--color-semantic-primary-5)"},danger:{1:"var(--color-semantic-danger-1)",2:"var(--color-semantic-danger-2)",3:"var(--color-semantic-danger-3)",4:"var(--color-semantic-danger-4)",5:"var(--color-semantic-danger-5)"},success:{1:"var(--color-semantic-success-1)",2:"var(--color-semantic-success-2)",3:"var(--color-semantic-success-3)",4:"var(--color-semantic-success-4)",5:"var(--color-semantic-success-5)"},warning:{1:"var(--color-semantic-warning-1)",2:"var(--color-semantic-warning-2)",3:"var(--color-semantic-warning-3)",4:"var(--color-semantic-warning-4)",5:"var(--color-semantic-warning-5)"}},background:"var(--color-background)",foreground:"var(--color-foreground)",card:{DEFAULT:"var(--color-card)",foreground:"var(--color-card-foreground)"},popover:{DEFAULT:"var(--color-popover)",foreground:"var(--color-popover-foreground)",border:"var(--color-popover-border)"},secondary:{DEFAULT:"var(--color-secondary)",foreground:"var(--color-secondary-foreground)"},muted:{DEFAULT:"var(--color-muted)",foreground:"var(--color-muted-foreground)"},subtle:{foreground:"var(--color-subtle-foreground)"},placeholder:"var(--color-placeholder)",canvas:"var(--color-canvas)","table-header":"var(--color-table-header)",highlight:"var(--color-highlight)",accent:{DEFAULT:"var(--color-accent)",subtle:"var(--color-accent-subtle)",foreground:"var(--color-accent-foreground)",active:"var(--color-accent-active)",strong:"var(--color-accent-strong)"},neutral:{DEFAULT:"var(--color-neutral)",foreground:"var(--color-neutral-foreground)",hover:"var(--color-neutral-hover)",active:"var(--color-neutral-active)",subtle:"var(--color-neutral-subtle)","subtle-foreground":"var(--color-neutral-subtle-foreground)",icon:"var(--color-neutral-icon)"},destructive:{DEFAULT:"var(--color-destructive)",foreground:"var(--color-destructive-foreground)",hover:"var(--color-destructive-hover)",active:"var(--color-destructive-active)",subtle:"var(--color-destructive-subtle)","subtle-foreground":"var(--color-destructive-subtle-foreground)","subtle-active":"var(--color-destructive-subtle-active)",border:"var(--color-destructive-border)",icon:"var(--color-destructive-icon)"},ai:{DEFAULT:"var(--color-ai)",foreground:"var(--color-ai-foreground)",hover:"var(--color-ai-hover)",active:"var(--color-ai-active)",subtle:"var(--color-ai-subtle)","subtle-foreground":"var(--color-ai-subtle-foreground)","subtle-active":"var(--color-ai-subtle-active)",border:"var(--color-ai-border)",icon:"var(--color-ai-icon)",glow:"var(--color-ai-glow)"},border:{DEFAULT:"var(--color-border)",subtle:"var(--color-border-subtle)",muted:"var(--color-border-muted)"},input:"var(--color-input)",ring:{DEFAULT:"var(--color-ring)",subtle:"var(--color-ring-subtle)",outline:"var(--color-ring-outline)"},disabled:{DEFAULT:"var(--color-disabled)",foreground:"var(--color-disabled-foreground)"},inverse:{DEFAULT:"var(--color-inverse)",foreground:"var(--color-inverse-foreground)"},overlay:"var(--color-overlay)",shadow:"var(--color-shadow)",white:"var(--color-white)"},fontFamily:{sans:"var(--font-sans)",mono:"var(--font-mono)"},fontSize:{9:["var(--text-9)",{lineHeight:"var(--leading-16)"}],10:["var(--text-10)",{lineHeight:"var(--leading-16)"}],11:["var(--text-11)",{lineHeight:"var(--leading-16)"}],12:["var(--text-12)",{lineHeight:"var(--leading-16)"}],13:["var(--text-13)",{lineHeight:"var(--leading-20)"}],15:["var(--text-15)",{lineHeight:"var(--leading-24)"}],17:["var(--text-17)",{lineHeight:"var(--leading-24)"}],20:["var(--text-20)",{lineHeight:"var(--leading-28)"}],23:["var(--text-23)",{lineHeight:"var(--leading-32)"}],26:["var(--text-26)",{lineHeight:"var(--leading-32)"}],30:["var(--text-30)",{lineHeight:"var(--leading-40)"}],35:["var(--text-35)",{lineHeight:"var(--leading-44)"}]},fontWeight:{normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)"},lineHeight:{16:"var(--leading-16)",20:"var(--leading-20)",24:"var(--leading-24)",28:"var(--leading-28)",32:"var(--leading-32)",40:"var(--leading-40)",44:"var(--leading-44)",r1p5:"var(--leading-r1p5)"},borderRadius:{none:"var(--radius-0)",sm:"var(--radius-2)",3:"var(--radius-3)",DEFAULT:"var(--radius-4)",md:"var(--radius-6)",lg:"var(--radius-8)",xl:"var(--radius-12)","2xl":"var(--radius-16)","3xl":"var(--radius-20)","4xl":"var(--radius-24)",full:"var(--radius-full)"},boxShadow:{1:"var(--shadow-1)",2:"var(--shadow-2)",3:"var(--shadow-3)",4:"var(--shadow-4)"},spacing:{px:"var(--spacing-px)",0:"var(--spacing-0)",2:"var(--spacing-2)",4:"var(--spacing-4)",6:"var(--spacing-6)",8:"var(--spacing-8)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)",24:"var(--spacing-24)",28:"var(--spacing-28)",32:"var(--spacing-32)",40:"var(--spacing-40)",48:"var(--spacing-48)",56:"var(--spacing-56)",64:"var(--spacing-64)",128:"var(--spacing-128)",256:"var(--spacing-256)"},zIndex:{0:"var(--z-0)",1:"var(--z-1)",2:"var(--z-2)",3:"var(--z-3)",4:"var(--z-4)",5:"var(--z-5)",999:"var(--z-999)",9999:"var(--z-9999)"}}}};module.exports=r;
+"use strict";const r={content:[],theme:{extend:{colors:{gray:{0:"var(--color-gray-0)",1:"var(--color-gray-1)",2:"var(--color-gray-2)",3:"var(--color-gray-3)",4:"var(--color-gray-4)",5:"var(--color-gray-5)",6:"var(--color-gray-6)",7:"var(--color-gray-7)",8:"var(--color-gray-8)",9:"var(--color-gray-9)"},purple:{50:"var(--color-purple-50)",100:"var(--color-purple-100)",200:"var(--color-purple-200)",300:"var(--color-purple-300)",400:"var(--color-purple-400)",500:"var(--color-purple-500)",600:"var(--color-purple-600)",700:"var(--color-purple-700)",800:"var(--color-purple-800)",900:"var(--color-purple-900)",950:"var(--color-purple-950)"},primary:{1:"var(--color-primary-1)",2:"var(--color-primary-2)",3:"var(--color-primary-3)",4:"var(--color-primary-4)",5:"var(--color-primary-5)",DEFAULT:"var(--color-primary)",foreground:"var(--color-primary-foreground)",hover:"var(--color-primary-hover)",active:"var(--color-primary-active)",subtle:"var(--color-primary-subtle)","subtle-foreground":"var(--color-primary-subtle-foreground)","subtle-active":"var(--color-primary-subtle-active)",border:"var(--color-primary-border)",icon:"var(--color-primary-icon)",text:"var(--color-primary-text)"},danger:{1:"var(--color-danger-1)",2:"var(--color-danger-2)",3:"var(--color-danger-3)",4:"var(--color-danger-4)",5:"var(--color-danger-5)"},success:{1:"var(--color-success-1)",2:"var(--color-success-2)",3:"var(--color-success-3)",4:"var(--color-success-4)",5:"var(--color-success-5)",DEFAULT:"var(--color-success)",foreground:"var(--color-success-foreground)",hover:"var(--color-success-hover)",active:"var(--color-success-active)",subtle:"var(--color-success-subtle)","subtle-foreground":"var(--color-success-subtle-foreground)","subtle-active":"var(--color-success-subtle-active)",border:"var(--color-success-border)",icon:"var(--color-success-icon)",text:"var(--color-success-text)"},warning:{1:"var(--color-warning-1)",2:"var(--color-warning-2)",3:"var(--color-warning-3)",4:"var(--color-warning-4)",5:"var(--color-warning-5)",DEFAULT:"var(--color-warning)",foreground:"var(--color-warning-foreground)",hover:"var(--color-warning-hover)",active:"var(--color-warning-active)",subtle:"var(--color-warning-subtle)","subtle-foreground":"var(--color-warning-subtle-foreground)","subtle-active":"var(--color-warning-subtle-active)",border:"var(--color-warning-border)",icon:"var(--color-warning-icon)",text:"var(--color-warning-text)"},semantic:{gray:{0:"var(--color-semantic-gray-0)",1:"var(--color-semantic-gray-1)",2:"var(--color-semantic-gray-2)",3:"var(--color-semantic-gray-3)",4:"var(--color-semantic-gray-4)",5:"var(--color-semantic-gray-5)",6:"var(--color-semantic-gray-6)",7:"var(--color-semantic-gray-7)",8:"var(--color-semantic-gray-8)",9:"var(--color-semantic-gray-9)"},primary:{1:"var(--color-semantic-primary-1)",2:"var(--color-semantic-primary-2)",3:"var(--color-semantic-primary-3)",4:"var(--color-semantic-primary-4)",5:"var(--color-semantic-primary-5)"},danger:{1:"var(--color-semantic-danger-1)",2:"var(--color-semantic-danger-2)",3:"var(--color-semantic-danger-3)",4:"var(--color-semantic-danger-4)",5:"var(--color-semantic-danger-5)"},success:{1:"var(--color-semantic-success-1)",2:"var(--color-semantic-success-2)",3:"var(--color-semantic-success-3)",4:"var(--color-semantic-success-4)",5:"var(--color-semantic-success-5)"},warning:{1:"var(--color-semantic-warning-1)",2:"var(--color-semantic-warning-2)",3:"var(--color-semantic-warning-3)",4:"var(--color-semantic-warning-4)",5:"var(--color-semantic-warning-5)"}},background:"var(--color-background)",foreground:"var(--color-foreground)",card:{DEFAULT:"var(--color-card)",foreground:"var(--color-card-foreground)"},popover:{DEFAULT:"var(--color-popover)",foreground:"var(--color-popover-foreground)",border:"var(--color-popover-border)"},secondary:{DEFAULT:"var(--color-secondary)",foreground:"var(--color-secondary-foreground)"},muted:{DEFAULT:"var(--color-muted)",foreground:"var(--color-muted-foreground)"},subtle:{foreground:"var(--color-subtle-foreground)"},placeholder:"var(--color-placeholder)",canvas:"var(--color-canvas)","table-header":"var(--color-table-header)",highlight:"var(--color-highlight)",accent:{DEFAULT:"var(--color-accent)",subtle:"var(--color-accent-subtle)",foreground:"var(--color-accent-foreground)",active:"var(--color-accent-active)",strong:"var(--color-accent-strong)"},neutral:{DEFAULT:"var(--color-neutral)",foreground:"var(--color-neutral-foreground)",hover:"var(--color-neutral-hover)",active:"var(--color-neutral-active)",subtle:"var(--color-neutral-subtle)","subtle-foreground":"var(--color-neutral-subtle-foreground)",icon:"var(--color-neutral-icon)"},destructive:{DEFAULT:"var(--color-destructive)",foreground:"var(--color-destructive-foreground)",hover:"var(--color-destructive-hover)",active:"var(--color-destructive-active)",subtle:"var(--color-destructive-subtle)","subtle-foreground":"var(--color-destructive-subtle-foreground)","subtle-active":"var(--color-destructive-subtle-active)",border:"var(--color-destructive-border)",icon:"var(--color-destructive-icon)",text:"var(--color-destructive-text)"},ai:{DEFAULT:"var(--color-ai)",foreground:"var(--color-ai-foreground)",hover:"var(--color-ai-hover)",active:"var(--color-ai-active)",subtle:"var(--color-ai-subtle)","subtle-foreground":"var(--color-ai-subtle-foreground)","subtle-active":"var(--color-ai-subtle-active)",border:"var(--color-ai-border)",icon:"var(--color-ai-icon)",text:"var(--color-ai-text)",glow:"var(--color-ai-glow)"},border:{DEFAULT:"var(--color-border)",subtle:"var(--color-border-subtle)",muted:"var(--color-border-muted)"},input:"var(--color-input)",ring:{DEFAULT:"var(--color-ring)",subtle:"var(--color-ring-subtle)",outline:"var(--color-ring-outline)"},disabled:{DEFAULT:"var(--color-disabled)",foreground:"var(--color-disabled-foreground)"},inverse:{DEFAULT:"var(--color-inverse)",foreground:"var(--color-inverse-foreground)"},overlay:"var(--color-overlay)",shadow:"var(--color-shadow)",white:"var(--color-white)"},fontFamily:{sans:"var(--font-sans)",mono:"var(--font-mono)"},fontSize:{9:["var(--text-9)",{lineHeight:"var(--leading-16)"}],10:["var(--text-10)",{lineHeight:"var(--leading-16)"}],11:["var(--text-11)",{lineHeight:"var(--leading-16)"}],12:["var(--text-12)",{lineHeight:"var(--leading-16)"}],13:["var(--text-13)",{lineHeight:"var(--leading-20)"}],15:["var(--text-15)",{lineHeight:"var(--leading-24)"}],17:["var(--text-17)",{lineHeight:"var(--leading-24)"}],20:["var(--text-20)",{lineHeight:"var(--leading-28)"}],23:["var(--text-23)",{lineHeight:"var(--leading-32)"}],26:["var(--text-26)",{lineHeight:"var(--leading-32)"}],30:["var(--text-30)",{lineHeight:"var(--leading-40)"}],35:["var(--text-35)",{lineHeight:"var(--leading-44)"}]},fontWeight:{normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)"},lineHeight:{16:"var(--leading-16)",20:"var(--leading-20)",24:"var(--leading-24)",28:"var(--leading-28)",32:"var(--leading-32)",40:"var(--leading-40)",44:"var(--leading-44)",r1p5:"var(--leading-r1p5)"},borderRadius:{none:"var(--radius-0)",sm:"var(--radius-2)",3:"var(--radius-3)",DEFAULT:"var(--radius-4)",md:"var(--radius-6)",lg:"var(--radius-8)",xl:"var(--radius-12)","2xl":"var(--radius-16)","3xl":"var(--radius-20)","4xl":"var(--radius-24)",full:"var(--radius-full)"},boxShadow:{1:"var(--shadow-1)",2:"var(--shadow-2)",3:"var(--shadow-3)",4:"var(--shadow-4)"},spacing:{px:"var(--spacing-px)",0:"var(--spacing-0)",2:"var(--spacing-2)",4:"var(--spacing-4)",6:"var(--spacing-6)",8:"var(--spacing-8)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)",24:"var(--spacing-24)",28:"var(--spacing-28)",32:"var(--spacing-32)",40:"var(--spacing-40)",48:"var(--spacing-48)",56:"var(--spacing-56)",64:"var(--spacing-64)",128:"var(--spacing-128)",256:"var(--spacing-256)"},zIndex:{0:"var(--z-0)",1:"var(--z-1)",2:"var(--z-2)",3:"var(--z-3)",4:"var(--z-4)",5:"var(--z-5)",999:"var(--z-999)",9999:"var(--z-9999)"}}}};module.exports=r;

package/dist/tailwind-preset.js

@@ -43,7 +43,8 @@ const r = {
           "subtle-foreground": "var(--color-primary-subtle-foreground)",
           "subtle-active": "var(--color-primary-subtle-active)",
           border: "var(--color-primary-border)",
-          icon: "var(--color-primary-icon)"
+          icon: "var(--color-primary-icon)",
+          text: "var(--color-primary-text)"
         },
         danger: {
           1: "var(--color-danger-1)",
@@ -66,7 +67,8 @@ const r = {
           "subtle-foreground": "var(--color-success-subtle-foreground)",
           "subtle-active": "var(--color-success-subtle-active)",
           border: "var(--color-success-border)",
-          icon: "var(--color-success-icon)"
+          icon: "var(--color-success-icon)",
+          text: "var(--color-success-text)"
         },
         warning: {
           1: "var(--color-warning-1)",
@@ -82,7 +84,8 @@ const r = {
           "subtle-foreground": "var(--color-warning-subtle-foreground)",
           "subtle-active": "var(--color-warning-subtle-active)",
           border: "var(--color-warning-border)",
-          icon: "var(--color-warning-icon)"
+          icon: "var(--color-warning-icon)",
+          text: "var(--color-warning-text)"
         },
         // Semantic aliases
         semantic: {
@@ -180,7 +183,8 @@ const r = {
           "subtle-foreground": "var(--color-destructive-subtle-foreground)",
           "subtle-active": "var(--color-destructive-subtle-active)",
           border: "var(--color-destructive-border)",
-          icon: "var(--color-destructive-icon)"
+          icon: "var(--color-destructive-icon)",
+          text: "var(--color-destructive-text)"
         },
         ai: {
           DEFAULT: "var(--color-ai)",
@@ -192,6 +196,7 @@ const r = {
           "subtle-active": "var(--color-ai-subtle-active)",
           border: "var(--color-ai-border)",
           icon: "var(--color-ai-icon)",
+          text: "var(--color-ai-text)",
           glow: "var(--color-ai-glow)"
         },
         border: {

package/dist/tailwind-theme.css

@@ -268,4 +268,10 @@
   --color-ai-icon: var(--color-ai-icon);
   --color-neutral-icon: var(--color-neutral-icon);
   --color-ai-glow: var(--color-ai-glow);
+  /* Intent colour as text on a neutral surface (0.0.66) */
+  --color-primary-text: var(--color-primary-text);
+  --color-destructive-text: var(--color-destructive-text);
+  --color-success-text: var(--color-success-text);
+  --color-warning-text: var(--color-warning-text);
+  --color-ai-text: var(--color-ai-text);
 }

package/dist/tokens.css

@@ -192,7 +192,8 @@
  * Per status family: base fill, -hover, -active, -subtle (tint), -subtle-active
  * (pressed tint), -subtle-foreground (strong text; also status text on plain
  * surfaces), -border (soft border for outlined controls), -icon (an icon, dot
- * or marker on the page or the tint).
+ * or marker on the page or the tint), -text (the intent as text on a neutral
+ * surface: 4.5:1 in dark, and in light the step components already drew).
  *
  * The dark palette, and the extra roles canvas / table-header / highlight /
  * border-muted / -icon / ai-glow, come from anduin.design: see @semantic-dark.
@@ -320,6 +321,18 @@
   --color-warning-icon: color-mix(in oklab, var(--color-warning-4), var(--color-warning-5));
   --color-ai-icon: var(--color-purple-500);
   --color-neutral-icon: var(--color-gray-7);
+  /* `-text` (0.0.66): an intent colour used as text on a neutral surface (page,
+     card, popover, gray-8 header) rather than on its own fill: outlined and plain
+     primary / AI buttons, a field's error, links an app draws. In light each is
+     exactly the step those components already drew, so nothing moves: primary-4
+     (4.57:1 on white), danger-4 (4.49:1, as it has been since before dark mode), purple-600 (5.8:1). success and warning
+     had no component using their fill as text, so theirs are the readable step 5,
+     the same as `-subtle-foreground`. Dark values and ratios: see @semantic-dark. */
+  --color-primary-text: var(--color-primary-4);
+  --color-destructive-text: var(--color-danger-4);
+  --color-success-text: var(--color-success-5);
+  --color-warning-text: var(--color-warning-5);
+  --color-ai-text: var(--color-purple-600);
   /* The AI spinner's halo: none on a light page, a faint blue glow on a dark one */
   --color-ai-glow: transparent;
 }
@@ -343,9 +356,10 @@
  *   overrides a ramp carries through. ACL has no step below gray-9, so the
  *   sunken `muted` is gray-9 mixed with 6% black.
  * - Fills keep the brand ramps, exactly as in light: their on-fill contrast is
- *   unchanged. Intent text on a plain surface is `-subtle-foreground` (step 2);
- *   the bare fill token as text (e.g. an outlined primary button) is about
- *   3:1 on gray-9 and is a known limit of reading a fill as ink.
+ *   unchanged. 0.0.65 left components that read a fill token as ink (outlined
+ *   primary button, field error) at about 3:1 on gray-9 and called it a known
+ *   limit; 0.0.66 gives them `-text` (step 2 in dark) instead, without changing
+ *   their light colour.
  * - Text: gray-2; secondary text halfway between gray-4 and gray-5 (5.6:1 on
  *   gray-8, ~7:1 on gray-9); gray-5 is the quietest tier that still holds
  *   4.5:1, so `subtle-foreground` and `placeholder` share it.
@@ -495,6 +509,18 @@
   --color-warning-icon: var(--color-warning-4);
   --color-ai-icon: var(--color-purple-400);
   --color-neutral-icon: var(--color-gray-4);
+  /* `-text`: the fill tokens drawn as ink measured about 3:1 on gray-9 (primary-4
+     3.2, danger-4 3.3, purple-600 2.5) and worse on gray-8. Each moves to step 2
+     (purple-200), which is what anduin.design's outlined / plain buttons, field
+     error and AI spinner draw in dark (its `-subtle-foreground`), so in dark
+     `-text` equals `-subtle-foreground`. Step 3 was measured and lost: primary-3
+     is 4.49:1 on the pressed primary tint, danger-3 4.07:1 on gray-8.
+     Ratios on gray-9 / gray-8 / the family's hover tint / its pressed tint: */
+  --color-primary-text: var(--color-primary-2);      /* 9.9 / 7.5 / 8.4 / 7.3 */
+  --color-destructive-text: var(--color-danger-2);   /* 9.5 / 7.2 / 8.6 / 7.7 */
+  --color-success-text: var(--color-success-2);      /* 10.0 / 7.5 / 8.1 */
+  --color-warning-text: var(--color-warning-2);      /* 11.3 / 8.5 / 8.7 */
+  --color-ai-text: var(--color-purple-200);          /* 10.6 / 8.0 / 9.4 / 8.5 */
   --color-ai-glow: oklch(from var(--color-primary-3) l c h / 0.25);
 
   /* The design's shadows: the light alphas, tinted black. They barely show on

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duyluonganduin/acl-web-components",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "type": "module",
   "repository": {
     "type": "git",