@ac-design/design-system 2.6.0 → 2.7.0

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

@@ -59,11 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
     description: string;
-    icon: Component;
     target: string;
     format: (value: number) => string;
     href: string;
     to: string | Record<string, unknown>;
+    icon: Component;
     loading: boolean;
     unit: string;
     period: string;

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

@@ -48,10 +48,13 @@ export { default as AcInfoTable } from "./AcInfoTable.vue";
 export { default as AcInput } from "./AcInput.vue";
 export { default as AcKbd } from "./AcKbd.vue";
 export { default as AcKeyValueInput } from "./AcKeyValueInput.vue";
+export { default as AcList } from "./AcList.vue";
+export { default as AcListItem } from "./AcListItem.vue";
 export { default as AcLoader } from "./AcLoader.vue";
 export { default as AcLocaleSwitcher } from "./AcLocaleSwitcher.vue";
 export { default as AcLogo } from "./AcLogo.vue";
 export { default as AcModal } from "./AcModal.vue";
+export { default as AcMonthPicker } from "./AcMonthPicker.vue";
 export { default as AcNavbar } from "./AcNavbar.vue";
 export { default as AcNavbarItem } from "./AcNavbarItem.vue";
 export { default as AcNotificationMenu } from "./AcNotificationMenu.vue";
@@ -59,16 +62,16 @@ export { default as AcNumberInput } from "./AcNumberInput.vue";
 export { default as AcPage } from "./AcPage.vue";
 export { default as AcPagination } from "./AcPagination.vue";
 export { default as AcPreloader } from "./AcPreloader.vue";
-export { default as AcProgress } from "./AcProgress.vue";
 export { default as AcProductHero } from "./AcProductHero.vue";
 export { default as AcProductTag } from "./AcProductTag.vue";
+export { default as AcProgress } from "./AcProgress.vue";
 export { default as AcRadioCard } from "./AcRadioCard.vue";
 export { default as AcResourceCard } from "./AcResourceCard.vue";
 export { default as AcSearchBar } from "./AcSearchBar.vue";
 export { default as AcSectionContent } from "./AcSectionContent.vue";
 export { default as AcSegmentedControl } from "./AcSegmentedControl.vue";
-export { default as AcSettingsRow } from "./AcSettingsRow.vue";
 export { default as AcSelect } from "./AcSelect.vue";
+export { default as AcSettingsRow } from "./AcSettingsRow.vue";
 export { default as AcSidebar } from "./AcSidebar.vue";
 export { default as AcSidebarBrand } from "./AcSidebarBrand.vue";
 export { default as AcSidebarItem } from "./AcSidebarItem.vue";

package/dist/lib/composables/copyText.d.ts

@@ -3,5 +3,9 @@
  * HTTPS and localhost, and falls back to a hidden textarea + `execCommand("copy")` so copying
  * still works on plain-HTTP hosts such as `http://bb.test`, or when the API rejects (permission denied).
  * Throws when both are blocked.
+ *
+ * To copy something you still have to fetch, pass the promise without awaiting it:
+ * `await copyText(fetchKubeconfig())`. The write then starts inside the click, which Safari needs.
+ * A rejected promise rejects `copyText` with the same error.
  */
-export declare function copyText(text: string): Promise<void>;
+export declare function copyText(text: string | Promise<string>): Promise<void>;

package/dist/lib/composables/copyText.js

@@ -1,16 +1,28 @@
 //#region src/lib/composables/copyText.ts
 async function e(e) {
+	if (typeof e != "string") return t(e);
 	if (navigator.clipboard?.writeText) try {
 		await navigator.clipboard.writeText(e);
 		return;
 	} catch {}
-	let t = document.createElement("textarea");
-	t.value = e, t.setAttribute("readonly", ""), t.style.cssText = "position:fixed;top:0;left:0;opacity:0", document.body.appendChild(t), t.select();
+	let n = document.createElement("textarea");
+	n.value = e, n.setAttribute("readonly", ""), n.style.cssText = "position:fixed;top:0;left:0;opacity:0", document.body.appendChild(n), n.select();
 	try {
 		if (!document.execCommand("copy")) throw Error("copy command was rejected");
 	} finally {
-		t.remove();
+		n.remove();
 	}
 }
+async function t(t) {
+	if (typeof ClipboardItem < "u" && navigator.clipboard?.write) {
+		let e = t.then((e) => new Blob([e], { type: "text/plain" }));
+		e.catch(() => void 0);
+		try {
+			await navigator.clipboard.write([new ClipboardItem({ "text/plain": e })]);
+			return;
+		} catch {}
+	}
+	await e(await t);
+}
 //#endregion
 export { e as copyText };

package/dist/lib/index.d.ts

@@ -4,6 +4,7 @@ export { useFontScale, FONT_SCALES } from "./composables/useFontScale";
 export type { FontScale } from "./composables/useFontScale";
 export type { ColorMode } from "./composables/useColorMode";
 export { showToast, useToast } from "./composables/useToast";
+export { copyText } from "./composables/copyText";
 export { useTablePagination } from "./composables/useTablePagination";
 export type { TablePagination, UseTablePaginationOptions } from "./composables/useTablePagination";
 export { useApiPagination } from "./composables/useApiPagination";
@@ -30,7 +31,9 @@ export type { FooterLink } from "./components/AcFooter.vue";
 export type { FormArrayColumn } from "./components/AcFormArray.vue";
 export type { InfoItem } from "./components/AcInfoTable.vue";
 export type { KeyValueItem, KeyValueRowErrors } from "./components/AcKeyValueInput.vue";
+export type { ListItem } from "./components/AcList.vue";
 export type { LocaleOption } from "./components/AcLocaleSwitcher.vue";
+export type { MonthPickerPreset } from "./components/AcMonthPicker.vue";
 export type { NotificationItem } from "./components/AcNotificationMenu.vue";
 export type { ResourceDetail, ResourceTag } from "./components/AcResourceCard.vue";
 export type { SearchFilterOption } from "./components/AcSearchBar.vue";

package/dist/lib/index.js

@@ -24,84 +24,88 @@ 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 E from "./components/AcCommandBlock.js";
-import D from "./components/AcConfirmModal.js";
-import O from "./components/AcContentHeader.js";
-import k from "./components/AcContentLayout.js";
-import A from "./components/AcSearchBar.js";
-import j from "./components/AcContentTable.js";
-import M from "./components/AcCopyButton.js";
-import N from "./components/AcCostSummary.js";
-import P from "./components/AcDatePicker.js";
-import F from "./components/AcInput.js";
-import I from "./components/AcDeleteModal.js";
-import L from "./components/AcDivider.js";
-import R from "./components/AcDropdown.js";
-import z from "./components/AcDropdownDivider.js";
-import B from "./components/AcDropdownItem.js";
-import V from "./components/AcEmptyState.js";
-import H from "./components/AcErrorState.js";
-import U from "./components/AcFeatureCard.js";
-import W from "./components/AcFileUpload.js";
-import { FONT_SCALES as G, useFontScale as K } from "./composables/useFontScale.js";
-import q from "./components/AcFontScale.js";
-import J from "./components/AcFooter.js";
-import Y from "./components/AcForm.js";
-import X from "./components/AcFormArray.js";
-import Z from "./components/AcFormFooter.js";
-import Q from "./components/AcFormSection.js";
-import ne from "./components/AcHeader.js";
-import re from "./components/AcHeaderItem.js";
-import ie from "./components/AcHeaderItems.js";
-import ae from "./components/AcInfoTable.js";
-import oe from "./components/AcKbd.js";
-import se from "./components/AcSelect.js";
-import ce from "./components/AcKeyValueInput.js";
-import le from "./components/AcLoader.js";
-import ue from "./components/AcLocaleSwitcher.js";
-import $ from "./components/AcProductTag.js";
-import de from "./components/AcNavbar.js";
-import fe from "./components/AcNotificationMenu.js";
-import pe from "./components/AcNumberInput.js";
-import me from "./components/AcPage.js";
-import he from "./components/AcPagination.js";
-import ge from "./components/AcPreloader.js";
-import _e from "./components/AcProgress.js";
-import ve from "./components/AcProductHero.js";
-import ye from "./components/AcRadioCard.js";
-import be from "./components/AcTag.js";
-import xe from "./components/AcResourceCard.js";
-import Se from "./components/AcSectionContent.js";
-import Ce from "./components/AcSegmentedControl.js";
-import we from "./components/AcSettingsRow.js";
-import Te from "./components/AcSidebar.js";
-import Ee from "./components/AcSidebarBrand.js";
-import De from "./components/AcSidebarItem.js";
-import Oe from "./components/AcSidebarSection.js";
-import ke from "./components/AcSidePanel.js";
-import Ae from "./components/AcSideTabs.js";
-import je from "./components/AcSlider.js";
-import Me from "./components/AcStatCard.js";
-import Ne from "./components/AcStatusBar.js";
-import Pe from "./components/AcSteps.js";
-import Fe from "./components/AcSwitch.js";
-import Ie from "./components/AcSwitchCard.js";
-import Le from "./components/AcTable.js";
-import Re from "./components/AcTabs.js";
-import ze from "./components/AcTagInput.js";
-import Be from "./components/AcTaintInput.js";
-import Ve from "./components/AcTextarea.js";
-import { useColorMode as He } from "./composables/useColorMode.js";
-import Ue from "./components/AcThemeMode.js";
-import We from "./components/AcTimePicker.js";
-import { showToast as Ge, useToast as Ke } from "./composables/useToast.js";
-import qe from "./components/AcToaster.js";
-import Je from "./components/AcUsageCard.js";
-import Ye from "./components/AcUserMenu.js";
-import { useTablePagination as Xe } from "./composables/useTablePagination.js";
-import { useApiPagination as Ze } from "./composables/useApiPagination.js";
-import { useBulkSelection as Qe } from "./composables/useBulkSelection.js";
-import { useFormValidation as $e } from "./composables/useFormValidation.js";
-import { accountKind as et, accountWorkspaces as tt, toAccountWorkspace as nt } from "./composables/accounts.js";
-import { HSLToHex as rt, HexToHSL as it, MIN_CONTRAST as at, contrastOnWhite as ot, getThemeHSL as st, hexToHsl as ct, hslToHex as lt, readableLightness as ut, setThemeHSL as dt, useBrandColor as ft } 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 AcCommandBlock, D as AcConfirmModal, O as AcContentHeader, k as AcContentLayout, j as AcContentTable, M as AcCopyButton, N as AcCostSummary, P as AcDatePicker, I as AcDeleteConfirmationModal, I as AcDeleteModal, L as AcDivider, R as AcDropdown, z as AcDropdownDivider, B as AcDropdownItem, V as AcEmptyState, H as AcErrorState, U as AcFeatureCard, W as AcFileUpload, q as AcFontScale, J as AcFooter, Y as AcForm, X as AcFormArray, Z as AcFormFooter, Q as AcFormSection, ne as AcHeader, re as AcHeaderItem, ie as AcHeaderItems, ae as AcInfoTable, F as AcInput, oe as AcKbd, ce as AcKeyValueInput, le as AcLoader, ue as AcLocaleSwitcher, i as AcLogo, _ as AcModal, de as AcNavbar, a as AcNavbarItem, fe as AcNotificationMenu, pe as AcNumberInput, me as AcPage, he as AcPagination, ge as AcPreloader, ve as AcProductHero, $ as AcProductTag, _e as AcProgress, ye as AcRadioCard, xe as AcResourceCard, A as AcSearchBar, Se as AcSectionContent, Ce as AcSegmentedControl, se as AcSelect, we as AcSettingsRow, ke as AcSidePanel, Ae as AcSideTabs, Te as AcSidebar, Ee as AcSidebarBrand, De as AcSidebarItem, Oe as AcSidebarSection, v as AcSkeleton, je as AcSlider, e as AcSpinner, Me as AcStatCard, Ne as AcStatusBar, Pe as AcSteps, Fe as AcSwitch, Ie as AcSwitchCard, Le as AcTable, Re as AcTabs, be as AcTag, ze as AcTagInput, Be as AcTaintInput, Ve as AcTextarea, Ue as AcThemeMode, We as AcTimePicker, qe as AcToaster, t as AcTooltip, Je as AcUsageCard, Ye as AcUserMenu, G as FONT_SCALES, rt as HSLToHex, it as HexToHSL, at as MIN_CONTRAST, et as accountKind, tt as accountWorkspaces, ot as contrastOnWhite, st as getThemeHSL, ct as hexToHsl, lt as hslToHex, c as humanizeState, l as normalizeState, ut as readableLightness, dt as setThemeHSL, Ge as showToast, u as statusMeta, nt as toAccountWorkspace, Ze as useApiPagination, ft as useBrandColor, Qe as useBulkSelection, He as useColorMode, K as useFontScale, $e as useFormValidation, Xe as useTablePagination, Ke as useToast };
+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 };

package/package.json

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