@opendesign-plus-test/components 0.0.1-rc.154 → 0.0.1-rc.156

package/dist/treeshaking/components/sig/components/OSigItem.css

@@ -25,67 +25,55 @@
 @media (max-width: 840px) {
 .o-sig-item {
     padding: var(--o-gap-2) var(--o-gap-3);
-    position: relative;
 }
 }
 .o-sig-item .o-sig-item-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  flex-wrap: nowrap;
-  gap: var(--o-r-gap-4);
 }
-.o-sig-item .o-sig-item-header .o-sig-name {
+.o-sig-item .o-sig-name {
   cursor: pointer;
   color: var(--o-color-info1);
   font-weight: 600;
-  min-width: 0;
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
   font-size: 22px;
   line-height: 30px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-sig-item-header .o-sig-name {
+.o-sig-item .o-sig-name {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-sig-item-header .o-sig-name {
+.o-sig-item .o-sig-name {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-sig-item-header .o-sig-name {
+.o-sig-item .o-sig-name {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-sig-item .o-sig-item-header .o-sig-name {
+.o-sig-item .o-sig-name {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (hover: hover) {
-.o-sig-item .o-sig-item-header .o-sig-name:hover {
+.o-sig-item .o-sig-name:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-sig-item .o-sig-item-header .o-sig-type-tag {
+.o-sig-item .o-sig-type-tag {
   --tag-bd-color: var(--o-color-control4);
   --tag-height: 24px;
-  flex-shrink: 0;
 }
 @media (max-width: 1680px) {
-.o-sig-item .o-sig-item-header .o-sig-type-tag {
+.o-sig-item .o-sig-type-tag {
     --tag-height: 20px;
 }
 }
@@ -94,11 +82,6 @@
   align-items: center;
   margin-top: var(--o-gap-2);
 }
-@media (max-width: 840px) {
-.o-sig-item .o-sig-link a:first-child {
-    height: 20px;
-}
-}
 .o-sig-item .o-sig-link .o-sig-source-icon {
   font-size: 24px;
 }
@@ -228,6 +211,7 @@
 @media (max-width: 840px) {
 .o-sig-item .o-sig-description {
     margin-top: var(--o-gap-2);
+    order: 1;
     font-size: 16px;
     line-height: 24px;
 }
@@ -293,7 +277,7 @@
     margin-top: var(--o-gap-3);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-sig-item .o-sig-bottom {
     margin-top: var(--o-gap-2);
 }
@@ -343,11 +327,361 @@
   display: flex;
   align-items: center;
 }
+@media (max-width: 840px) {
+.o-sig-item {
+    position: relative;
+}
+.o-sig-item .o-sig-item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.o-sig-item .o-sig-name {
+    cursor: pointer;
+    color: var(--o-color-info1);
+    font-weight: 600;
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-item .o-sig-name {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-item .o-sig-name {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-item .o-sig-name {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-sig-item .o-sig-name {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (hover: hover) {
+.o-sig-item .o-sig-name:hover {
+    color: var(--o-color-primary1);
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-type-tag {
+    --tag-bd-color: var(--o-color-control4);
+    --tag-height: 24px;
+}
+}
+@media (max-width: 840px) and (max-width: 1680px) {
+.o-sig-item .o-sig-type-tag {
+    --tag-height: 20px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) {
+.o-sig-item .o-sig-type-tag {
+    position: absolute;
+    top: 8px;
+    right: 4px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-link {
+    display: flex;
+    align-items: center;
+    margin-top: var(--o-gap-2);
+}
+.o-sig-item .o-sig-link a:first-child {
+    height: 24px;
+}
+}
+@media (max-width: 840px) and (max-width: 1680px) {
+.o-sig-item .o-sig-link a:first-child {
+    height: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-link .o-sig-source-icon {
+    font-size: 24px;
+}
+}
+@media (max-width: 840px) and (max-width: 1680px) {
+.o-sig-item .o-sig-link .o-sig-source-icon {
+    font-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-link .o-sig-source-icon svg {
+    fill: none;
+}
+.o-sig-item .o-sig-link .o-divider {
+    --o-divider-label-gap: 0 8px;
+}
+.o-sig-item .o-sig-link .o-btn {
+    margin-left: var(--o-gap-2);
+}
+.o-sig-item .o-sig-link .mail-link {
+    min-width: 0;
+    flex: 0 1 auto;
+}
+.o-sig-item .o-sig-link .mail-link .tooltip-text-wrapper {
+    min-width: 0;
+    flex: 1;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) {
+.o-sig-item .o-sig-link {
+    margin-top: 8px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-link {
+    padding: 0;
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-item .o-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-item .o-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-item .o-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-sig-item .o-link {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-link .o-link-label {
+    display: flex;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) {
+.o-sig-item .o-link {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-item .o-link {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-item .o-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-item .o-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
+.o-sig-item .o-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-description {
+    margin-top: var(--o-gap-2);
+    color: var(--o-color-info2);
+    height: 44px;
+    font-weight: 400;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-item .o-sig-description {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-item .o-sig-description {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-item .o-sig-description {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-sig-item .o-sig-description {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (max-width: 1680px) {
+.o-sig-item .o-sig-description {
+    height: 36px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) {
+.o-sig-item .o-sig-description {
+    margin-top: 6px;
+    order: 1;
+    height: auto;
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-item .o-sig-description {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-item .o-sig-description {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-item .o-sig-description {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
+.o-sig-item .o-sig-description {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-description .o-sig-repo {
+    display: flex;
+}
+.o-sig-item .o-sig-description .o-sig-repo .o-sig-repo-label {
+    color: var(--o-color-info1);
+    font-weight: 500;
+    margin-right: 8px;
+}
+.o-sig-item .o-sig-bottom {
+    display: flex;
+    align-items: center;
+    margin-top: var(--o-gap-2);
+    color: var(--o-color-info3);
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-bottom .o-icon {
+    --icon-size: 16px;
+    margin-right: 4px;
+}
+.o-sig-item .o-sig-bottom .o-icon svg path {
+    fill: currentColor;
+}
+.o-sig-item .o-sig-bottom .o-sig-meta-text {
+    cursor: pointer;
+    margin-bottom: 0;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
+.o-sig-item .o-sig-bottom {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-item .o-sig-meta {
+    display: flex;
+    align-items: center;
+}
+}
 .o-sig-popup-repos {
-  max-width: 272px;
-  min-width: 160px;
+  width: 272px;
   --popup-padding: 9px 0;
 }
+.o-sig-popup-repos .o-sig-popup-content {
+  max-height: 176px;
+}
 .o-sig-popup-repos .o-scroller {
   max-height: 176px;
   padding: 0 var(--o-gap-4);
@@ -363,10 +697,12 @@
 }
 }
 .o-sig-popup-maintainers {
-  max-width: 168px;
-  min-width: 120px;
+  width: 168px;
   --popup-padding: 9px 0;
 }
+.o-sig-popup-maintainers .o-sig-popup-content {
+  max-height: 112px;
+}
 .o-sig-popup-maintainers .o-scroller {
   max-height: 112px;
   padding: 0 16px;

package/dist/treeshaking/components/video/OVideoDetail.css

@@ -140,7 +140,7 @@
     margin-bottom: var(--o-gap-4);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-card-header {
     margin-bottom: var(--o-gap-3);
 }
@@ -337,7 +337,7 @@
     padding: var(--o-gap-3) var(--o-gap-4);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-material-download-wrapper {
     margin-top: var(--o-gap-3);
     padding: var(--o-gap-2) var(--o-gap-3);
@@ -436,7 +436,7 @@
     margin-left: var(--o-gap-5);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-material-download-wrapper .o-video-material-download-size {
     margin-left: var(--o-gap-4);
 }
@@ -488,7 +488,7 @@
     margin-bottom: var(--o-gap-3);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-title {
     margin-bottom: var(--o-gap-2);
 }
@@ -535,7 +535,7 @@
     margin-left: var(--o-gap-3);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-avatar .o-video-info-detail-wrapper {
     margin-left: var(--o-gap-2);
 }
@@ -647,7 +647,7 @@
     margin-top: var(--o-gap-4);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-content-title {
     margin-top: var(--o-gap-3);
 }
@@ -663,7 +663,7 @@
     margin-top: var(--o-gap-3);
 }
 }
-@media (max-width: 1200px) {
+@media (min-width: ) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-content {
     margin-top: var(--o-gap-2);
 }

package/dist/treeshaking/components/video/index.d.ts

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 declare const OVideoDetail: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        data: import('./types').CourseCollectionT;
+        data: import('../../index').CourseCollectionT;
         layout?: "horizontal" | "vertical";
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -11,14 +11,14 @@ declare const OVideoDetail: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        data: import('./types').CourseCollectionT;
+        data: import('../../index').CourseCollectionT;
         layout?: "horizontal" | "vertical";
     }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
-    data: import('./types').CourseCollectionT;
+    data: import('../../index').CourseCollectionT;
     layout?: "horizontal" | "vertical";
 }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;

package/dist/treeshaking/i18n/en.mjs

@@ -1,4 +1,8 @@
 const en = {
+  "md.lightTheme": "Light Code Theme",
+  "md.darkTheme": "Dark Code Theme",
+  "md.gitSource": "Get Source Code",
+  "md.moreActions": "More Actions",
   search: "Search",
   "search.hot": "Top search",
   "search.placeholder": "Please enter the content",
@@ -154,11 +158,13 @@ const en = {
   "meeting.meetingEtherpad": "Meeting Minutes",
   "meeting.meetingReplay": "Playback",
   "meeting.searchSubtitlePlaceholder": "Enter",
-  "meeting.detailHalfYearMeetings": "The conference system currently only retains meeting records from the past six months",
+  "meeting.detailHalfYearMeetings": "默认显示近半年的会议。",
   "meeting.tencent": "Tencent",
   "meeting.etherpad": "Meeting Minutes",
   "common.confirm": "Confirm",
   "common.cancel": "Cancel",
+  "common.copyLink": "Copy Link",
+  "common.copy": "Copy",
   "common.copySuccess": "Copied Successfully",
   "common.close": "Close",
   "common.all": "All",

package/dist/treeshaking/i18n/zh.mjs

@@ -1,4 +1,8 @@
 const zh = {
+  "md.lightTheme": "浅色代码主题",
+  "md.darkTheme": "深色代码主题",
+  "md.gitSource": "获取AtomGit源文件",
+  "md.moreActions": "更多操作",
   search: "搜索",
   "search.hot": "热门搜索",
   "search.placeholder": "搜索",
@@ -153,11 +157,13 @@ const zh = {
   "meeting.meetingEtherpad": "会议纪要",
   "meeting.meetingReplay": "智能回放",
   "meeting.searchSubtitlePlaceholder": "请输入搜索内容",
-  "meeting.detailHalfYearMeetings": "会议系统当前仅保留最近半年会议记录",
+  "meeting.detailHalfYearMeetings": "默认显示近半年的会议。",
   "meeting.tencent": "腾讯会议",
   "meeting.etherpad": "会议纪要",
   "common.confirm": "确认",
   "common.cancel": "取消",
+  "common.copyLink": "复制链接",
+  "common.copy": "复制",
   "common.copySuccess": "复制成功",
   "common.close": "关闭",
   "common.all": "全部",

package/dist/treeshaking/index.d.ts

@@ -16,6 +16,7 @@ export * from './components/header-theme';
 export * from './components/header-user';
 export * from './components/icon';
 export * from './components/logo-swiper';
+export * from './components/markdown';
 export * from './components/meeting';
 export * from './components/search';
 export * from './components/section';

package/dist/treeshaking/index.mjs

@@ -15,6 +15,7 @@ import { OHeaderTheme } from "./components/header-theme/index.mjs";
 import { OHeaderUser } from "./components/header-user/index.mjs";
 import { createSvgIcon } from "./components/icon/index.mjs";
 import { OLogoSwiper, OLogoSwiperItems } from "./components/logo-swiper/index.mjs";
+import { MarkdownCode, MarkdownImage, MarkdownPageTitle, MarkdownTable, MarkdownTitle } from "./components/markdown/index.mjs";
 import { OMeetingCalendar, OMeetingForm, OMeetingMinutes, OMeetingMyCalendar, OMeetingPlayback, OMeetingSigCalendar } from "./components/meeting/index.mjs";
 import { OSearchInput } from "./components/search/index.mjs";
 import { OSection } from "./components/section/index.mjs";
@@ -27,6 +28,11 @@ import { default as default2 } from "./components/element-plus/OElCookieNotice.v
 export {
   CalendarDataType,
   EventsStatusT,
+  MarkdownCode,
+  MarkdownImage,
+  MarkdownPageTitle,
+  MarkdownTable,
+  MarkdownTitle,
   MeetingGroupType,
   NavType,
   OActivityApproval,

package/dist/treeshaking/shared/theme.mjs

@@ -1,11 +1,23 @@
-import { inject, computed } from "vue";
+import { inject, computed, ref } from "vue";
 import { configProviderInjectKey } from "./provide.mjs";
+const codeThemeOverride = ref(null);
 const useTheme = () => {
   const configProvider = inject(configProviderInjectKey);
+  const codeTheme = computed({
+    get: () => codeThemeOverride.value || (configProvider == null ? void 0 : configProvider.theme.value) || "light",
+    set: (val) => {
+      codeThemeOverride.value = val;
+    }
+  });
+  const toggleCodeTheme = () => {
+    codeTheme.value = codeTheme.value === "dark" ? "light" : "dark";
+  };
   return {
     theme: configProvider == null ? void 0 : configProvider.theme,
-    isLight: computed(() => (configProvider == null ? void 0 : configProvider.theme) === "light"),
-    isDark: computed(() => (configProvider == null ? void 0 : configProvider.theme) === "dark")
+    isLight: computed(() => (configProvider == null ? void 0 : configProvider.theme.value) === "light"),
+    isDark: computed(() => (configProvider == null ? void 0 : configProvider.theme.value) === "dark"),
+    codeTheme,
+    toggleCodeTheme
   };
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.154",
+  "version": "0.0.1-rc.156",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -36,7 +36,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@opensig/opendesign": "1.2.5",
+    "@opensig/opendesign": "1.2.7",
     "@vueuse/core": "^14.0.0",
     "@vueuse/shared": "^14.0.0",
     "aos": "^2.3.4",
@@ -46,7 +46,7 @@
     "vue": "^3.5.13",
     "element-plus": "2.13.1",
     "@opendesign-plus/composables": "0.0.1-rc.10",
-    "@opendesign-plus/styles": "0.0.1-rc.2"
+    "@opendesign-plus/styles": "0.0.1-rc.3"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",