@veracity/vui 5.4.0-alpha.manual.2609151045 → 5.4.0

package/dist/_virtual/_rolldown/runtime.js

@@ -16,4 +16,4 @@ var __exportAll = (all, no_symbols) => {
 
 //#endregion
 export { __exportAll };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"

package/dist/accordion/accordion.js

@@ -54,5 +54,5 @@ Accordion.displayName = "Accordion";
 
 //#endregion
 export { Accordion, Accordion as default, AccordionBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=accordion.js.map

package/dist/accordion/accordionItem.js

@@ -82,5 +82,5 @@ AccordionItem.displayName = "AccordionItem";
 
 //#endregion
 export { AccordionItem, AccordionItem as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=accordionItem.js.map

package/dist/accordion/accordionItemArrow.js

@@ -24,5 +24,5 @@ var accordionItemArrow_default = memo(AccordionItemArrow);
 
 //#endregion
 export { accordionItemArrow_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=accordionItemArrow.js.map

package/dist/accordion/accordionItemHorizontal.js

@@ -86,5 +86,5 @@ AccordionItemHorizontal.displayName = "AccordionItemHorizontal";
 
 //#endregion
 export { AccordionItemHorizontal, AccordionItemHorizontal as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=accordionItemHorizontal.js.map

package/dist/accordion/context.js

@@ -5,5 +5,5 @@ const [AccordionProvider, useAccordionContext] = createContext({ isOptional: tru
 
 //#endregion
 export { AccordionProvider, useAccordionContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/accordion/theme.js

@@ -55,5 +55,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/avatar/avatar.js

@@ -103,5 +103,5 @@ Avatar.displayName = "Avatar";
 
 //#endregion
 export { Avatar, Avatar as default, AvatarBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=avatar.js.map

package/dist/avatar/helpers.js

@@ -7,5 +7,5 @@ function defaultGetInitials(name = "") {
 
 //#endregion
 export { defaultGetInitials };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=helpers.js.map

package/dist/avatar/theme.js

@@ -168,5 +168,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/badge/badge.js

@@ -44,5 +44,5 @@ Badge.displayName = "Badge";
 
 //#endregion
 export { Badge, Badge as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=badge.js.map

package/dist/badge/theme.js

@@ -15,5 +15,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/box/box.js

@@ -35,5 +35,5 @@ Box.displayName = "Box";
 
 //#endregion
 export { Box, Box as default, BoxBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=box.js.map

package/dist/box/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/breadcrumbs/breadcrumbs.js

@@ -46,5 +46,5 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 //#endregion
 export { Breadcrumbs, Breadcrumbs as default, BreadcrumbsBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs/breadcrumbsItem.js

@@ -26,5 +26,5 @@ BreadcrumbsItem.displayName = "BreadcrumbsItem";
 
 //#endregion
 export { BreadcrumbsItem, BreadcrumbsItem as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=breadcrumbsItem.js.map

package/dist/breadcrumbs/breadcrumbsSeparator.js

@@ -24,5 +24,5 @@ const BreadcrumbsSeparator = ({ className, children, content, ...rest }) => {
 
 //#endregion
 export { BreadcrumbsSeparator, BreadcrumbsSeparator as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=breadcrumbsSeparator.js.map

package/dist/breadcrumbs/context.js

@@ -5,5 +5,5 @@ const [BreadcrumbsProvider, useBreadcrumbsContext] = createContext({ isOptional:
 
 //#endregion
 export { BreadcrumbsProvider, useBreadcrumbsContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/breadcrumbs/theme.js

@@ -60,5 +60,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/button/button.js

@@ -189,5 +189,5 @@ Button.displayName = "Button";
 
 //#endregion
 export { Button, Button as default, ButtonBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=button.js.map

package/dist/button/buttonHelpers.js

@@ -44,5 +44,5 @@ const renderContent = (children, text, isTruncated) => {
 
 //#endregion
 export { renderButtonIcon, renderContent };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=buttonHelpers.js.map

package/dist/button/buttonIcon.js

@@ -32,5 +32,5 @@ ButtonIcon.displayName = "ButtonIcon";
 
 //#endregion
 export { ButtonIcon, ButtonIcon as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=buttonIcon.js.map

package/dist/button/buttonText.js

@@ -22,5 +22,5 @@ ButtonText.displayName = "ButtonText";
 
 //#endregion
 export { ButtonText, ButtonText as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=buttonText.js.map

package/dist/button/buttons.js

@@ -66,5 +66,5 @@ TextButton.displayName = "TextButton";
 
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=buttons.js.map

package/dist/button/consts.js

@@ -34,5 +34,5 @@ const CSS_VAR_MAPPINGS = {
 
 //#endregion
 export { CSS_VAR_MAPPINGS, loadingIconProps };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=consts.js.map

package/dist/button/context.js

@@ -5,5 +5,5 @@ const [ButtonProvider, useButtonContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ButtonProvider, useButtonContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/button/theme.js

@@ -188,5 +188,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/button/useButtonComputed.js

@@ -104,5 +104,5 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 
 //#endregion
 export { useButtonComputed };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useButtonComputed.js.map

package/dist/button/utils.js

@@ -56,5 +56,5 @@ const wrapWithVars = (props, mapping) => {
 
 //#endregion
 export { extractNumericValue, resolveVariantKey, wrapWithVars };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=utils.js.map

package/dist/buttonGroup/buttonGroup.js

@@ -75,5 +75,5 @@ ButtonGroup.displayName = "ButtonGroup";
 
 //#endregion
 export { ButtonGroup, ButtonGroup as default, ButtonGroupBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/context.js

@@ -5,5 +5,5 @@ const [ButtonGroupProvider, useButtonGroupContext] = createContext({ isOptional:
 
 //#endregion
 export { ButtonGroupProvider, useButtonGroupContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/buttonGroup/helpers.js

@@ -8,5 +8,5 @@ function getInnerBorderColor(props) {
 
 //#endregion
 export { getInnerBorderColor };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=helpers.js.map

package/dist/buttonToggleGroup/buttonToggleGroup.js

@@ -19,5 +19,5 @@ ButtonToggleGroup.displayName = "ButtonToggleGroup";
 
 //#endregion
 export { ButtonToggleGroup, ButtonToggleGroup as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=buttonToggleGroup.js.map

package/dist/calendar/calendar.js

@@ -128,5 +128,5 @@ Calendar.displayName = "Calendar";
 
 //#endregion
 export { Calendar, Calendar as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.styles.js

@@ -70,5 +70,5 @@ const CalendarItemsContainer = styled(Box)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer, boundary, current, hover, isDisabled, isHidden, isSelected, isToday };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/components/calendarHeader.js

@@ -51,5 +51,5 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
 
 //#endregion
 export { CalendarHeader };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=calendarHeader.js.map

package/dist/calendar/components/dayPicker.js

@@ -47,5 +47,5 @@ const DayPicker = ({ calendar, onSelectDay }) => /* @__PURE__ */ jsxs(DaysContai
 
 //#endregion
 export { DayPicker };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dayPicker.js.map

package/dist/calendar/components/monthPicker.js

@@ -19,5 +19,5 @@ const MonthPicker = ({ calendar, onSelectMonth }) => /* @__PURE__ */ jsx(Calenda
 
 //#endregion
 export { MonthPicker };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/timeUnitHeader.js

@@ -61,5 +61,5 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 
 //#endregion
 export { TimeUnitHeader };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/yearPicker.js

@@ -16,5 +16,5 @@ const YearPicker = ({ calendar, onSelectYear }) => /* @__PURE__ */ jsx(CalendarI
 
 //#endregion
 export { YearPicker };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=yearPicker.js.map

package/dist/calendar/consts.js

@@ -42,5 +42,5 @@ const weekDays = [
 
 //#endregion
 export { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=consts.js.map

package/dist/calendar/hooks/useBoundaries.js

@@ -17,5 +17,5 @@ const useBoundaries = ({ boundaries }) => {
 
 //#endregion
 export { useBoundaries };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useBoundaries.js.map

package/dist/calendar/hooks/useCalendar.js

@@ -115,5 +115,5 @@ const useCalendar = ({ boundaries, selectedDates, mode = "exact", timeUnitMode,
 
 //#endregion
 export { useCalendar };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useCalendar.js.map

package/dist/calendar/hooks/useDefaultViewMonth.js

@@ -15,5 +15,5 @@ const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }) => {
 
 //#endregion
 export { useDefaultViewMonth };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useDefaultViewMonth.js.map

package/dist/calendar/hooks/useSelectedDate.js

@@ -18,5 +18,5 @@ const useSelectedDate = ({ selectedDates, mode }) => {
 
 //#endregion
 export { useSelectedDate };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useSelectedDate.js.map

package/dist/calendar/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/calendar/utils.js

@@ -68,5 +68,5 @@ const processViewDate = (viewDate, direction, timeUnitMode, calendarItems) => {
 
 //#endregion
 export { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear, processSelectMonth, processSelectYear, processViewDate };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=utils.js.map

package/dist/card/card.js

@@ -32,5 +32,5 @@ Card.displayName = "Card";
 
 //#endregion
 export { Card, Card as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=card.js.map

package/dist/card/theme.js

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/chat/chat.js

@@ -61,5 +61,5 @@ Chat.displayName = "Chat";
 
 //#endregion
 export { Chat, Chat as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=chat.js.map

package/dist/chat/chatInput.js

@@ -131,5 +131,5 @@ ChatInput.displayName = "ChatInput";
 
 //#endregion
 export { ChatInput, ChatInput as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=chatInput.js.map

package/dist/chat/chatInputButton.js

@@ -25,5 +25,5 @@ ChatInputButton.displayName = "ChatInputButton";
 
 //#endregion
 export { ChatInputButton, ChatInputButton as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=chatInputButton.js.map

package/dist/chat/chatMessage.js

@@ -40,5 +40,5 @@ ChatMessage.displayName = "ChatMessage";
 
 //#endregion
 export { ChatMessage, ChatMessage as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=chatMessage.js.map

package/dist/chat/theme.js

@@ -29,5 +29,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;cAuCa,0CAAY,qDAAA,cAAZ,iBAAY,uBAAA,cAAA,iBAAA,mBAAA,oBAAA,kBAAA,mBAAA,sBAAA,wBAAA,yBAAA,uBAAA,mBAAA,sBAAA,wBAAA,yBAAA,uBAAA,mBAAA,oBAAA,eAAA,oBAAA,oBAAA,oBAAA,eAAA,eAAA,sBAAA,sBAAA,mBAAA,mBAAA,YAAA,iBAAA,eAAA,iBAAA,kBAAA,eAAA,kBAAA,oBAAA,sBAAA,oBAAA,gBAAA,gBAAA,kBAAA,iBAAA,qBAAA,YAAA,mBAAA,iBAAA,aAAA,WAAA,WAAA,WAAA,iBAAA,cAAA,kBAAA,eAAA,oBAAA,uBAAA,oBAAA,2BAAA,wBAAA,yBAAA,gBAAA,kBAAA,cAAA,qBAAA,cAAA,kBAAA,mBAAA,aAAA,iBAAA,gBAAA,iBAAA,iBAAA,gBAAA,cAAA,WAAA,aAAA,cAAA,YAAA,kBAAA,0BAAA,iBAAA,gBAAA,aAAA,cAAA,gBAAA,iBAAA,gBAAA,iBAAA,cAAA,iBAAA,mBAAA,oBAAA,kBAAA,eAAA,eAAA,eAAA,kBAAA,oBAAA,qBAAA,mBAAA,gBAAA,gBAAA,cAAA,cAAA,qBAAA,qBAAA,sBAAA,mBAAA,iBAAA,uBAAA,kBAAA,kBAAA,cAAA,aAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,0BAAA,0BAAA,gCAAA,uBAAA,kBAAA,gBAAA,iBAAA,kBAAA,kBAAA,aAAA,qBAAA,sBAAA,iBAAA,qBAAA,qBAAA,kBAAA,oBAAA,qBAAA,yBAAA,iBAAA;;;;;;cAiCZ,UAAQ,qBAAA"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;cAsCa,0CAAY,qDAAA,cAAZ,iBAAY,uBAAA,cAAA,iBAAA,mBAAA,oBAAA,kBAAA,mBAAA,sBAAA,wBAAA,yBAAA,uBAAA,mBAAA,sBAAA,wBAAA,yBAAA,uBAAA,mBAAA,oBAAA,eAAA,oBAAA,oBAAA,oBAAA,eAAA,eAAA,sBAAA,sBAAA,mBAAA,mBAAA,YAAA,iBAAA,eAAA,iBAAA,kBAAA,eAAA,kBAAA,oBAAA,sBAAA,oBAAA,gBAAA,gBAAA,kBAAA,iBAAA,qBAAA,YAAA,mBAAA,iBAAA,aAAA,WAAA,WAAA,WAAA,iBAAA,cAAA,kBAAA,eAAA,oBAAA,uBAAA,oBAAA,2BAAA,wBAAA,yBAAA,gBAAA,kBAAA,cAAA,qBAAA,cAAA,kBAAA,mBAAA,aAAA,iBAAA,gBAAA,iBAAA,iBAAA,gBAAA,cAAA,WAAA,aAAA,cAAA,YAAA,kBAAA,0BAAA,iBAAA,gBAAA,aAAA,cAAA,gBAAA,iBAAA,gBAAA,iBAAA,cAAA,iBAAA,mBAAA,oBAAA,kBAAA,eAAA,eAAA,eAAA,kBAAA,oBAAA,qBAAA,mBAAA,gBAAA,gBAAA,cAAA,cAAA,qBAAA,qBAAA,sBAAA,mBAAA,iBAAA,uBAAA,kBAAA,kBAAA,cAAA,aAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,0BAAA,0BAAA,gCAAA,uBAAA,kBAAA,gBAAA,iBAAA,kBAAA,kBAAA,aAAA,qBAAA,sBAAA,iBAAA,qBAAA,qBAAA,kBAAA,oBAAA,qBAAA,yBAAA,iBAAA;;;;;;cAiCZ,UAAQ,qBAAA"}

package/dist/checkbox/checkbox.js

@@ -7,7 +7,7 @@ import vui from "../core/vui.js";
 import { Box } from "../box/box.js";
 import { Icon } from "../icon/icon.js";
 import { T } from "../t/t.js";
-import { SelectionControlInput, resolveControlColor, resolveStateColor, useDeprecatedLgSize, useSelectionControlDescription } from "../selectionControl/selectionControl.js";
+import { SelectionControlInput, useDeprecatedLgSize, useSelectionControlColors, useSelectionControlDescription } from "../selectionControl/selectionControl.js";
 import { useCheckboxGroupContext } from "./context.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -94,22 +94,21 @@ const Checkbox = vui((props, ref) => {
 	const styles = useStyleConfig("Checkbox", mergedProps);
 	const { color: controlColor, hoverColor, pressedColor, ...controlStyles } = styles.control;
 	const size = mergedProps.size ?? "md";
-	const { description, descriptionId, id } = useSelectionControlDescription(idProp, helpText, errorText);
+	const isCheckedOrIndeterminate = isChecked || isIndeterminate;
+	const { description, descriptionId, errorText: effectiveErrorText, id } = useSelectionControlDescription(idProp, helpText, errorText, isCheckedOrIndeterminate);
 	const markIcon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
 	const controlMr = children || label ? controlGap[size] ?? controlGap.md : 0;
-	const isCheckedOrIndeterminate = isChecked || isIndeterminate;
-	const color = resolveControlColor({
-		checkedColor: selectionControlColors.checked,
+	const { color, controlHoverColor, controlPressedColor, descriptionColor, labelColor } = useSelectionControlColors({
 		controlColor,
-		errorColor: selectionControlColors.error,
-		errorText,
+		differentiateUnchecked: true,
+		disabled,
+		errorText: effectiveErrorText,
+		hoverColor,
 		isActive: isCheckedOrIndeterminate,
-		readOnly,
-		readOnlyColor: selectionControlColors.readOnly
+		pressedColor,
+		readOnly
 	});
 	const markColor = disabled ? selectionControlDisabled.mark : isCheckedOrIndeterminate ? selectionControlColors.mark : color;
-	const controlHoverColor = resolveStateColor(hoverColor, isCheckedOrIndeterminate, selectionControlColors.hover, selectionControlColors.uncheckedHover);
-	const controlPressedColor = resolveStateColor(pressedColor, isCheckedOrIndeterminate, selectionControlColors.pressed, selectionControlColors.uncheckedHover);
 	const hasJsxChildren = !!children;
 	useDeprecatedLgSize(size, "Checkbox");
 	useEffect(() => {
@@ -145,7 +144,7 @@ const Checkbox = vui((props, ref) => {
 			...controlStyles,
 			children: [/* @__PURE__ */ jsx(SelectionControlInput, {
 				"aria-describedby": descriptionId,
-				"aria-invalid": !!errorText || void 0,
+				"aria-invalid": !!effectiveErrorText || void 0,
 				className: "vui-checkboxInput",
 				onChange,
 				ref: inputRef,
@@ -172,13 +171,13 @@ const Checkbox = vui((props, ref) => {
 			column: true,
 			children: [/* @__PURE__ */ jsx(T, {
 				className: "vui-checkboxLabel",
-				color: disabled ? selectionControlDisabled.text : selectionControlColors.label,
+				color: labelColor,
 				variant: "caption",
 				...styles.label,
 				children: label
 			}), description && /* @__PURE__ */ jsx(T, {
 				className: "vui-checkboxDescription",
-				color: errorText ? selectionControlColors.error : selectionControlColors.helper,
+				color: descriptionColor,
 				id: descriptionId,
 				mt: "2px",
 				size: "sm",
@@ -191,5 +190,5 @@ Checkbox.displayName = "Checkbox";
 
 //#endregion
 export { Checkbox, Checkbox as default, CheckboxBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["disabledColors","checkboxColors"],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\n\nimport Box from '../box'\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport {\n  resolveControlColor,\n  resolveStateColor,\n  SelectionControlInput,\n  useDeprecatedLgSize,\n  useSelectionControlDescription,\n} from '../selectionControl/selectionControl'\nimport T from '../t'\nimport { cs, filterUndefined } from '../utils'\nimport { checkboxColors, disabled as disabledColors } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\n// Figma \"VUI v5 (modernized)\" Checkbox spec (node 2098:2155/2098:2164): gap between box and label scales with size.\nconst controlGap: Record<string, string> = { lg: '10px', md: '10px', sm: '8px', xs: '6px' }\n// Offset decreases as control size grows, so JSX children stay visually centered with the first text line.\nconst jsxChildrenMt: Record<string, string> = { lg: '0px', md: '0px', sm: '2px', xs: '3px' }\n// Centers the box on the label's first line: (caption line-height 150% of font-size - control box height) / 2.\nconst labelMt: Record<string, string> = { lg: '0px', md: '0px', sm: '0.5px', xs: '1px' }\n// Inner mark (checkmark/minus) size + inset from the box edge, per size (node 2098:2155/2439:576).\nconst markSize: Record<string, string> = { lg: '16px', md: '16px', sm: '13px', xs: '10px' }\nconst markOffset: Record<string, string> = { lg: '3px', md: '3px', sm: '2.5px', xs: '2px' }\n\nconst CheckboxControl = styled.spanBox`\n  border: 1px solid currentColor;\n  border-radius: 0;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):not([aria-readonly='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  &:not([aria-disabled='true']):not([aria-readonly='true']):active .vui-checkboxControl {\n    color: ${p => th.color(p.controlPressedColor)};\n  }\n\n  &[aria-readonly='true'] {\n    cursor: auto;\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabledColors.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      background-color: ${disabledColors.bg};\n      color: ${disabledColors.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * The box itself is plain CSS (border/background); only the checkmark/minus mark is an icon. Can be\n * indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    errorText,\n    readOnly,\n    helpText,\n    icon: iconProp,\n    iconChecked = 'uiCheck',\n    iconIndeterminate = 'uiMinus',\n    id: idProp,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, pressedColor, ...controlStyles } = styles.control\n  const size = mergedProps.size ?? 'md'\n  const { description, descriptionId, id } = useSelectionControlDescription(idProp, helpText, errorText)\n\n  const markIcon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? (controlGap[size] ?? controlGap.md) : 0\n  const isCheckedOrIndeterminate = isChecked || isIndeterminate\n  const color = resolveControlColor({\n    checkedColor: checkboxColors.checked,\n    controlColor,\n    errorColor: checkboxColors.error,\n    errorText,\n    isActive: isCheckedOrIndeterminate,\n    readOnly,\n    readOnlyColor: checkboxColors.readOnly,\n  })\n  // White/inverse mark on the filled checked/indeterminate box; the current border colour otherwise (custom `icon` overlay).\n  const markColor = disabled ? disabledColors.mark : isCheckedOrIndeterminate ? checkboxColors.mark : color\n  // Unchecked hover/pressed only darken the border; checked/indeterminate use the brand hover/pressed blue.\n  const controlHoverColor = resolveStateColor(\n    hoverColor,\n    isCheckedOrIndeterminate,\n    checkboxColors.hover,\n    checkboxColors.uncheckedHover,\n  )\n  const controlPressedColor = resolveStateColor(\n    pressedColor,\n    isCheckedOrIndeterminate,\n    checkboxColors.pressed,\n    checkboxColors.uncheckedHover,\n  )\n  const hasJsxChildren = !!children\n\n  useDeprecatedLgSize(size, 'Checkbox')\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (readOnly) return\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-readonly': readOnly,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={label || hasJsxChildren ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      controlPressedColor={controlPressedColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg={isCheckedOrIndeterminate ? 'currentColor' : 'white'}\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        focusWithinRingColor={checkboxColors.focus}\n        mr={controlMr}\n        mt={\n          hasJsxChildren ? (jsxChildrenMt[size] ?? jsxChildrenMt.md) : label ? (labelMt[size] ?? labelMt.md) : undefined\n        }\n        role=\"none\"\n        {...controlStyles}\n      >\n        <SelectionControlInput\n          aria-describedby={descriptionId}\n          aria-invalid={!!errorText || undefined}\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        {markIcon && (\n          <Icon\n            className=\"vui-checkboxIcon\"\n            color={markColor}\n            h={markSize[size] ?? markSize.md}\n            left={markOffset[size] ?? markOffset.md}\n            name={markIcon}\n            position=\"absolute\"\n            top={markOffset[size] ?? markOffset.md}\n            w={markSize[size] ?? markSize.md}\n          />\n        )}\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <Box column>\n            <T\n              className=\"vui-checkboxLabel\"\n              color={disabled ? disabledColors.text : checkboxColors.label}\n              variant=\"caption\"\n              {...styles.label}\n            >\n              {label}\n            </T>\n            {description && (\n              <T\n                className=\"vui-checkboxDescription\"\n                color={errorText ? checkboxColors.error : checkboxColors.helper}\n                id={descriptionId}\n                mt=\"2px\"\n                size=\"sm\"\n              >\n                {description}\n              </T>\n            )}\n          </Box>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":["disabledColors","checkboxColors"],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\n\nimport Box from '../box'\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport {\n  SelectionControlInput,\n  useDeprecatedLgSize,\n  useSelectionControlColors,\n  useSelectionControlDescription,\n} from '../selectionControl/selectionControl'\nimport T from '../t'\nimport { cs, filterUndefined } from '../utils'\nimport { checkboxColors, disabled as disabledColors } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\n// Figma \"VUI v5 (modernized)\" Checkbox spec (node 2098:2155/2098:2164): gap between box and label scales with size.\nconst controlGap: Record<string, string> = { lg: '10px', md: '10px', sm: '8px', xs: '6px' }\n// Offset decreases as control size grows, so JSX children stay visually centered with the first text line.\nconst jsxChildrenMt: Record<string, string> = { lg: '0px', md: '0px', sm: '2px', xs: '3px' }\n// Centers the box on the label's first line: (caption line-height 150% of font-size - control box height) / 2.\nconst labelMt: Record<string, string> = { lg: '0px', md: '0px', sm: '0.5px', xs: '1px' }\n// Inner mark (checkmark/minus) size + inset from the box edge, per size (node 2098:2155/2439:576).\nconst markSize: Record<string, string> = { lg: '16px', md: '16px', sm: '13px', xs: '10px' }\nconst markOffset: Record<string, string> = { lg: '3px', md: '3px', sm: '2.5px', xs: '2px' }\n\nconst CheckboxControl = styled.spanBox`\n  border: 1px solid currentColor;\n  border-radius: 0;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):not([aria-readonly='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  &:not([aria-disabled='true']):not([aria-readonly='true']):active .vui-checkboxControl {\n    color: ${p => th.color(p.controlPressedColor)};\n  }\n\n  &[aria-readonly='true'] {\n    cursor: auto;\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabledColors.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      background-color: ${disabledColors.bg};\n      color: ${disabledColors.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * The box itself is plain CSS (border/background); only the checkmark/minus mark is an icon. Can be\n * indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    errorText,\n    readOnly,\n    helpText,\n    icon: iconProp,\n    iconChecked = 'uiCheck',\n    iconIndeterminate = 'uiMinus',\n    id: idProp,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, pressedColor, ...controlStyles } = styles.control\n  const size = mergedProps.size ?? 'md'\n  const isCheckedOrIndeterminate = isChecked || isIndeterminate\n  const {\n    description,\n    descriptionId,\n    errorText: effectiveErrorText,\n    id,\n  } = useSelectionControlDescription(idProp, helpText, errorText, isCheckedOrIndeterminate)\n\n  const markIcon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? (controlGap[size] ?? controlGap.md) : 0\n  const { color, controlHoverColor, controlPressedColor, descriptionColor, labelColor } = useSelectionControlColors({\n    controlColor,\n    differentiateUnchecked: true,\n    disabled,\n    errorText: effectiveErrorText,\n    hoverColor,\n    isActive: isCheckedOrIndeterminate,\n    pressedColor,\n    readOnly,\n  })\n  // White/inverse mark on the filled checked/indeterminate box; the current border colour otherwise (custom `icon` overlay).\n  const markColor = disabled ? disabledColors.mark : isCheckedOrIndeterminate ? checkboxColors.mark : color\n  const hasJsxChildren = !!children\n\n  useDeprecatedLgSize(size, 'Checkbox')\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (readOnly) return\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-readonly': readOnly,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={label || hasJsxChildren ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      controlPressedColor={controlPressedColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg={isCheckedOrIndeterminate ? 'currentColor' : 'white'}\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        focusWithinRingColor={checkboxColors.focus}\n        mr={controlMr}\n        mt={\n          hasJsxChildren ? (jsxChildrenMt[size] ?? jsxChildrenMt.md) : label ? (labelMt[size] ?? labelMt.md) : undefined\n        }\n        role=\"none\"\n        {...controlStyles}\n      >\n        <SelectionControlInput\n          aria-describedby={descriptionId}\n          aria-invalid={!!effectiveErrorText || undefined}\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        {markIcon && (\n          <Icon\n            className=\"vui-checkboxIcon\"\n            color={markColor}\n            h={markSize[size] ?? markSize.md}\n            left={markOffset[size] ?? markOffset.md}\n            name={markIcon}\n            position=\"absolute\"\n            top={markOffset[size] ?? markOffset.md}\n            w={markSize[size] ?? markSize.md}\n          />\n        )}\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <Box column>\n            <T className=\"vui-checkboxLabel\" color={labelColor} variant=\"caption\" {...styles.label}>\n              {label}\n            </T>\n            {description && (\n              <T className=\"vui-checkboxDescription\" color={descriptionColor} id={descriptionId} mt=\"2px\" size=\"sm\">\n                {description}\n              </T>\n            )}\n          </Box>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":"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"}

package/dist/checkbox/checkboxGroup.js

@@ -99,5 +99,5 @@ CheckboxGroup.displayName = "CheckboxGroup";
 
 //#endregion
 export { CheckboxGroup, CheckboxGroup as default, CheckboxGroupBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=checkboxGroup.js.map

package/dist/checkbox/context.js

@@ -5,5 +5,5 @@ const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext({ isOptio
 
 //#endregion
 export { CheckboxGroupProvider, useCheckboxGroupContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/checkbox/theme.js

@@ -28,5 +28,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/copyToClipboard/copyToClipboard.js

@@ -70,5 +70,5 @@ CopyToClipboard.displayName = "CopyToClipboard";
 
 //#endregion
 export { CopyToClipboard, CopyToClipboard as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=copyToClipboard.js.map