@ac-design/design-system 1.0.3 → 2.1.0

package/dist/lib/editor/theme.js

@@ -6,8 +6,8 @@ import { tags as i } from "@lezer/highlight";
 var a = r.theme({
 	"&": {
 		color: "var(--color-body)",
-		backgroundColor: "var(--color-surface)",
-		fontSize: "12px",
+		backgroundColor: "var(--color-background)",
+		fontSize: "13px",
 		height: "100%"
 	},
 	"&.cm-focused": { outline: "none" },
@@ -16,31 +16,31 @@ var a = r.theme({
 		lineHeight: "20px",
 		overflow: "auto",
 		scrollbarWidth: "thin",
-		scrollbarColor: "var(--color-slate-70) transparent"
+		scrollbarColor: "var(--color-border-dark) transparent"
 	},
 	".cm-content": {
-		padding: "8px 0",
+		padding: "10px 0",
 		caretColor: "var(--color-heading)"
 	},
-	".cm-line": { padding: "0 16px 0 8px" },
+	".cm-line": { padding: "0 16px 0 10px" },
 	".cm-cursor, .cm-dropCursor": {
 		borderLeftColor: "var(--color-heading)",
 		borderLeftWidth: "1.5px"
 	},
-	".cm-selectionBackground, &.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection": { backgroundColor: "hsl(var(--primary-hue) 70% 50% / 0.2)" },
-	".cm-activeLine": { backgroundColor: "color-mix(in oklab, var(--color-slate-50) 7%, transparent)" },
-	".cm-placeholder": { color: "var(--color-muted)" },
+	".cm-selectionBackground, &.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection": { backgroundColor: "color-mix(in srgb, var(--color-primary) 18%, transparent)" },
+	".cm-activeLine": { backgroundColor: "color-mix(in srgb, var(--color-surface-sunken) 55%, transparent)" },
+	".cm-placeholder": { color: "color-mix(in srgb, var(--color-muted) 80%, transparent)" },
 	".cm-gutters": {
-		backgroundColor: "var(--color-surface-muted)",
-		color: "var(--color-muted)",
-		borderRight: "1px solid var(--color-border-light)"
+		backgroundColor: "var(--color-background)",
+		color: "color-mix(in srgb, var(--color-muted) 75%, transparent)",
+		borderRight: "1px solid var(--color-border)"
 	},
 	".cm-lineNumbers .cm-gutterElement": {
-		minWidth: "36px",
-		padding: "0 8px 0 12px"
+		minWidth: "40px",
+		padding: "0 8px 0 14px"
 	},
 	".cm-activeLineGutter": {
-		backgroundColor: "transparent",
+		backgroundColor: "color-mix(in srgb, var(--color-surface-sunken) 55%, transparent)",
 		color: "var(--color-heading)"
 	},
 	".cm-foldGutter .cm-gutterElement": {
@@ -52,39 +52,39 @@ var a = r.theme({
 	".cm-foldPlaceholder": {
 		backgroundColor: "var(--color-surface-sunken)",
 		border: "none",
-		borderRadius: "4px",
+		borderRadius: "6px",
 		color: "var(--color-muted)",
-		padding: "0 4px",
+		padding: "0 6px",
 		margin: "0 2px"
 	},
 	".cm-matchingBracket, &.cm-focused .cm-matchingBracket": {
-		backgroundColor: "var(--color-primary-90)",
+		backgroundColor: "color-mix(in srgb, var(--color-primary) 15%, transparent)",
 		color: "inherit",
 		outline: "none"
 	},
 	".cm-nonmatchingBracket": {
-		backgroundColor: "var(--color-red-90)",
+		backgroundColor: "color-mix(in srgb, var(--color-danger) 15%, transparent)",
 		color: "inherit"
 	},
-	".cm-selectionMatch": { backgroundColor: "var(--color-blue-90)" },
+	".cm-selectionMatch": { backgroundColor: "color-mix(in srgb, var(--color-info) 14%, transparent)" },
 	".cm-searchMatch": {
-		backgroundColor: "var(--color-yellow-90)",
-		outline: "1px solid var(--color-yellow-70)",
+		backgroundColor: "color-mix(in srgb, var(--color-warning) 22%, transparent)",
+		outline: "1px solid color-mix(in srgb, var(--color-warning) 55%, transparent)",
 		borderRadius: "2px"
 	},
-	".cm-searchMatch.cm-searchMatch-selected": { backgroundColor: "var(--color-yellow-80)" },
+	".cm-searchMatch.cm-searchMatch-selected": { backgroundColor: "color-mix(in srgb, var(--color-warning) 40%, transparent)" },
 	".cm-panels": {
 		backgroundColor: "var(--color-surface-muted)",
 		color: "var(--color-body)"
 	},
-	".cm-panels.cm-panels-top": { borderBottom: "1px solid var(--color-border-light)" },
-	".cm-panels.cm-panels-bottom": { borderTop: "1px solid var(--color-border-light)" },
+	".cm-panels.cm-panels-top": { borderBottom: "1px solid var(--color-border)" },
+	".cm-panels.cm-panels-bottom": { borderTop: "1px solid var(--color-border)" },
 	".cm-panel.cm-search": {
 		display: "flex",
 		flexWrap: "wrap",
 		alignItems: "center",
-		gap: "6px",
-		padding: "8px 36px 8px 12px",
+		gap: "8px",
+		padding: "8px 44px 8px 16px",
 		fontFamily: "var(--font-sans)",
 		fontSize: "12px"
 	},
@@ -92,8 +92,8 @@ var a = r.theme({
 	".cm-panel.cm-search label": {
 		display: "inline-flex",
 		alignItems: "center",
-		gap: "4px",
-		color: "var(--color-label)",
+		gap: "6px",
+		color: "var(--color-heading)",
 		fontSize: "12px"
 	},
 	".cm-panel.cm-search input[type=checkbox]": {
@@ -102,11 +102,11 @@ var a = r.theme({
 	},
 	".cm-panel.cm-search [name=close]": {
 		position: "absolute",
-		top: "8px",
+		top: "10px",
 		right: "10px",
-		width: "24px",
-		height: "24px",
-		borderRadius: "4px",
+		width: "28px",
+		height: "28px",
+		borderRadius: "8px",
 		color: "var(--color-muted)",
 		fontSize: "16px",
 		cursor: "pointer"
@@ -116,105 +116,108 @@ var a = r.theme({
 		color: "var(--color-heading)"
 	},
 	".cm-textfield": {
-		height: "28px",
+		height: "32px",
 		margin: "0",
-		padding: "0 8px",
+		padding: "0 10px",
 		border: "1px solid var(--color-border)",
-		borderRadius: "6px",
-		backgroundColor: "var(--color-surface)",
+		borderRadius: "10px",
+		backgroundColor: "var(--color-background)",
 		color: "var(--color-heading)",
 		fontFamily: "var(--font-mono)",
-		fontSize: "12px"
+		fontSize: "12px",
+		transition: "border-color 200ms, box-shadow 200ms"
 	},
+	".cm-textfield:hover": { borderColor: "var(--color-accent-active)" },
 	".cm-textfield:focus": {
 		outline: "none",
 		borderColor: "var(--color-primary)",
-		boxShadow: "0 0 0 3px var(--color-ring)"
+		boxShadow: "0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent)"
 	},
 	".cm-button": {
-		height: "28px",
+		height: "32px",
 		margin: "0",
-		padding: "0 10px",
+		padding: "0 12px",
 		border: "1px solid var(--color-border)",
-		borderRadius: "6px",
+		borderRadius: "10px",
 		backgroundColor: "var(--color-surface)",
 		backgroundImage: "none",
 		color: "var(--color-heading)",
 		fontSize: "12px",
 		fontWeight: "500",
-		cursor: "pointer"
+		cursor: "pointer",
+		transition: "background-color 200ms"
 	},
-	".cm-button:hover": { borderColor: "var(--color-border-dark)" },
+	".cm-button:hover": { backgroundColor: "color-mix(in srgb, var(--color-surface-sunken) 70%, transparent)" },
 	".cm-button:active": {
 		backgroundImage: "none",
 		backgroundColor: "var(--color-surface-sunken)"
 	},
 	".cm-button:focus-visible, .cm-panel.cm-search [name=close]:focus-visible": {
 		outline: "none",
-		boxShadow: "0 0 0 3px var(--color-ring)"
+		boxShadow: "0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-ring)"
 	},
 	".cm-lintRange-error": {
 		backgroundImage: "none",
-		textDecoration: "underline wavy var(--color-red-50)",
+		textDecoration: "underline wavy var(--color-danger)",
 		textDecorationSkipInk: "none",
 		textUnderlineOffset: "3px"
 	},
 	".cm-lintRange-warning": {
 		backgroundImage: "none",
-		textDecoration: "underline wavy var(--color-yellow-50)",
+		textDecoration: "underline wavy var(--color-warning)",
 		textDecorationSkipInk: "none",
 		textUnderlineOffset: "3px"
 	},
-	".cm-lintPoint:after": { borderBottomColor: "var(--color-red-50)" },
+	".cm-lintPoint:after": { borderBottomColor: "var(--color-danger)" },
 	".cm-tooltip": {
 		backgroundColor: "var(--color-surface)",
 		color: "var(--color-body)",
 		border: "1px solid var(--color-border)",
-		borderRadius: "6px",
-		boxShadow: "var(--shadow-md)",
+		borderRadius: "10px",
+		boxShadow: "var(--shadow-lg)",
 		overflow: "hidden"
 	},
 	".cm-tooltip-lint": { padding: "0" },
 	".cm-diagnostic": {
-		padding: "6px 10px",
+		padding: "8px 12px",
 		fontFamily: "var(--font-sans)",
 		fontSize: "12px",
 		lineHeight: "16px",
 		borderLeftWidth: "3px"
 	},
-	".cm-diagnostic-error": { borderLeftColor: "var(--color-red-50)" },
-	".cm-diagnostic-warning": { borderLeftColor: "var(--color-yellow-50)" },
+	".cm-diagnostic-error": { borderLeftColor: "var(--color-danger)" },
+	".cm-diagnostic-warning": { borderLeftColor: "var(--color-warning)" },
 	".cm-diagnosticSource": { display: "none" },
 	".cm-panel.cm-panel-lint ul [aria-selected]": {
 		backgroundColor: "var(--color-surface-sunken)",
 		color: "var(--color-heading)"
 	},
 	".cm-panel.cm-panel-lint ul:focus [aria-selected]": {
-		backgroundColor: "var(--color-primary-90)",
+		backgroundColor: "var(--color-accent)",
 		color: "var(--color-heading)"
 	},
-	".cm-insertedLine, &.cm-merge-b .cm-changedLine, .cm-inlineChangedLine": { backgroundColor: "var(--color-green-97)" },
-	".cm-deletedChunk, &.cm-merge-a .cm-changedLine": { backgroundColor: "var(--color-red-97)" },
-	".cm-deletedChunk": { paddingLeft: "8px" },
+	".cm-insertedLine, &.cm-merge-b .cm-changedLine, .cm-inlineChangedLine": { backgroundColor: "color-mix(in srgb, var(--color-success) 8%, transparent)" },
+	".cm-deletedChunk, &.cm-merge-a .cm-changedLine": { backgroundColor: "color-mix(in srgb, var(--color-danger) 8%, transparent)" },
+	".cm-deletedChunk": { paddingLeft: "10px" },
 	"&.cm-merge-b .cm-changedText, .cm-insertedLine .cm-changedText": {
-		backgroundColor: "var(--color-green-90)",
+		backgroundColor: "color-mix(in srgb, var(--color-success) 22%, transparent)",
 		backgroundImage: "none"
 	},
 	".cm-deletedChunk .cm-deletedText, &.cm-merge-a .cm-changedText": {
-		backgroundColor: "var(--color-red-90)",
+		backgroundColor: "color-mix(in srgb, var(--color-danger) 22%, transparent)",
 		backgroundImage: "none"
 	},
 	".cm-deletedChunk del, .cm-deletedLine del": { textDecoration: "none" },
-	".cm-changedLineGutter, &.cm-merge-b .cm-changedLineGutter": { backgroundColor: "var(--color-green-50)" },
-	".cm-deletedLineGutter, &.cm-merge-a .cm-changedLineGutter": { backgroundColor: "var(--color-red-50)" },
+	".cm-changedLineGutter, &.cm-merge-b .cm-changedLineGutter": { backgroundColor: "var(--color-success)" },
+	".cm-deletedLineGutter, &.cm-merge-a .cm-changedLineGutter": { backgroundColor: "var(--color-danger)" },
 	".cm-collapsedLines": {
 		backgroundColor: "var(--color-surface-muted)",
 		backgroundImage: "none",
 		color: "var(--color-muted)",
 		fontFamily: "var(--font-sans)",
 		fontSize: "12px",
-		padding: "4px 12px",
-		borderBlock: "1px solid var(--color-border-light)"
+		padding: "6px 14px",
+		borderBlock: "1px solid var(--color-border)"
 	},
 	".cm-collapsedLines:hover": {
 		backgroundColor: "var(--color-surface-sunken)",

package/dist/lib/index.d.ts

@@ -3,18 +3,32 @@ export { useColorMode } from "./composables/useColorMode";
 export { useFontScale, FONT_SCALES } from "./composables/useFontScale";
 export type { FontScale } from "./composables/useFontScale";
 export type { ColorMode } from "./composables/useColorMode";
-export { useToast } from "./composables/useToast";
+export { showToast, useToast } from "./composables/useToast";
+export { useTablePagination } from "./composables/useTablePagination";
+export type { TablePagination, UseTablePaginationOptions } from "./composables/useTablePagination";
+export { useApiPagination } from "./composables/useApiPagination";
+export type { ApiPagination, ApiPaginationProps, UseApiPaginationOptions } from "./composables/useApiPagination";
+export { useBulkSelection } from "./composables/useBulkSelection";
+export type { BulkSelection, UseBulkSelectionOptions } from "./composables/useBulkSelection";
+export { useFormValidation } from "./composables/useFormValidation";
+export type { FieldPath, FormRules, FormValidationOptions, Rule, RuleFn, SimpleRuleName } from "./composables/useFormValidation";
+export { statusMeta, normalizeState, humanizeState } from "./components/status";
+export type { StatusMeta, StatusMetaOptions, StatusTone } from "./components/status";
 export { useBrandColor, hexToHsl, hslToHex, contrastOnWhite, readableLightness, MIN_CONTRAST, HexToHSL, HSLToHex, getThemeHSL, setThemeHSL, } from "./composables/useBrandColor";
 export type { BrandHsl, LegacyHsl, SetBrandColorOptions } from "./composables/useBrandColor";
-export type { Toast, ToastAction, ToastOptions, ToastTone } from "./composables/useToast";
+export type { CloudToastOptions, Toast, ToastAction, ToastOptions, ToastTone } from "./composables/useToast";
 export type { AppSwitcherApp } from "./components/AcAppSwitcher.vue";
 export type { BreadcrumbItem } from "./components/AcBreadcrumb.vue";
 export type { AcTableCell, AcTableCol, AcTableRow, CellType, ResourceCell, ResourceColumn, ResourceRow, ResourceTable, } from "./components/AcCellValue.vue";
 export type { SwitchCluster } from "./components/AcClusterSwitcher.vue";
+export type { ColorPreset } from "./components/AcColorInput.vue";
 export type { DatePickerPreset } from "./components/AcDatePicker.vue";
 export type { FileRejection } from "./components/AcFileUpload.vue";
+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 { LocaleOption } from "./components/AcLocaleSwitcher.vue";
 export type { NotificationItem } from "./components/AcNotificationMenu.vue";
 export type { ResourceDetail, ResourceTag } from "./components/AcResourceCard.vue";
 export type { SearchFilterOption } from "./components/AcSearchBar.vue";
@@ -26,4 +40,8 @@ export type { Step, SubStep } from "./components/AcSteps.vue";
 export type { Column } from "./components/AcTable.vue";
 export type { TabItem } from "./components/AcTabs.vue";
 export type { UsageBreakdownRow } from "./components/AcUsageCard.vue";
-export type { UserMenuItem } from "./components/AcUserMenu.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 { CheckRadioOption } from "./components/AcCheckRadio.vue";

package/dist/lib/index.js

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