@duyluonganduin/acl-web-components 0.0.64 → 0.0.66

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-BVuEdGz9.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-B-RW2kkS.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.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-nCkyNUJA.js";
-import { aO as it } from "./anduin-table-nCkyNUJA.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-D5xijY_4.js";
+import { aO as it } from "./anduin-table-D5xijY_4.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)"},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)"},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)"},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)",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)"},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)"},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)"},border:{DEFAULT:"var(--color-border)",subtle:"var(--color-border-subtle)"},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

@@ -42,7 +42,9 @@ const r = {
           subtle: "var(--color-primary-subtle)",
           "subtle-foreground": "var(--color-primary-subtle-foreground)",
           "subtle-active": "var(--color-primary-subtle-active)",
-          border: "var(--color-primary-border)"
+          border: "var(--color-primary-border)",
+          icon: "var(--color-primary-icon)",
+          text: "var(--color-primary-text)"
         },
         danger: {
           1: "var(--color-danger-1)",
@@ -64,7 +66,9 @@ const r = {
           subtle: "var(--color-success-subtle)",
           "subtle-foreground": "var(--color-success-subtle-foreground)",
           "subtle-active": "var(--color-success-subtle-active)",
-          border: "var(--color-success-border)"
+          border: "var(--color-success-border)",
+          icon: "var(--color-success-icon)",
+          text: "var(--color-success-text)"
         },
         warning: {
           1: "var(--color-warning-1)",
@@ -79,7 +83,9 @@ const r = {
           subtle: "var(--color-warning-subtle)",
           "subtle-foreground": "var(--color-warning-subtle-foreground)",
           "subtle-active": "var(--color-warning-subtle-active)",
-          border: "var(--color-warning-border)"
+          border: "var(--color-warning-border)",
+          icon: "var(--color-warning-icon)",
+          text: "var(--color-warning-text)"
         },
         // Semantic aliases
         semantic: {
@@ -148,6 +154,10 @@ const r = {
           foreground: "var(--color-subtle-foreground)"
         },
         placeholder: "var(--color-placeholder)",
+        // Roles from anduin.design (0.0.65)
+        canvas: "var(--color-canvas)",
+        "table-header": "var(--color-table-header)",
+        highlight: "var(--color-highlight)",
         accent: {
           DEFAULT: "var(--color-accent)",
           subtle: "var(--color-accent-subtle)",
@@ -161,7 +171,8 @@ const r = {
           hover: "var(--color-neutral-hover)",
           active: "var(--color-neutral-active)",
           subtle: "var(--color-neutral-subtle)",
-          "subtle-foreground": "var(--color-neutral-subtle-foreground)"
+          "subtle-foreground": "var(--color-neutral-subtle-foreground)",
+          icon: "var(--color-neutral-icon)"
         },
         destructive: {
           DEFAULT: "var(--color-destructive)",
@@ -171,7 +182,9 @@ const r = {
           subtle: "var(--color-destructive-subtle)",
           "subtle-foreground": "var(--color-destructive-subtle-foreground)",
           "subtle-active": "var(--color-destructive-subtle-active)",
-          border: "var(--color-destructive-border)"
+          border: "var(--color-destructive-border)",
+          icon: "var(--color-destructive-icon)",
+          text: "var(--color-destructive-text)"
         },
         ai: {
           DEFAULT: "var(--color-ai)",
@@ -181,11 +194,15 @@ const r = {
           subtle: "var(--color-ai-subtle)",
           "subtle-foreground": "var(--color-ai-subtle-foreground)",
           "subtle-active": "var(--color-ai-subtle-active)",
-          border: "var(--color-ai-border)"
+          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)"
+          subtle: "var(--color-border-subtle)",
+          muted: "var(--color-border-muted)"
         },
         input: "var(--color-input)",
         ring: {

package/dist/tailwind-theme.css

@@ -256,4 +256,22 @@
   --color-inverse-foreground: var(--color-inverse-foreground);
   --color-overlay: var(--color-overlay);
   --color-shadow: var(--color-shadow);
+  /* Roles from anduin.design (0.0.65) */
+  --color-canvas: var(--color-canvas);
+  --color-table-header: var(--color-table-header);
+  --color-highlight: var(--color-highlight);
+  --color-border-muted: var(--color-border-muted);
+  --color-primary-icon: var(--color-primary-icon);
+  --color-destructive-icon: var(--color-destructive-icon);
+  --color-success-icon: var(--color-success-icon);
+  --color-warning-icon: var(--color-warning-icon);
+  --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

@@ -191,7 +191,12 @@
  * Every `*-foreground` is the text/icon color that sits on its fill.
  * 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).
+ * surfaces), -border (soft border for outlined controls), -icon (an icon, dot
+ * 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.
  */
 /* @semantic-light */
 :root, .light, [data-theme="light"] {
@@ -294,107 +299,236 @@
   --shadow-2: 0px 1px 2px rgba(29, 41, 57, 0.04), 0px 2px 8px rgba(29, 41, 57, 0.08);
   --shadow-3: 0px 2px 8px rgba(29, 41, 57, 0.08), 0px 8px 24px rgba(29, 41, 57, 0.12);
   --shadow-4: 0px 4px 8px rgba(29, 41, 57, 0.08), 0px 16px 48px rgba(29, 41, 57, 0.16);
+
+  /* Roles from anduin.design that ACL had no token for (added in 0.0.65), with
+     the design's own light values. Nothing in ACL reads them yet except the
+     table header; they are here so apps can build against the design's names. */
+  /* The page behind cards in a card layout, and quiet fills a step below a card
+     (dropzone, PDF backdrop). Same as `muted` in both themes. */
+  --color-canvas: var(--color-gray-1);
+  /* A table's header row: gray-1 in light, gray-8 in dark (a step lighter than the gray-9 rows) */
+  --color-table-header: var(--color-gray-1);
+  /* Hover and selection, translucent so it reads on any surface. ACL's own `accent`
+     is the opaque equivalent on the page; use this where nothing scrolls beneath. */
+  --color-highlight: oklch(from var(--color-gray-8) l c h / 0.06);
+  /* A quieter line inside a surface that already has an edge. Same as `border-subtle`. */
+  --color-border-muted: var(--color-gray-2);
+  /* `-icon`: an intent-coloured icon, dot or marker on the page or on the intent's
+     tint: lighter than the tint's text, and 3:1 on both surfaces in both themes */
+  --color-primary-icon: var(--color-primary-4);
+  --color-destructive-icon: var(--color-danger-4);
+  --color-success-icon: color-mix(in oklab, var(--color-success-4), var(--color-success-5));
+  --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;
 }
 
 /* @semantic-dark
- * Surfaces step lighter as they rise (muted < background < card < popover),
- * since shadows barely read on dark. Neutrals keep the ramp's cool 255–265 hue.
- * Fills keep the light hues but are lifted so text and links clear 4.5:1.
+ * Ported from anduin.design (`web/css/src/tw/input.css` on its feat/dark-mode
+ * branch), which is the authoritative dark palette. 0.0.64 shipped ACL's own
+ * first pass instead, where surfaces stepped lighter as they rose
+ * (muted < background < card < popover) and every value was a literal oklch().
+ * That made each dialog, menu, dropdown panel and toast draw visibly lighter
+ * than the page, and none of its values came from ACL's palette, so a brand
+ * that overrides a ramp never reached dark mode.
+ *
+ * The design's reasoning, kept here:
+ * - One surface. Page, card and popover are all gray-9. Raised and floating
+ *   surfaces stand out by an edge (`popover-border` = the white-10% border,
+ *   drawn as an inset outline) and a black shadow, not by lightness. A gray-9
+ *   shadow would vanish on a gray-9 page, hence black.
+ * - Every value aliases ACL's own ramps (`var(--color-gray-9)`,
+ *   `oklch(from var(--color-primary-4) l c h / 0.16)`), so a brand theme that
+ *   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. 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.
+ * - Lines are translucent white (10% / 6%), so they show on gray-8 fills too,
+ *   where a solid gray-8 line vanished.
+ *
+ * Mapped by role, not by name (the design's names differ from ACL's):
+ *   design `canvas` (sunken page)       → ACL `muted`
+ *   design `muted` (gray-2/gray-8 fill) → ACL `secondary`, `disabled`, and the
+ *                                         pressed/selected `accent-active`
+ *   design `highlight` (hover)          → ACL `accent`, `accent-subtle`
+ *   design `placeholder` (gray-5)       → ACL `placeholder`, `subtle-foreground`
+ *
+ * One deliberate difference: the design's `highlight` and intent tints are
+ * translucent. ACL's components were written against opaque fills: a table
+ * row's hover and selected colours are inherited by its sticky frozen cells,
+ * the sticky header takes `accent` on hover, and a calendar range stacks
+ * `-subtle-active` over `-subtle`. A translucent fill there lets scrolled
+ * content show through, or doubles up. So every ACL *fill* takes the design
+ * value composited over the gray-9 surface:
+ * `color-mix(in srgb, var(--color-gray-9), X N%)` is what the browser paints
+ * for X at N% alpha over gray-9, so on the shared page/card/popover surface it
+ * is the same colour, and it stays opaque. The design's translucent originals
+ * are exposed unchanged as the additive `--color-highlight` (and lines stay
+ * translucent, as in the design: nothing scrolls under a 1px line).
  */
 .dark, [data-theme="dark"] {
   color-scheme: dark;
 
-  --color-background: oklch(0.2 0.018 260);
-  --color-foreground: oklch(0.94 0.006 260);
-  --color-card: oklch(0.235 0.02 260);
-  --color-card-foreground: oklch(0.94 0.006 260);
-  --color-popover: oklch(0.265 0.022 260);
-  --color-popover-foreground: oklch(0.94 0.006 260);
-  --color-popover-border: oklch(0.34 0.024 260);
-
-  --color-primary: oklch(0.66 0.16 252);
-  --color-primary-foreground: oklch(0.18 0.03 258);
-  --color-primary-hover: oklch(0.72 0.14 248);
-  --color-primary-active: oklch(0.6 0.16 254);
-  --color-primary-subtle: oklch(0.3 0.06 254);
-  --color-primary-subtle-foreground: oklch(0.84 0.08 240);
-  --color-primary-subtle-active: oklch(0.35 0.08 254);
-  --color-primary-border: oklch(0.52 0.12 252);
-
-  --color-secondary: oklch(0.3 0.022 260);
-  --color-secondary-foreground: oklch(0.94 0.006 260);
-  --color-muted: oklch(0.175 0.016 260);
-  --color-muted-foreground: oklch(0.76 0.02 262);
-  --color-subtle-foreground: oklch(0.64 0.025 263);
-  --color-placeholder: oklch(0.56 0.025 263);
-  --color-accent: oklch(0.3 0.022 260);
-  --color-accent-subtle: oklch(0.25 0.02 260);
-  --color-accent-foreground: oklch(0.94 0.006 260);
-  --color-accent-active: oklch(0.34 0.024 260);
-  --color-accent-strong: oklch(0.38 0.026 260);
-  
-  --color-neutral: oklch(0.78 0.02 262);
-  --color-neutral-foreground: oklch(0.18 0.03 258);
-  --color-neutral-hover: oklch(0.84 0.016 262);
-  --color-neutral-active: oklch(0.72 0.022 262);
-  --color-neutral-subtle: oklch(0.32 0.022 260);
-  --color-neutral-subtle-foreground: oklch(0.8 0.018 262);
-
-  --color-destructive: oklch(0.68 0.17 24);
-  --color-destructive-foreground: oklch(0.18 0.03 258);
-  --color-destructive-hover: oklch(0.74 0.14 22);
-  --color-destructive-active: oklch(0.62 0.18 26);
-  --color-destructive-subtle: oklch(0.3 0.07 24);
-  --color-destructive-subtle-foreground: oklch(0.85 0.08 20);
-  --color-destructive-subtle-active: oklch(0.35 0.09 24);
-  --color-destructive-border: oklch(0.54 0.13 24);
-
-  --color-success: oklch(0.7 0.15 150);
-  --color-success-foreground: oklch(0.18 0.03 258);
-  --color-success-hover: oklch(0.76 0.14 150);
-  --color-success-active: oklch(0.64 0.15 149);
-  --color-success-subtle: oklch(0.29 0.05 152);
-  --color-success-subtle-foreground: oklch(0.85 0.1 150);
-  --color-success-subtle-active: oklch(0.34 0.07 152);
-  --color-success-border: oklch(0.52 0.11 150);
-
-  --color-warning: oklch(0.8 0.15 79);
-  --color-warning-foreground: oklch(0.2 0.03 260);
-  --color-warning-hover: oklch(0.85 0.13 82);
-  --color-warning-active: oklch(0.74 0.15 76);
-  --color-warning-subtle: oklch(0.3 0.05 82);
-  --color-warning-subtle-foreground: oklch(0.87 0.1 85);
-  --color-warning-subtle-active: oklch(0.36 0.07 82);
-  --color-warning-border: oklch(0.6 0.11 80);
-
-  --color-ai: oklch(0.68 0.16 287);
-  --color-ai-foreground: oklch(0.18 0.03 258);
-  --color-ai-hover: oklch(0.74 0.13 287);
-  --color-ai-active: oklch(0.62 0.18 287);
-  --color-ai-subtle: oklch(0.3 0.08 287);
-  --color-ai-subtle-foreground: oklch(0.85 0.07 287);
-  --color-ai-subtle-active: oklch(0.35 0.1 287);
-  --color-ai-border: oklch(0.52 0.12 287);
-
-  --color-border: oklch(0.32 0.022 260);
-  --color-border-subtle: oklch(0.28 0.02 260);
-  --color-input: oklch(0.47 0.03 262);
-  --color-ring: oklch(0.66 0.16 252);
-  --color-ring-subtle: oklch(0.36 0.09 254);
-  --color-ring-outline: oklch(0.45 0.1 254);
-
-  --color-disabled: oklch(0.26 0.018 260);
-  --color-disabled-foreground: oklch(0.46 0.022 262);
-  --color-inverse: oklch(0.92 0.008 260);
-  --color-inverse-foreground: oklch(0.24 0.02 260);
-  --color-overlay: oklch(0.1 0.01 260 / 0.7);
+  /* One surface for page, cards and popovers (design: background/card/popover) */
+  --color-background: var(--color-gray-9);
+  --color-foreground: var(--color-gray-2);
+  --color-card: var(--color-gray-9);
+  --color-card-foreground: var(--color-gray-2);
+  --color-popover: var(--color-gray-9);
+  --color-popover-foreground: var(--color-gray-2);
+  /* The design's popover-border: the white-10% border, so floating layers get their edge */
+  --color-popover-border: var(--color-border);
+
+  /* Fills keep the brand ramps (same as light); tints are step 4 at 16% over gray-9 */
+  --color-primary: var(--color-primary-4);
+  --color-primary-foreground: var(--color-gray-0);
+  --color-primary-hover: var(--color-primary-3);
+  --color-primary-active: var(--color-primary-5);
+  --color-primary-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 16%);
+  --color-primary-subtle-foreground: var(--color-primary-2);
+  /* No design counterpart: the pressed tint, a stronger 28% of the same fill */
+  --color-primary-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 28%);
+  /* No design counterpart as a token; the design's outlined buttons draw their colour at 60% */
+  --color-primary-border: oklch(from var(--color-primary-4) l c h / 0.6);
+
+  /* design `muted`: the gray-8 read-only / neutral fill */
+  --color-secondary: var(--color-gray-8);
+  --color-secondary-foreground: var(--color-gray-2);
+  /* design `canvas`: the sunken surface, a step below the gray-9 page */
+  --color-muted: color-mix(in oklab, var(--color-gray-9), black 6%);
+  --color-muted-foreground: color-mix(in oklab, var(--color-gray-4), var(--color-gray-5));
+  /* design `placeholder`: the quietest tier that still holds 4.5:1 on gray-9 */
+  --color-subtle-foreground: var(--color-gray-5);
+  --color-placeholder: var(--color-gray-5);
+  /* design `highlight` (white 5%), opaque over gray-9: every one of accent's uses is a hover */
+  --color-accent: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);
+  --color-accent-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);
+  --color-accent-foreground: var(--color-gray-2);
+  /* Pressed / selected: the design's gray-8 `muted`, which is also the gray tag
+     (`neutral-subtle`), as in light where both are gray-3 */
+  --color-accent-active: var(--color-gray-8);
+  /* No design counterpart: one step past gray-8, toward gray-7 */
+  --color-accent-strong: color-mix(in oklab, var(--color-gray-8), var(--color-gray-7) 35%);
+
+  /* The design's neutral intent: the fill keeps gray-7 + white, the tint is gray-8 */
+  --color-neutral: var(--color-gray-7);
+  --color-neutral-foreground: var(--color-gray-0);
+  --color-neutral-hover: var(--color-gray-6);
+  --color-neutral-active: var(--color-gray-8);
+  --color-neutral-subtle: var(--color-gray-8);
+  --color-neutral-subtle-foreground: var(--color-gray-2);
+
+  --color-destructive: var(--color-danger-4);
+  --color-destructive-foreground: var(--color-gray-0);
+  --color-destructive-hover: var(--color-danger-3);
+  --color-destructive-active: var(--color-danger-5);
+  --color-destructive-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 16%);
+  --color-destructive-subtle-foreground: var(--color-danger-2);
+  --color-destructive-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 28%);
+  --color-destructive-border: oklch(from var(--color-danger-4) l c h / 0.6);
+
+  --color-success: var(--color-success-4);
+  --color-success-foreground: var(--color-gray-0);
+  --color-success-hover: var(--color-success-3);
+  --color-success-active: var(--color-success-5);
+  --color-success-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 16%);
+  --color-success-subtle-foreground: var(--color-success-2);
+  --color-success-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 28%);
+  --color-success-border: oklch(from var(--color-success-4) l c h / 0.6);
+
+  /* Warning's fill is step 3 with gray-8 text in both modes; its tint is step 4, as in the design */
+  --color-warning: var(--color-warning-3);
+  --color-warning-foreground: var(--color-gray-8);
+  --color-warning-hover: var(--color-warning-2);
+  --color-warning-active: var(--color-warning-4);
+  --color-warning-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 16%);
+  --color-warning-subtle-foreground: var(--color-warning-2);
+  --color-warning-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 28%);
+  --color-warning-border: oklch(from var(--color-warning-4) l c h / 0.6);
+
+  /* The design's purple intent */
+  --color-ai: var(--color-purple-600);
+  --color-ai-foreground: var(--color-gray-0);
+  --color-ai-hover: var(--color-purple-500);
+  --color-ai-active: var(--color-purple-700);
+  --color-ai-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 16%);
+  --color-ai-subtle-foreground: var(--color-purple-200);
+  --color-ai-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 28%);
+  --color-ai-border: oklch(from var(--color-purple-600) l c h / 0.6);
+
+  /* White at 10% (shadcn's dark border): ~1.36:1 on any dark surface, so it
+     still shows on gray-8 fills, where a solid gray-8 line vanished */
+  --color-border: oklch(from var(--color-gray-0) l c h / 0.1);
+  /* design `border-muted`: row rules inside a surface that already has an edge */
+  --color-border-subtle: oklch(from var(--color-gray-0) l c h / 0.06);
+  --color-input: var(--color-gray-7);
+  --color-ring: var(--color-primary-4);
+  /* No design counterparts: the focus glow and small-control outline, as the ring at 30% / 60% */
+  --color-ring-subtle: oklch(from var(--color-primary-4) l c h / 0.3);
+  --color-ring-outline: oklch(from var(--color-primary-4) l c h / 0.6);
+
+  /* The design keeps read-only and disabled on its gray-8 fills; as in light, disabled = secondary */
+  --color-disabled: var(--color-gray-8);
+  --color-disabled-foreground: var(--color-gray-7);
+  /* No design counterpart. The design's tooltip stays gray-9 and takes the border; ACL's
+     tooltip draws no edge, so inverse flips instead: the foreground colour as a surface */
+  --color-inverse: var(--color-gray-2);
+  --color-inverse-foreground: var(--color-gray-9);
+  /* The scrim has to darken the page, so black rather than a lifted gray */
+  --color-overlay: oklch(0 0 0 / 0.4);
   --color-shadow: oklch(0 0 0);
 
-  /* Shadows barely show on dark surfaces; darken and strengthen them. */
-  --shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.3);
-  --shadow-2: 0px 1px 2px rgba(0, 0, 0, 0.24), 0px 2px 8px rgba(0, 0, 0, 0.32);
-  --shadow-3: 0px 2px 8px rgba(0, 0, 0, 0.32), 0px 8px 24px rgba(0, 0, 0, 0.4);
-  --shadow-4: 0px 4px 8px rgba(0, 0, 0, 0.32), 0px 16px 48px rgba(0, 0, 0, 0.48);
+  /* The design's extra roles */
+  --color-canvas: color-mix(in oklab, var(--color-gray-9), black 6%);
+  --color-table-header: var(--color-gray-8);
+  --color-highlight: oklch(from var(--color-gray-0) l c h / 0.05);
+  --color-border-muted: oklch(from var(--color-gray-0) l c h / 0.06);
+  --color-primary-icon: var(--color-primary-3);
+  --color-destructive-icon: var(--color-danger-3);
+  --color-success-icon: var(--color-success-3);
+  --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
+     gray-9, which is why floating surfaces carry the white-10% edge. */
+  --shadow-1: 0px 1px 2px oklch(from var(--color-shadow) l c h / 0.07);
+  --shadow-2: 0px 1px 2px oklch(from var(--color-shadow) l c h / 0.04), 0px 2px 8px oklch(from var(--color-shadow) l c h / 0.08);
+  --shadow-3: 0px 2px 8px oklch(from var(--color-shadow) l c h / 0.08), 0px 8px 24px oklch(from var(--color-shadow) l c h / 0.12);
+  --shadow-4: 0px 4px 8px oklch(from var(--color-shadow) l c h / 0.08), 0px 16px 48px oklch(from var(--color-shadow) l c h / 0.16);
 }
 
 

package/package.json

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