@ac-design/design-system 2.9.0 → 2.10.0

package/dist/lib/components/AcSidebar.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,7 @@ var E = [
 	key: 0,
 	role: "list",
 	class: "flex flex-col"
-}, se = ["aria-label", "title"], ce = { key: 0 }, O = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", le = 120, ue = 180, k = /*@__PURE__*/ c({
+}, se = ["aria-label", "title"], ce = { key: 0 }, O = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", le = 120, ue = 180, de = "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", k = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "AcSidebar",
 	props: /*@__PURE__*/ l({
@@ -68,19 +68,19 @@ var E = [
 		function G(e) {
 			k.hoverExpand && (e && U || (clearTimeout(W), W = setTimeout(() => z.value = e, e ? le : ue)));
 		}
-		function de() {
+		function fe() {
 			U = !0, clearTimeout(W), z.value = !1, A.value = !A.value;
 		}
-		function fe() {
+		function pe() {
 			U = !1, G(!1);
 		}
-		function pe(e) {
+		function me(e) {
 			N.value?.contains(e.relatedTarget) || G(!1);
 		}
-		let K = n(() => k.footerScrolls && !!M.footer), q = n(() => F.value && j.value), me = n(() => k.dark), he = n(() => F.value || k.contained ? void 0 : {
+		let K = n(() => k.footerScrolls && !!M.footer), q = n(() => F.value && j.value), he = n(() => k.dark), ge = n(() => F.value || k.contained ? void 0 : {
 			top: k.top,
 			height: `calc(100dvh - ${k.top})`
-		}), ge = n(() => {
+		}), _e = n(() => {
 			let e = k.dark ? "dark border-r border-border bg-sidebar text-body shadow-sm" : "border-r border-border bg-sidebar-panel/95 text-body shadow-sm backdrop-blur-sm";
 			return F.value ? [
 				e,
@@ -97,19 +97,19 @@ var E = [
 		function J() {
 			return `(max-width: ${k.breakpoint - .02}px)`;
 		}
-		function _e() {
+		function Y() {
 			F.value ? j.value = !j.value : A.value = !A.value;
 		}
-		function Y() {
+		function ve() {
 			A.value = !1;
 		}
-		function ve() {
+		function ye() {
 			F.value && (j.value = !1);
 		}
 		function X() {
 			j.value = !1;
 		}
-		function ye(e) {
+		function be(e) {
 			if (q.value && N.value) {
 				if (e.key === "Escape") e.stopPropagation(), X();
 				else if (e.key === "Tab") {
@@ -136,9 +136,9 @@ var E = [
 		return m("ac-sidebar", {
 			rail: V,
 			isMobile: F,
-			dark: me,
-			expand: Y,
-			navigate: ve,
+			dark: he,
+			expand: ve,
+			navigate: ye,
 			compact: n(() => k.spacing === "compact")
 		}), x(q, async (e, t) => {
 			e ? (I = document.activeElement, k.contained || Q(!0), await u(), (N.value?.querySelector("[aria-current=\"page\"]") ?? N.value?.querySelector(O))?.focus()) : t && (k.contained || Q(!1), I?.focus?.());
@@ -153,7 +153,7 @@ var E = [
 		}), te(() => {
 			clearTimeout(W), L?.removeEventListener("change", Z), R?.disconnect(), q.value && !k.contained && Q(!1);
 		}), l({
-			toggle: _e,
+			toggle: Y,
 			revealActive: $
 		}), (n, l) => (p(), a(e, null, [
 			s(t, {
@@ -182,18 +182,18 @@ var E = [
 				ref_key: "root",
 				ref: N
 			}, n.$attrs, {
-				class: ["flex shrink-0 flex-col overflow-hidden", ge.value],
-				style: he.value,
+				class: ["flex shrink-0 flex-col overflow-hidden", _e.value],
+				style: ge.value,
 				role: q.value ? "dialog" : void 0,
 				"aria-modal": q.value || void 0,
 				"aria-label": q.value ? c.label : void 0,
 				"data-ac-ds": "",
 				"data-testid": "ac-sidebar",
-				onKeydown: ye,
+				onKeydown: be,
 				onMouseenter: l[0] ||= (e) => G(!0),
-				onMouseleave: fe,
+				onMouseleave: pe,
 				onFocusin: l[1] ||= (e) => G(!0),
-				onFocusout: pe
+				onFocusout: me
 			}), [
 				n.$slots.header || F.value ? (p(), a("div", {
 					key: 0,
@@ -214,7 +214,7 @@ var E = [
 					ref_key: "nav",
 					ref: P,
 					"aria-label": c.label,
-					class: d(["ac-scrollbar min-h-0 flex-1 overflow-x-hidden py-5", [V.value ? "px-2" : "px-4", K.value && "flex flex-col"]])
+					class: d(["ac-scrollbar min-h-0 flex-1 overflow-x-hidden py-5", [V.value ? ["px-2", de] : "px-4", K.value && "flex flex-col"]])
 				}, [o("ul", re, [g(n.$slots, "default")]), K.value ? (p(), a("div", ie, [l[2] ||= o("div", {
 					class: "my-6 border-t border-muted/20",
 					"aria-hidden": "true"
@@ -236,7 +236,7 @@ var E = [
 						title: V.value ? "Expand sidebar" : void 0,
 						"data-ac-ds": "",
 						"data-testid": "ac-sidebar-collapse",
-						onClick: de
+						onClick: fe
 					}, [(p(), r(ne(H.value ? v(w) : v(C)), {
 						class: "size-4 shrink-0 text-muted group-hover:text-heading",
 						"aria-hidden": "true"

package/dist/lib/components/AcTextarea.vue.d.ts

@@ -97,12 +97,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     mono: boolean;
     maxlength: number;
     requiredMark: boolean;
+    inputClass: string | false | Record<string, any> | import("vue").ClassValue[] | null;
     requiredMessage: string;
     silentWhenEmpty: boolean;
     readonlyText: string;
     plainError: boolean;
     flushLabelSlots: boolean;
-    inputClass: string | false | Record<string, any> | import("vue").ClassValue[] | null;
     autoResize: boolean;
     maxRows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/lib/components/index.d.ts

@@ -17,6 +17,7 @@ export { default as AcCheckRadio } from "./AcCheckRadio.vue";
 export { default as AcCircularProgress } from "./AcCircularProgress.vue";
 export { default as AcClusterSwitcher } from "./AcClusterSwitcher.vue";
 export { default as AcColorInput } from "./AcColorInput.vue";
+export { default as AcCombobox } from "./AcCombobox.vue";
 export { default as AcCommandBlock } from "./AcCommandBlock.vue";
 export { default as AcConfirmModal } from "./AcConfirmModal.vue";
 export { default as AcContentHeader } from "./AcContentHeader.vue";
@@ -61,6 +62,7 @@ export { default as AcNotificationMenu } from "./AcNotificationMenu.vue";
 export { default as AcNumberInput } from "./AcNumberInput.vue";
 export { default as AcPage } from "./AcPage.vue";
 export { default as AcPagination } from "./AcPagination.vue";
+export { default as AcPopover } from "./AcPopover.vue";
 export { default as AcPreloader } from "./AcPreloader.vue";
 export { default as AcProductHero } from "./AcProductHero.vue";
 export { default as AcProductTag } from "./AcProductTag.vue";

package/dist/lib/index.d.ts

@@ -49,5 +49,6 @@ export type { UsageBreakdownRow } from "./components/AcUsageCard.vue";
 export type { UserMenuItem, UserMenuWorkspace } from "./components/AcUserMenu.vue";
 export type { CheckListItem } from "./components/AcCheckList.vue";
 export type { CostSummaryDot, CostSummaryItem, CostSummarySpec } from "./components/AcCostSummary.vue";
-export type { ProgressSegment } from "./components/AcProgress.vue";
+export type { ProgressMarker, ProgressSegment } from "./components/AcProgress.vue";
+export type { ComboboxOption } from "./components/AcCombobox.vue";
 export type { CheckRadioOption } from "./components/AcCheckRadio.vue";

package/dist/lib/index.js

@@ -24,88 +24,90 @@ import S from "./components/AcCheckRadio.js";
 import C from "./components/AcCircularProgress.js";
 import w from "./components/AcClusterSwitcher.js";
 import T from "./components/AcColorInput.js";
-import { copyText as E } from "./composables/copyText.js";
-import D from "./components/AcCommandBlock.js";
-import O from "./components/AcConfirmModal.js";
-import k from "./components/AcContentHeader.js";
-import A from "./components/AcContentLayout.js";
-import j from "./components/AcSearchBar.js";
-import M from "./components/AcContentTable.js";
-import N from "./components/AcCopyButton.js";
-import P from "./components/AcCostSummary.js";
-import F from "./components/AcDatePicker.js";
-import I from "./components/AcInput.js";
-import L from "./components/AcDeleteModal.js";
-import R from "./components/AcDivider.js";
-import z from "./components/AcDropdown.js";
-import B from "./components/AcDropdownDivider.js";
-import V from "./components/AcDropdownItem.js";
-import H from "./components/AcEmptyState.js";
-import U from "./components/AcErrorState.js";
-import W from "./components/AcFeatureCard.js";
-import G from "./components/AcFileUpload.js";
-import { FONT_SCALES as K, useFontScale as q } from "./composables/useFontScale.js";
-import J from "./components/AcFontScale.js";
-import Y from "./components/AcFooter.js";
-import X from "./components/AcForm.js";
-import Z from "./components/AcFormArray.js";
-import Q from "./components/AcFormFooter.js";
-import ne from "./components/AcFormSection.js";
-import re from "./components/AcHeader.js";
-import ie from "./components/AcHeaderItem.js";
-import ae from "./components/AcHeaderItems.js";
-import oe from "./components/AcInfoTable.js";
-import se from "./components/AcKbd.js";
-import ce from "./components/AcSelect.js";
-import le from "./components/AcKeyValueInput.js";
-import ue from "./components/AcListItem.js";
-import $ from "./components/AcList.js";
-import de from "./components/AcLoader.js";
-import fe from "./components/AcLocaleSwitcher.js";
-import pe from "./components/AcMonthPicker.js";
-import me from "./components/AcProductTag.js";
-import he from "./components/AcNavbar.js";
-import ge from "./components/AcNotificationMenu.js";
-import _e from "./components/AcNumberInput.js";
-import ve from "./components/AcPage.js";
-import ye from "./components/AcPagination.js";
-import be from "./components/AcPreloader.js";
-import xe from "./components/AcProductHero.js";
-import Se from "./components/AcProgress.js";
-import Ce from "./components/AcRadioCard.js";
-import we from "./components/AcTag.js";
-import Te from "./components/AcResourceCard.js";
-import Ee from "./components/AcSectionContent.js";
-import De from "./components/AcSegmentedControl.js";
-import Oe from "./components/AcSettingsRow.js";
-import ke from "./components/AcSidebar.js";
-import Ae from "./components/AcSidebarBrand.js";
-import je from "./components/AcSidebarItem.js";
-import Me from "./components/AcSidebarSection.js";
-import Ne from "./components/AcSidePanel.js";
-import Pe from "./components/AcSideTabs.js";
-import Fe from "./components/AcSlider.js";
-import Ie from "./components/AcStatCard.js";
-import Le from "./components/AcStatusBar.js";
-import Re from "./components/AcSteps.js";
-import ze from "./components/AcSwitch.js";
-import Be from "./components/AcSwitchCard.js";
-import Ve from "./components/AcTable.js";
-import He from "./components/AcTabs.js";
-import Ue from "./components/AcTagInput.js";
-import We from "./components/AcTaintInput.js";
-import Ge from "./components/AcTextarea.js";
-import { useColorMode as Ke } from "./composables/useColorMode.js";
-import qe from "./components/AcThemeMode.js";
-import Je from "./components/AcTimePicker.js";
-import { showToast as Ye, useToast as Xe } from "./composables/useToast.js";
-import Ze from "./components/AcToaster.js";
-import Qe from "./components/AcUsageCard.js";
-import $e from "./components/AcUserMenu.js";
-import { useTablePagination as et } from "./composables/useTablePagination.js";
-import { useApiPagination as tt } from "./composables/useApiPagination.js";
-import { useBulkSelection as nt } from "./composables/useBulkSelection.js";
-import { useFormValidation as rt } from "./composables/useFormValidation.js";
-import { accountKind as it, accountWorkspaces as at, toAccountWorkspace as ot } from "./composables/accounts.js";
-import { HSLToHex as st, HexToHSL as ct, MIN_CONTRAST as lt, contrastOnWhite as ut, getThemeHSL as dt, hexToHsl as ft, hslToHex as pt, readableLightness as mt, setThemeHSL as ht, useBrandColor as gt } from "./composables/useBrandColor.js";
-export { ee as AcAccordion, te as AcAccordionItem, r as AcAlert, o as AcAppSwitcher, s as AcAvatar, d as AcBadge, f as AcBanner, p as AcBreadcrumb, m as AcBulkActionBar, n as AcButton, h as AcButtons, g as AcCard, y as AcCellValue, b as AcCheckBox, x as AcCheckList, S as AcCheckRadio, C as AcCircularProgress, w as AcClusterSwitcher, T as AcColorInput, D as AcCommandBlock, O as AcConfirmModal, k as AcContentHeader, A as AcContentLayout, M as AcContentTable, N as AcCopyButton, P as AcCostSummary, F as AcDatePicker, L as AcDeleteConfirmationModal, L as AcDeleteModal, R as AcDivider, z as AcDropdown, B as AcDropdownDivider, V as AcDropdownItem, H as AcEmptyState, U as AcErrorState, W as AcFeatureCard, G as AcFileUpload, J as AcFontScale, Y as AcFooter, X as AcForm, Z as AcFormArray, Q as AcFormFooter, ne as AcFormSection, re as AcHeader, ie as AcHeaderItem, ae as AcHeaderItems, oe as AcInfoTable, I as AcInput, se as AcKbd, le as AcKeyValueInput, $ as AcList, ue as AcListItem, de as AcLoader, fe as AcLocaleSwitcher, i as AcLogo, _ as AcModal, pe as AcMonthPicker, he as AcNavbar, a as AcNavbarItem, ge as AcNotificationMenu, _e as AcNumberInput, ve as AcPage, ye as AcPagination, be as AcPreloader, xe as AcProductHero, me as AcProductTag, Se as AcProgress, Ce as AcRadioCard, Te as AcResourceCard, j as AcSearchBar, Ee as AcSectionContent, De as AcSegmentedControl, ce as AcSelect, Oe as AcSettingsRow, Ne as AcSidePanel, Pe as AcSideTabs, ke as AcSidebar, Ae as AcSidebarBrand, je as AcSidebarItem, Me as AcSidebarSection, v as AcSkeleton, Fe as AcSlider, e as AcSpinner, Ie as AcStatCard, Le as AcStatusBar, Re as AcSteps, ze as AcSwitch, Be as AcSwitchCard, Ve as AcTable, He as AcTabs, we as AcTag, Ue as AcTagInput, We as AcTaintInput, Ge as AcTextarea, qe as AcThemeMode, Je as AcTimePicker, Ze as AcToaster, t as AcTooltip, Qe as AcUsageCard, $e as AcUserMenu, K as FONT_SCALES, st as HSLToHex, ct as HexToHSL, lt as MIN_CONTRAST, it as accountKind, at as accountWorkspaces, ut as contrastOnWhite, E as copyText, dt as getThemeHSL, ft as hexToHsl, pt as hslToHex, c as humanizeState, l as normalizeState, mt as readableLightness, ht as setThemeHSL, Ye as showToast, u as statusMeta, ot as toAccountWorkspace, tt as useApiPagination, gt as useBrandColor, nt as useBulkSelection, Ke as useColorMode, q as useFontScale, rt as useFormValidation, et as useTablePagination, Xe as useToast };
+import E from "./components/AcCombobox.js";
+import { copyText as D } from "./composables/copyText.js";
+import O from "./components/AcCommandBlock.js";
+import k from "./components/AcConfirmModal.js";
+import A from "./components/AcContentHeader.js";
+import j from "./components/AcContentLayout.js";
+import M from "./components/AcSearchBar.js";
+import N from "./components/AcContentTable.js";
+import P from "./components/AcCopyButton.js";
+import F from "./components/AcCostSummary.js";
+import I from "./components/AcDatePicker.js";
+import L from "./components/AcInput.js";
+import R from "./components/AcDeleteModal.js";
+import z from "./components/AcDivider.js";
+import B from "./components/AcDropdown.js";
+import V from "./components/AcDropdownDivider.js";
+import H from "./components/AcDropdownItem.js";
+import U from "./components/AcEmptyState.js";
+import W from "./components/AcErrorState.js";
+import G from "./components/AcFeatureCard.js";
+import K from "./components/AcFileUpload.js";
+import { FONT_SCALES as q, useFontScale as J } from "./composables/useFontScale.js";
+import Y from "./components/AcFontScale.js";
+import X from "./components/AcFooter.js";
+import Z from "./components/AcForm.js";
+import Q from "./components/AcFormArray.js";
+import ne from "./components/AcFormFooter.js";
+import re from "./components/AcFormSection.js";
+import ie from "./components/AcHeader.js";
+import ae from "./components/AcHeaderItem.js";
+import oe from "./components/AcHeaderItems.js";
+import se from "./components/AcInfoTable.js";
+import ce from "./components/AcKbd.js";
+import le from "./components/AcSelect.js";
+import ue from "./components/AcKeyValueInput.js";
+import $ from "./components/AcListItem.js";
+import de from "./components/AcList.js";
+import fe from "./components/AcLoader.js";
+import pe from "./components/AcLocaleSwitcher.js";
+import me from "./components/AcMonthPicker.js";
+import he from "./components/AcProductTag.js";
+import ge from "./components/AcNavbar.js";
+import _e from "./components/AcNotificationMenu.js";
+import ve from "./components/AcNumberInput.js";
+import ye from "./components/AcPage.js";
+import be from "./components/AcPagination.js";
+import xe from "./components/AcPopover.js";
+import Se from "./components/AcPreloader.js";
+import Ce from "./components/AcProductHero.js";
+import we from "./components/AcProgress.js";
+import Te from "./components/AcRadioCard.js";
+import Ee from "./components/AcTag.js";
+import De from "./components/AcResourceCard.js";
+import Oe from "./components/AcSectionContent.js";
+import ke from "./components/AcSegmentedControl.js";
+import Ae from "./components/AcSettingsRow.js";
+import je from "./components/AcSidebar.js";
+import Me from "./components/AcSidebarBrand.js";
+import Ne from "./components/AcSidebarItem.js";
+import Pe from "./components/AcSidebarSection.js";
+import Fe from "./components/AcSidePanel.js";
+import Ie from "./components/AcSideTabs.js";
+import Le from "./components/AcSlider.js";
+import Re from "./components/AcStatCard.js";
+import ze from "./components/AcStatusBar.js";
+import Be from "./components/AcSteps.js";
+import Ve from "./components/AcSwitch.js";
+import He from "./components/AcSwitchCard.js";
+import Ue from "./components/AcTable.js";
+import We from "./components/AcTabs.js";
+import Ge from "./components/AcTagInput.js";
+import Ke from "./components/AcTaintInput.js";
+import qe from "./components/AcTextarea.js";
+import { useColorMode as Je } from "./composables/useColorMode.js";
+import Ye from "./components/AcThemeMode.js";
+import Xe from "./components/AcTimePicker.js";
+import { showToast as Ze, useToast as Qe } from "./composables/useToast.js";
+import $e from "./components/AcToaster.js";
+import et from "./components/AcUsageCard.js";
+import tt from "./components/AcUserMenu.js";
+import { useTablePagination as nt } from "./composables/useTablePagination.js";
+import { useApiPagination as rt } from "./composables/useApiPagination.js";
+import { useBulkSelection as it } from "./composables/useBulkSelection.js";
+import { useFormValidation as at } from "./composables/useFormValidation.js";
+import { accountKind as ot, accountWorkspaces as st, toAccountWorkspace as ct } from "./composables/accounts.js";
+import { HSLToHex as lt, HexToHSL as ut, MIN_CONTRAST as dt, contrastOnWhite as ft, getThemeHSL as pt, hexToHsl as mt, hslToHex as ht, readableLightness as gt, setThemeHSL as _t, useBrandColor as vt } from "./composables/useBrandColor.js";
+export { ee as AcAccordion, te as AcAccordionItem, r as AcAlert, o as AcAppSwitcher, s as AcAvatar, d as AcBadge, f as AcBanner, p as AcBreadcrumb, m as AcBulkActionBar, n as AcButton, h as AcButtons, g as AcCard, y as AcCellValue, b as AcCheckBox, x as AcCheckList, S as AcCheckRadio, C as AcCircularProgress, w as AcClusterSwitcher, T as AcColorInput, E as AcCombobox, O as AcCommandBlock, k as AcConfirmModal, A as AcContentHeader, j as AcContentLayout, N as AcContentTable, P as AcCopyButton, F as AcCostSummary, I as AcDatePicker, R as AcDeleteConfirmationModal, R as AcDeleteModal, z as AcDivider, B as AcDropdown, V as AcDropdownDivider, H as AcDropdownItem, U as AcEmptyState, W as AcErrorState, G as AcFeatureCard, K as AcFileUpload, Y as AcFontScale, X as AcFooter, Z as AcForm, Q as AcFormArray, ne as AcFormFooter, re as AcFormSection, ie as AcHeader, ae as AcHeaderItem, oe as AcHeaderItems, se as AcInfoTable, L as AcInput, ce as AcKbd, ue as AcKeyValueInput, de as AcList, $ as AcListItem, fe as AcLoader, pe as AcLocaleSwitcher, i as AcLogo, _ as AcModal, me as AcMonthPicker, ge as AcNavbar, a as AcNavbarItem, _e as AcNotificationMenu, ve as AcNumberInput, ye as AcPage, be as AcPagination, xe as AcPopover, Se as AcPreloader, Ce as AcProductHero, he as AcProductTag, we as AcProgress, Te as AcRadioCard, De as AcResourceCard, M as AcSearchBar, Oe as AcSectionContent, ke as AcSegmentedControl, le as AcSelect, Ae as AcSettingsRow, Fe as AcSidePanel, Ie as AcSideTabs, je as AcSidebar, Me as AcSidebarBrand, Ne as AcSidebarItem, Pe as AcSidebarSection, v as AcSkeleton, Le as AcSlider, e as AcSpinner, Re as AcStatCard, ze as AcStatusBar, Be as AcSteps, Ve as AcSwitch, He as AcSwitchCard, Ue as AcTable, We as AcTabs, Ee as AcTag, Ge as AcTagInput, Ke as AcTaintInput, qe as AcTextarea, Ye as AcThemeMode, Xe as AcTimePicker, $e as AcToaster, t as AcTooltip, et as AcUsageCard, tt as AcUserMenu, q as FONT_SCALES, lt as HSLToHex, ut as HexToHSL, dt as MIN_CONTRAST, ot as accountKind, st as accountWorkspaces, ft as contrastOnWhite, D as copyText, pt as getThemeHSL, mt as hexToHsl, ht as hslToHex, c as humanizeState, l as normalizeState, gt as readableLightness, _t as setThemeHSL, Ze as showToast, u as statusMeta, ct as toAccountWorkspace, rt as useApiPagination, vt as useBrandColor, it as useBulkSelection, Je as useColorMode, J as useFontScale, at as useFormValidation, nt as useTablePagination, Qe as useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ac-design/design-system",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "AppsCode design system: Tailwind CSS v4 theme and Vue 3 components.",
   "repository": {
     "type": "git",