@duyluonganduin/acl-web-components 0.0.63 → 0.0.64

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-DhBAEdvs.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-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;

package/dist/react.d.ts

@@ -1371,8 +1371,8 @@ declare class AnduinTable extends LitElement {
      * both as classes and as `part` names, so a consumer can reach them from
      * outside the shadow root — including for hover and other states:
      *
-     *   anduin-table::part(overdue) { background: var(--color-danger-1); }
-     *   anduin-table::part(overdue):hover { background: var(--color-danger-2); }
+     *   anduin-table::part(overdue) { background: var(--color-destructive-subtle); }
+     *   anduin-table::part(overdue):hover { background: var(--color-destructive-subtle-active); }
      */
     rowClass?: (data: any, index: number) => string;
     /** Renders a group heading. Defaults to `value (count)`. */

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-DGYFCUkj.js";
-import { aO as it } from "./anduin-table-DGYFCUkj.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-nCkyNUJA.js";
+import { aO as it } from "./anduin-table-nCkyNUJA.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)"},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)"},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)"},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)"}},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)"},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;

package/dist/tailwind-preset.js

@@ -34,7 +34,15 @@ const r = {
           2: "var(--color-primary-2)",
           3: "var(--color-primary-3)",
           4: "var(--color-primary-4)",
-          5: "var(--color-primary-5)"
+          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)",
@@ -48,14 +56,30 @@ const r = {
           2: "var(--color-success-2)",
           3: "var(--color-success-3)",
           4: "var(--color-success-4)",
-          5: "var(--color-success-5)"
+          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)"
+          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 aliases
         semantic: {
@@ -100,6 +124,85 @@ const r = {
             5: "var(--color-semantic-warning-5)"
           }
         },
+        // Semantic colors — theme-aware; DEFAULT is the fill, e.g. bg-primary / text-primary-foreground
+        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: {

package/dist/tailwind-theme.css

@@ -178,4 +178,82 @@
   --z-index-5:    var(--z-5);
   --z-index-999:  var(--z-999);
   --z-index-9999: var(--z-9999);
+
+  /* ── Semantic colors (theme-aware; dark via .dark / data-theme="dark") ── */
+  --color-background: var(--color-background);
+  --color-foreground: var(--color-foreground);
+  --color-card: var(--color-card);
+  --color-card-foreground: var(--color-card-foreground);
+  --color-popover: var(--color-popover);
+  --color-popover-foreground: var(--color-popover-foreground);
+  --color-popover-border: var(--color-popover-border);
+  --color-primary: var(--color-primary);
+  --color-primary-foreground: var(--color-primary-foreground);
+  --color-primary-hover: var(--color-primary-hover);
+  --color-primary-active: var(--color-primary-active);
+  --color-primary-subtle: var(--color-primary-subtle);
+  --color-primary-subtle-foreground: var(--color-primary-subtle-foreground);
+  --color-primary-subtle-active: var(--color-primary-subtle-active);
+  --color-primary-border: var(--color-primary-border);
+  --color-secondary: var(--color-secondary);
+  --color-secondary-foreground: var(--color-secondary-foreground);
+  --color-muted: var(--color-muted);
+  --color-muted-foreground: var(--color-muted-foreground);
+  --color-subtle-foreground: var(--color-subtle-foreground);
+  --color-placeholder: var(--color-placeholder);
+  --color-accent: var(--color-accent);
+  --color-accent-subtle: var(--color-accent-subtle);
+  --color-accent-foreground: var(--color-accent-foreground);
+  --color-accent-active: var(--color-accent-active);
+  --color-accent-strong: var(--color-accent-strong);
+  --color-neutral: var(--color-neutral);
+  --color-neutral-foreground: var(--color-neutral-foreground);
+  --color-neutral-hover: var(--color-neutral-hover);
+  --color-neutral-active: var(--color-neutral-active);
+  --color-neutral-subtle: var(--color-neutral-subtle);
+  --color-neutral-subtle-foreground: var(--color-neutral-subtle-foreground);
+  --color-destructive: var(--color-destructive);
+  --color-destructive-foreground: var(--color-destructive-foreground);
+  --color-destructive-hover: var(--color-destructive-hover);
+  --color-destructive-active: var(--color-destructive-active);
+  --color-destructive-subtle: var(--color-destructive-subtle);
+  --color-destructive-subtle-foreground: var(--color-destructive-subtle-foreground);
+  --color-destructive-subtle-active: var(--color-destructive-subtle-active);
+  --color-destructive-border: var(--color-destructive-border);
+  --color-success: var(--color-success);
+  --color-success-foreground: var(--color-success-foreground);
+  --color-success-hover: var(--color-success-hover);
+  --color-success-active: var(--color-success-active);
+  --color-success-subtle: var(--color-success-subtle);
+  --color-success-subtle-foreground: var(--color-success-subtle-foreground);
+  --color-success-subtle-active: var(--color-success-subtle-active);
+  --color-success-border: var(--color-success-border);
+  --color-warning: var(--color-warning);
+  --color-warning-foreground: var(--color-warning-foreground);
+  --color-warning-hover: var(--color-warning-hover);
+  --color-warning-active: var(--color-warning-active);
+  --color-warning-subtle: var(--color-warning-subtle);
+  --color-warning-subtle-foreground: var(--color-warning-subtle-foreground);
+  --color-warning-subtle-active: var(--color-warning-subtle-active);
+  --color-warning-border: var(--color-warning-border);
+  --color-ai: var(--color-ai);
+  --color-ai-foreground: var(--color-ai-foreground);
+  --color-ai-hover: var(--color-ai-hover);
+  --color-ai-active: var(--color-ai-active);
+  --color-ai-subtle: var(--color-ai-subtle);
+  --color-ai-subtle-foreground: var(--color-ai-subtle-foreground);
+  --color-ai-subtle-active: var(--color-ai-subtle-active);
+  --color-ai-border: var(--color-ai-border);
+  --color-border: var(--color-border);
+  --color-border-subtle: var(--color-border-subtle);
+  --color-input: var(--color-input);
+  --color-ring: var(--color-ring);
+  --color-ring-subtle: var(--color-ring-subtle);
+  --color-ring-outline: var(--color-ring-outline);
+  --color-disabled: var(--color-disabled);
+  --color-disabled-foreground: var(--color-disabled-foreground);
+  --color-inverse: var(--color-inverse);
+  --color-inverse-foreground: var(--color-inverse-foreground);
+  --color-overlay: var(--color-overlay);
+  --color-shadow: var(--color-shadow);
 }

package/dist/tokens.css

@@ -148,12 +148,6 @@
   --radius-24: 24px;
   --radius-full: 9999px;
 
-  /* ===================== Box Shadow ===================== */
-  --shadow-1: 0px 1px 2px rgba(29, 41, 57, 0.07);
-  --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);
-
   /* ===================== Spacing ===================== */
   --spacing-px: 1px;
   --spacing-0: 0;
@@ -185,6 +179,224 @@
   --z-9999: 9999;
 }
 
+/* ===================== Semantic colors =====================
+ * Role-based colors, named after shadcn/ui plus the roles ACL needs on top
+ * (status fills, soft tints, ramp-based hover/active, disabled, inverse, AI).
+ * Build UI against these, not the gray/primary ramps, so it follows the theme.
+ *
+ * Light is the default. Dark is opt-in: add `class="dark"` (or
+ * `data-theme="dark"`) to <html> or to any subtree. `.light` /
+ * `data-theme="light"` forces light back inside a dark subtree.
+ *
+ * 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).
+ */
+/* @semantic-light */
+:root, .light, [data-theme="light"] {
+  color-scheme: light;
+
+  --color-background: var(--color-gray-0);
+  --color-foreground: var(--color-gray-8);
+  --color-card: var(--color-gray-0);
+  --color-card-foreground: var(--color-gray-8);
+  --color-popover: var(--color-gray-0);
+  --color-popover-foreground: var(--color-gray-8);
+  /* Edge for floating surfaces; invisible in light, where the shadow does the job */
+  --color-popover-border: transparent;
+
+  --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: var(--color-primary-1);
+  --color-primary-subtle-foreground: var(--color-primary-5);
+  --color-primary-subtle-active: var(--color-primary-2);
+  --color-primary-border: var(--color-primary-3);
+
+  --color-secondary: var(--color-gray-2);
+  --color-secondary-foreground: var(--color-gray-8);
+  --color-muted: var(--color-gray-1);
+  --color-muted-foreground: var(--color-gray-7);
+  --color-subtle-foreground: var(--color-gray-6);
+  --color-placeholder: var(--color-gray-5);
+  --color-accent: var(--color-gray-2);
+  /* Faint hover for large areas (table rows) */
+  --color-accent-subtle: var(--color-gray-1);
+  --color-accent-foreground: var(--color-gray-8);
+  --color-accent-active: var(--color-gray-3);
+  --color-accent-strong: var(--color-gray-4);
+  
+  /* Solid gray: dark-gray filled button, bold gray badge */
+  --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-3);
+  --color-neutral-subtle-foreground: var(--color-gray-7);
+
+  --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: var(--color-danger-1);
+  --color-destructive-subtle-foreground: var(--color-danger-5);
+  --color-destructive-subtle-active: var(--color-danger-2);
+  --color-destructive-border: var(--color-danger-3);
+
+  --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: var(--color-success-1);
+  --color-success-subtle-foreground: var(--color-success-5);
+  --color-success-subtle-active: var(--color-success-2);
+  --color-success-border: var(--color-success-3);
+
+  --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: var(--color-warning-1);
+  --color-warning-subtle-foreground: var(--color-warning-5);
+  --color-warning-subtle-active: var(--color-warning-2);
+  --color-warning-border: var(--color-warning-3);
+
+  --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: var(--color-purple-50);
+  --color-ai-subtle-foreground: var(--color-purple-700);
+  --color-ai-subtle-active: var(--color-purple-100);
+  --color-ai-border: var(--color-purple-300);
+
+  --color-border: var(--color-gray-3);
+  /* Lighter hairline: table row rules */
+  --color-border-subtle: var(--color-gray-2);
+  --color-input: var(--color-gray-4);
+  --color-ring: var(--color-primary-4);
+  --color-ring-subtle: var(--color-primary-1);
+  /* 2px focus outline on small controls (checkbox, radio) */
+  --color-ring-outline: var(--color-primary-2);
+
+  --color-disabled: var(--color-gray-2);
+  --color-disabled-foreground: var(--color-gray-4);
+  --color-inverse: var(--color-gray-9);
+  --color-inverse-foreground: var(--color-gray-0);
+  --color-overlay: rgba(50, 60, 77, 0.6);
+  /* Base for custom shadows: color-mix(in srgb, var(--color-shadow) 12%, transparent) */
+  --color-shadow: var(--color-gray-9);
+
+  /* Box shadow — lives here so `.light` restores it inside a `.dark` subtree. */
+  --shadow-1: 0px 1px 2px rgba(29, 41, 57, 0.07);
+  --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);
+}
+
+/* @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.
+ */
+.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);
+  --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);
+}
+
 
 body {
   font-family: var(--font-sans);

package/package.json

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