@codemonster-ru/vueforge-core 1.7.0 → 1.9.0

package/dist/{utils-T2JkaeUr.js → utils-CsZ7hQHm.js}

@@ -1,6 +1,6 @@
-import { vfMotionTokens as e, createThemePreset as t, resolveThemeConfig as i, applyThemeConfig as n } from "@codemonster-ru/vueforge-theme";
+import { vfMotionTokens as e, createThemePreset as t, resolveThemeConfig as n, applyThemeConfig as l } from "@codemonster-ru/vueforge-theme";
 import { b as o } from "./breakpoints-hxAiWC8U.js";
-const l = {
+const i = {
   breakpointXs: `${o.xs}px`,
   breakpointSm: `${o.sm}px`,
   breakpointMd: `${o.md}px`,
@@ -10,8 +10,8 @@ const l = {
 }, c = {
   name: "vueforge-default",
   tokens: {
-    fontFamilyBase: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
-    fontFamilyHeading: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontFamilyBase: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontFamilyHeading: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
     fontFamilyMono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
     fontWeightRegular: "400",
     fontWeightMedium: "500",
@@ -27,6 +27,41 @@ const l = {
     lineHeightTight: "1.2",
     lineHeightNormal: "1.5",
     lineHeightRelaxed: "1.65",
+    selectableHoverColor: "var(--vf-color-primary)",
+    selectableHoverBackground: "transparent",
+    selectableActiveColor: "var(--vf-color-primary)",
+    selectableActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 20%, var(--vf-color-surface))",
+    navMenuItemHoverColor: "var(--vf-color-primary)",
+    navMenuItemHoverBackground: "transparent",
+    navMenuItemActiveColor: "var(--vf-color-primary)",
+    navMenuItemActiveBackground: "transparent",
+    navMenuPillsItemPadding: "var(--vf-field-padding-md)",
+    navMenuPillsListGap: "var(--vf-nav-menu-list-gap)",
+    navMenuPillsNestedGap: "var(--vf-nav-menu-nested-gap)",
+    navMenuPillsCollapseOffsetTop: "var(--vf-nav-menu-collapse-offset-top)",
+    navMenuPillsItemMinHeight: "var(--vf-control-height-md)",
+    navMenuPillsItemHoverColor: "var(--vf-selectable-hover-color)",
+    navMenuPillsItemHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 5%, transparent)",
+    navMenuPillsItemActiveColor: "var(--vf-selectable-active-color)",
+    navMenuPillsItemActiveBackground: "var(--vf-selectable-active-background)",
+    navMenuGroupLabelColor: "color-mix(in srgb, var(--vf-color-muted) 90%, var(--vf-color-text))",
+    navMenuItemColor: "var(--vf-color-text)",
+    navMenuItemRadius: "var(--vf-radius-control)",
+    navMenuItemFocusColor: "var(--vf-color-primary)",
+    navMenuItemFocusBorderColor: "var(--vf-color-primary)",
+    navMenuItemAncestorActiveColor: "var(--vf-color-primary)",
+    navMenuBranchColor: "var(--vf-color-text)",
+    navMenuBranchAncestorActiveColor: "var(--vf-nav-menu-item-ancestor-active-color)",
+    tableOfContentsPillsListGap: "var(--vf-table-of-contents-list-gap)",
+    tableOfContentsPillsItemPadding: "var(--vf-field-padding-md)",
+    tableOfContentsPillsItemMinHeight: "var(--vf-control-height-md)",
+    tableOfContentsPillsHoverColor: "var(--vf-table-of-contents-hover-color)",
+    tableOfContentsPillsHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 5%, transparent)",
+    tableOfContentsPillsActiveColor: "var(--vf-table-of-contents-active-color)",
+    tableOfContentsPillsActiveBackground: "var(--vf-table-of-contents-active-background)",
+    menuBarPillsSubmenuHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 5%, transparent)",
+    menuBarPillsSubmenuActiveBackground: "var(--vf-selectable-active-background)",
+    menuBarPillsListGap: "var(--vf-nav-menu-list-gap)",
     textBodyFontSize: "var(--vf-font-size-xl)",
     textBodyLineHeight: "var(--vf-line-height-normal)",
     textBodyFontWeight: "var(--vf-font-weight-regular)",
@@ -41,17 +76,16 @@ const l = {
     headingFontSizeLg: "var(--vf-font-size-2xl)",
     headingFontSizeXl: "var(--vf-font-size-3xl)",
     headingFontWeight: "var(--vf-font-weight-semibold)",
-    buttonSecondaryHoverBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 92%, var(--vf-color-text))",
+    buttonSecondaryHoverBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 94%, var(--vf-color-text))",
     buttonSecondaryHoverBorderColor: "var(--vf-color-border)",
-    buttonGhostHoverBackground: "var(--vf-color-surface-muted)",
+    buttonSecondaryActiveBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 90%, var(--vf-color-text))",
+    buttonSecondaryActiveBorderColor: "var(--vf-color-border)",
+    buttonGhostHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
     buttonGhostHoverBorderColor: "transparent",
-    buttonPrimaryHoverFilter: "brightness(0.96)",
-    buttonSuccessHoverFilter: "brightness(0.96)",
-    buttonInfoHoverFilter: "brightness(0.96)",
-    buttonWarnHoverFilter: "brightness(0.96)",
-    buttonHelpHoverFilter: "brightness(0.96)",
-    buttonDangerHoverFilter: "brightness(0.96)",
-    buttonContrastHoverFilter: "brightness(0.96)",
+    buttonGhostActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface))",
+    buttonGhostActiveBorderColor: "transparent",
+    buttonSolidHoverFilter: "brightness(0.95) saturate(1.03)",
+    buttonSolidActiveFilter: "brightness(0.9) saturate(1.04)",
     radioControlBackground: "color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface))",
     radioHoverBorderColor: "var(--vf-color-primary-border-soft)",
     switchTrackBackground: "color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface))",
@@ -60,12 +94,12 @@ const l = {
     switchTrackCheckedHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface))",
     switchThumbBackground: "color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted))",
     switchThumbBorderColor: "color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border))",
-    switchThumbShadow: "0 1px 2px color-mix(in srgb, var(--vf-color-text) 18%, transparent)",
+    switchThumbShadow: "none",
     switchThumbColor: "color-mix(in srgb, var(--vf-color-text) 55%, transparent)",
     switchThumbIconSize: "0.625rem",
     switchThumbCheckedBackground: "var(--vf-color-surface)",
     switchThumbCheckedBorderColor: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
-    switchThumbCheckedShadow: "0 1px 1.5px color-mix(in srgb, var(--vf-color-text) 12%, transparent)",
+    switchThumbCheckedShadow: "none",
     proseHeadingMargin: "1.5em",
     proseHeadingGap: "0.5em",
     proseBlockSpacing: "1em",
@@ -78,28 +112,28 @@ const l = {
     proseInlineCodePadding: "0.125rem 0.375rem",
     proseCodeBlockPadding: "0.75rem 1rem",
     proseHrMargin: "1.5rem",
-    colorBg: "#fcfcfd",
+    colorBg: "#f6f8fb",
     colorSurface: "#ffffff",
-    colorSurfaceMuted: "#f5f7fb",
-    colorText: "#172033",
-    colorMuted: "#69738a",
-    colorBorder: "#d8e0ef",
-    colorPrimary: "#0b63f6",
+    colorSurfaceMuted: "#f3f3f3",
+    colorText: "#1f232b",
+    colorMuted: "#616773",
+    colorBorder: "#d9dde3",
+    colorPrimary: "#0e639c",
     colorPrimaryContrast: "#ffffff",
     colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
     colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
     colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
-    colorSuccess: "#16a34a",
+    colorSuccess: "#2e7d32",
     colorSuccessContrast: "#ffffff",
-    colorInfo: "#0ea5e9",
+    colorInfo: "#0069ba",
     colorInfoContrast: "#ffffff",
-    colorWarn: "#f59e0b",
+    colorWarn: "#9f8400",
     colorWarnContrast: "#1f1300",
-    colorHelp: "#8b5cf6",
+    colorHelp: "#7245ae",
     colorHelpContrast: "#ffffff",
-    colorDanger: "#dc2626",
+    colorDanger: "#c72e39",
     colorDangerContrast: "#ffffff",
-    colorContrast: "#111827",
+    colorContrast: "#252526",
     colorContrastContrast: "#ffffff",
     colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
     colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
@@ -119,19 +153,19 @@ const l = {
     radiusControlTight: "calc(var(--vf-radius) - 0.25rem)",
     radiusSurface: "var(--vf-radius)",
     radiusOverlay: "calc(var(--vf-radius) + 0.125rem)",
-    ...l,
+    ...i,
     controlHeightSm: "1.75rem",
     controlHeightMd: "2.25rem",
     controlHeightLg: "2.5rem",
-    controlFontSizeSm: "var(--vf-font-size-md)",
-    controlFontSizeMd: "var(--vf-font-size-lg)",
+    controlFontSizeSm: "var(--vf-text-label-font-size)",
+    controlFontSizeMd: "var(--vf-text-body-font-size)",
     controlFontSizeLg: "var(--vf-font-size-xl)",
     buttonPaddingSm: "0.25rem 0.5rem",
-    buttonPaddingMd: "0.375rem 0.75rem",
+    buttonPaddingMd: "0.3125rem 0.75rem",
     buttonPaddingLg: "0.5rem 1rem",
     buttonGap: "0.5rem",
     fieldPaddingSm: "0.25rem 0.5rem",
-    fieldPaddingMd: "0.375rem 0.75rem",
+    fieldPaddingMd: "0.3125rem 0.75rem",
     fieldPaddingLg: "0.5rem 1rem",
     checkboxSizeSm: "1rem",
     checkboxSizeMd: "1.125rem",
@@ -186,7 +220,7 @@ const l = {
     navMenuNodeGroupSpacing: "0.25rem",
     navMenuGroupPadding: "0.375rem 0.75rem",
     navMenuGroupFontSize: "var(--vf-text-label-font-size)",
-    navMenuItemPadding: "0.375rem 0.75rem",
+    navMenuItemPadding: "0.25rem 0",
     navMenuItemGap: "0.5rem",
     navMenuLeadingIconSize: "1rem",
     navMenuLeadingIconColumnSize: "1.25rem",
@@ -194,27 +228,27 @@ const l = {
     tableOfContentsListGap: "var(--vf-nav-menu-list-gap)",
     tableOfContentsTitleFontSize: "var(--vf-text-caption-font-size)",
     tableOfContentsTitleColor: "var(--vf-color-muted)",
-    tableOfContentsItemPadding: "var(--vf-nav-menu-item-padding)",
-    tableOfContentsLevelStep: "0.5rem",
+    tableOfContentsItemPadding: "0.25rem 0",
+    tableOfContentsLevelStep: "calc(var(--vf-nav-menu-collapse-inset-simple-level-0-margin) + var(--vf-nav-menu-collapse-inset-simple-level-0-padding))",
     tableOfContentsColor: "var(--vf-color-text)",
-    tableOfContentsHoverColor: "var(--vf-color-primary)",
-    tableOfContentsHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 10%, var(--vf-color-surface))",
-    tableOfContentsActiveColor: "var(--vf-color-primary)",
-    tableOfContentsActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface))",
-    badgeHeight: "1.5rem",
-    badgePadding: "0.25rem 0.5rem",
+    tableOfContentsHoverColor: "var(--vf-selectable-hover-color)",
+    tableOfContentsHoverBackground: "var(--vf-selectable-hover-background)",
+    tableOfContentsActiveColor: "var(--vf-selectable-active-color)",
+    tableOfContentsActiveBackground: "transparent",
+    badgeHeight: "1.375rem",
+    badgePadding: "0.0625rem 0.25rem",
     badgeGap: "0.25rem",
-    badgeRadius: "999px",
-    badgeFontSize: "var(--vf-text-caption-font-size)",
-    badgeLineHeight: "var(--vf-text-caption-line-height)",
-    tagHeight: "1.75rem",
-    tagPadding: "0.25rem 0.5rem",
-    tagFontSize: "var(--vf-text-caption-font-size)",
-    tagLineHeight: "var(--vf-text-caption-line-height)",
+    badgeRadius: "var(--vf-radius-control-tight)",
+    badgeFontSize: "var(--vf-text-label-font-size)",
+    badgeLineHeight: "var(--vf-text-label-line-height)",
+    tagHeight: "1.5rem",
+    tagPadding: "0.125rem 0.3125rem",
+    tagFontSize: "var(--vf-text-label-font-size)",
+    tagLineHeight: "var(--vf-text-label-line-height)",
     tooltipPadding: "0.5rem 0.75rem",
     tooltipMaxWidth: "16rem",
-    tooltipFontSize: "var(--vf-text-caption-font-size)",
-    tooltipLineHeight: "var(--vf-text-caption-line-height)",
+    tooltipFontSize: "var(--vf-text-body-font-size)",
+    tooltipLineHeight: "var(--vf-text-body-line-height)",
     dialogWidthSm: "28rem",
     dialogWidthMd: "36rem",
     dialogWidthLg: "48rem",
@@ -224,21 +258,18 @@ const l = {
     drawerSizeLg: "32rem",
     drawerOffsetTop: "0px",
     drawerBodyPadding: "var(--vf-overlay-padding)",
-    dialogTitleFontSize: "var(--vf-heading-font-size-lg)",
+    dialogTitleFontSize: "var(--vf-text-body-font-size)",
     dialogHeaderGap: "0.75rem",
     dialogActionsGap: "0.5rem",
     popoverWidth: "min(100vw - 2rem, 22rem)",
     floatingArrowSize: "0.625rem",
-    overlayBackdrop: "rgba(15, 23, 42, 0.56)",
+    overlayBackdrop: "rgba(0, 0, 0, 0.44)",
     alertPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
     alertPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
     alertContentGap: "0.25rem",
-    alertTitleFontSize: "var(--vf-heading-font-size-sm)",
-    cardTitleFontSize: "var(--vf-heading-font-size-md)",
-    panelTitleFontSize: "var(--vf-heading-font-size-sm)",
-    textLineHeight: "var(--vf-text-body-line-height)",
-    headingLineHeight: "var(--vf-line-height-tight)",
-    tabsLineHeight: "1.2",
+    alertTitleFontSize: "var(--vf-text-body-font-size)",
+    cardTitleFontSize: "var(--vf-text-body-font-size)",
+    panelTitleFontSize: "var(--vf-text-body-font-size)",
     motionDurationFast: e.durationFast,
     motionDurationNormal: e.durationNormal,
     motionEaseStandard: e.easeStandard,
@@ -251,28 +282,28 @@ const l = {
     shadow: "none"
   },
   dark: {
-    colorBg: "#0f172a",
-    colorSurface: "#162033",
-    colorSurfaceMuted: "#1b2840",
-    colorText: "#eff4ff",
-    colorMuted: "#9fb0cf",
-    colorBorder: "#2d405f",
-    colorPrimary: "#6ea8fe",
-    colorPrimaryContrast: "#081120",
+    colorBg: "#1e1e1e",
+    colorSurface: "#252526",
+    colorSurfaceMuted: "#2d2d30",
+    colorText: "#d4d4d4",
+    colorMuted: "#9da0a6",
+    colorBorder: "#3c3c3c",
+    colorPrimary: "#2f7fd6",
+    colorPrimaryContrast: "#ffffff",
     colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
     colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
     colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
-    colorSuccess: "#4ade80",
-    colorSuccessContrast: "#081120",
-    colorInfo: "#38bdf8",
-    colorInfoContrast: "#081120",
-    colorWarn: "#fbbf24",
+    colorSuccess: "#3f8746",
+    colorSuccessContrast: "#ffffff",
+    colorInfo: "#1f76be",
+    colorInfoContrast: "#ffffff",
+    colorWarn: "#c6a25f",
     colorWarnContrast: "#1f1300",
-    colorHelp: "#a78bfa",
-    colorHelpContrast: "#081120",
-    colorDanger: "#f87171",
-    colorDangerContrast: "#081120",
-    colorContrast: "#f3f4f6",
+    colorHelp: "#8553a1",
+    colorHelpContrast: "#ffffff",
+    colorDanger: "#bf3f3f",
+    colorDangerContrast: "#ffffff",
+    colorContrast: "#d7d7d7",
     colorContrastContrast: "#111827",
     colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
     colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
@@ -294,22 +325,27 @@ const l = {
     zTooltip: "950",
     shadow: "none"
   }
-}, f = c;
+}, v = c;
 function m(r) {
-  return t(r);
+  return t(
+    r
+  );
 }
 function d(r = {}) {
-  return i({
+  return n({
     ...r,
-    preset: r.preset ?? f
+    preset: r.preset ?? v
   });
 }
 function g(r, a) {
-  return n(r, a);
+  return l(
+    r,
+    a
+  );
 }
 export {
   g as a,
   m as c,
-  f as d,
+  v as d,
   d as r
 };