@haklex/rich-ext-code-snippet 0.0.2 → 0.0.4

package/dist/rich-ext-code-snippet.css

@@ -1,4 +1,4 @@
-.rcs-container {
+.hjkryc0 {
   position: relative;
   border-radius: 0.5rem;
   overflow: hidden;
@@ -6,24 +6,24 @@
   background: var(--rc-code-bg);
   font-size: 0.875rem;
 }
-.rcs-header {
+.hjkryc1 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 12px;
   min-height: 40px;
 }
-.rcs-tabs {
+.hjkryc2 {
   display: flex;
   align-items: center;
   gap: 2px;
   overflow-x: auto;
   scrollbar-width: none;
 }
-.rcs-tabs::-webkit-scrollbar {
+.hjkryc2::-webkit-scrollbar {
   display: none;
 }
-.rcs-tab {
+.hjkryc3 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -40,15 +40,15 @@
   flex-shrink: 0;
   transition: color 0.15s, background 0.15s;
 }
-.rcs-tab:hover {
+.hjkryc3:hover {
   color: var(--rc-text);
   background: color-mix(in srgb, var(--rc-text) 5%, transparent);
 }
-.rcs-tab-active {
+.hjkryc5 {
   color: var(--rc-text);
   background: color-mix(in srgb, var(--rc-text) 8%, transparent);
 }
-.rcs-title-bar {
+.hjkryc7 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -58,16 +58,16 @@
   font-weight: 500;
   color: var(--rc-text-secondary);
 }
-.rcs-header-actions {
+.hjkryc8 {
   display: flex;
   align-items: center;
   opacity: 0;
   transition: opacity 0.15s;
 }
-.rcs-container:hover .rcs-header-actions {
+.hjkryc0:hover .hjkryc8 {
   opacity: 1;
 }
-.rcs-copy-btn {
+.hjkryc9 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -80,44 +80,44 @@
   cursor: pointer;
   transition: background 0.15s, color 0.15s;
 }
-.rcs-copy-btn:hover {
+.hjkryc9:hover {
   background: color-mix(in srgb, var(--rc-text) 8%, transparent);
   color: var(--rc-text);
 }
-.rcs-separator {
+.hjkryca {
   height: 1px;
   background: var(--rc-border);
   opacity: 0.6;
 }
-.rcs-code-scroll {
+.hjkrycb {
   overflow-x: auto;
 }
-.rcs-code-body {
+.hjkrycc {
   padding: 12px 16px;
   margin: 0;
   font-size: 0.8125rem;
   line-height: 1.7;
   font-family: var(--font-mono, ui-monospace, monospace);
 }
-.rcs-code-body pre {
+.hjkrycc pre {
   margin: 0;
   background: transparent !important;
 }
-.rcs-code-body code {
+.hjkrycc code {
   font-family: inherit;
 }
-.rcs-editor-container pre code {
-  display: flex;
-  flex-direction: column;
+.hjkrycd {
+  display: inline-flex;
+  flex-shrink: 0;
 }
-.rcs-file-icon svg {
+.hjkrycd svg {
   width: 100%;
   height: 100%;
 }
-.rcs-edit-container {
+.hjkryce {
   position: relative;
 }
-.rcs-edit-overlay {
+.hjkrycf {
   position: absolute;
   inset: 0;
   z-index: 5;
@@ -128,10 +128,10 @@
   background: transparent;
   border: none;
 }
-.rcs-edit-overlay:hover {
+.hjkrycf:hover {
   background: color-mix(in srgb, currentColor 6%, transparent);
 }
-.rcs-edit-label {
+.hjkrycg {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -145,10 +145,10 @@
   opacity: 0;
   transition: opacity 0.2s;
 }
-.rcs-edit-container:hover .rcs-edit-label {
+.hjkryce:hover .hjkrycg {
   opacity: 1;
 }
-.hjkryc0.hjkryc0 {
+.hjkrych.hjkrych {
   padding: 0;
   gap: 0;
   display: flex;
@@ -158,20 +158,20 @@
   height: min(720px, 80vh);
   border-radius: 0.75rem;
 }
-.hjkryc0.hjkryc0[data-open] {
+.hjkrych.hjkrych[data-open] {
   animation: none;
 }
-.hjkryc0.hjkryc0[data-closed] {
+.hjkrych.hjkrych[data-closed] {
   animation: none;
 }
-.rcs-modal {
+.hjkryci {
   display: flex;
   flex-direction: column;
   flex: 1;
   min-height: 0;
   overflow: hidden;
 }
-.rcs-modal-titlebar {
+.hjkrycj {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -180,12 +180,12 @@
   border-bottom: 1px solid var(--rc-border);
   flex-shrink: 0;
 }
-.rcs-modal-title {
+.hjkryck {
   font-size: 0.75rem;
   font-family: var(--font-mono, ui-monospace, monospace);
   color: var(--rc-text-secondary);
 }
-.rcs-modal-icon-btn {
+.hjkrycl {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -198,16 +198,16 @@
   cursor: pointer;
   transition: background 0.15s, color 0.15s;
 }
-.rcs-modal-icon-btn:hover {
+.hjkrycl:hover {
   background: color-mix(in srgb, var(--rc-text) 8%, transparent);
   color: var(--rc-text);
 }
-.rcs-modal-body {
+.hjkrycm {
   display: flex;
   flex: 1;
   min-height: 0;
 }
-.rcs-modal-sidebar {
+.hjkrycn {
   width: 224px;
   flex-shrink: 0;
   border-right: 1px solid var(--rc-border);
@@ -215,7 +215,7 @@
   flex-direction: column;
   overflow: hidden;
 }
-.rcs-sidebar-header {
+.hjkryco {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -226,7 +226,7 @@
   letter-spacing: 0.05em;
   color: color-mix(in srgb, var(--rc-text-secondary) 60%, transparent);
 }
-.rcs-sidebar-add-btn {
+.hjkrycp {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -239,16 +239,16 @@
   cursor: pointer;
   transition: background 0.15s, color 0.15s;
 }
-.rcs-sidebar-add-btn:hover {
+.hjkrycp:hover {
   background: color-mix(in srgb, var(--rc-text) 8%, transparent);
   color: var(--rc-text);
 }
-.rcs-file-list {
+.hjkrycq {
   flex: 1;
   overflow-y: auto;
   padding: 0 6px 8px;
 }
-.rcs-file-item {
+.hjkrycr {
   display: flex;
   align-items: center;
   gap: 4px;
@@ -261,7 +261,18 @@
   color: var(--rc-text-secondary);
   transition: background 0.15s, color 0.15s;
 }
-.rcs-file-drag-handle {
+.hjkrycr:hover {
+  background: color-mix(in srgb, var(--rc-text) 5%, transparent);
+  color: var(--rc-text);
+}
+.hjkryct {
+  background: color-mix(in srgb, var(--rc-text) 8%, transparent);
+  color: var(--rc-text);
+}
+.hjkrycv {
+  opacity: 0.4;
+}
+.hjkrycx {
   display: inline-flex;
   align-items: center;
   cursor: grab;
@@ -269,24 +280,16 @@
   flex-shrink: 0;
   touch-action: none;
 }
-.rcs-file-drag-handle:active {
+.hjkrycx:active {
   cursor: grabbing;
 }
-.rcs-file-item:hover {
-  background: color-mix(in srgb, var(--rc-text) 5%, transparent);
-  color: var(--rc-text);
-}
-.rcs-file-item-active {
-  background: color-mix(in srgb, var(--rc-text) 8%, transparent);
-  color: var(--rc-text);
-}
-.rcs-file-name {
+.hjkrycy {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rcs-file-delete {
+.hjkrycz {
   display: none;
   align-items: center;
   justify-content: center;
@@ -299,14 +302,14 @@
   cursor: pointer;
   flex-shrink: 0;
 }
-.rcs-file-item:hover .rcs-file-delete {
+.hjkrycr:hover .hjkrycz {
   display: inline-flex;
 }
-.rcs-file-delete:hover {
+.hjkrycz:hover {
   color: var(--rc-alert-caution);
   background: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
 }
-.rcs-rename-input {
+.hjkryc10 {
   flex: 1;
   min-width: 0;
   padding: 1px 4px;
@@ -318,16 +321,16 @@
   color: var(--rc-text);
   outline: none;
 }
-.rcs-rename-input:focus {
+.hjkryc10:focus {
   border-color: color-mix(in srgb, var(--rc-text) 30%, transparent);
 }
-.rcs-modal-editor {
+.hjkryc11 {
   flex: 1;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.rcs-breadcrumb {
+.hjkryc12 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -336,7 +339,7 @@
   border-bottom: 1px solid color-mix(in srgb, var(--rc-border) 50%, transparent);
   flex-shrink: 0;
 }
-.rcs-breadcrumb-left {
+.hjkryc13 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -345,67 +348,68 @@
   color: var(--rc-text-secondary);
   overflow: hidden;
 }
-.rcs-breadcrumb-name {
+.hjkryc14 {
   color: var(--rc-text);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.rcs-breadcrumb-lang {
+.hjkryc15 {
   opacity: 0.5;
 }
-.rcs-editor-container {
+.hjkryc16 {
   flex: 1;
   min-height: 0;
   position: relative;
   overflow: auto;
   background-color: transparent !important;
 }
-.rcs-editor-container > .shikicode.output {
+.hjkryc16 pre code {
+  display: flex;
+  flex-direction: column;
+}
+.hjkryc16 > .shikicode.output {
   position: static !important;
   inset: auto !important;
 }
-.rcs-editor-container .shikicode {
+.hjkryc16 .shikicode {
   height: 100%;
   font-size: 0.8125rem;
   line-height: 1.7;
 }
-.rcs-editor-container .shiki, .rcs-editor-container code, .rcs-editor-container pre {
+.hjkryc16 .shiki, .hjkryc16 code, .hjkryc16 pre {
   background: transparent !important;
 }
-.rcs-editor-container pre {
+.hjkryc16 pre {
   margin: 0 !important;
   padding: 0 !important;
 }
-.rcs-editor-container .shikicode.output .line::before {
+.hjkryc16 .shikicode.output .line::before {
   background-color: transparent !important;
 }
-.rcs-editor-container .line {
+.hjkryc16 .line {
   display: block;
   padding: 0 1rem;
 }
-.rcs-editor-container .shikicode.input.line-numbers {
+.hjkryc16 .shikicode.input.line-numbers {
   padding-left: calc(5em + 1rem);
 }
-.rcs-editor-container .shikicode.input:not(.line-numbers) {
+.hjkryc16 .shikicode.input:not(.line-numbers) {
   padding-left: 1rem;
 }
-.rcs-editor-container .line > span:last-child {
+.hjkryc16 .line > span:last-child {
   margin-right: 1rem;
 }
-.rcs-editor-container .line::after {
+.hjkryc16 .line::after {
   content: ' ';
 }
-.rcs-file-item-dragging {
-  opacity: 0.4;
-}
-.rcs-drag-overlay {
+.hjkryc17 {
   background: var(--rc-bg-secondary);
   border-radius: 6px;
   box-shadow: 0 4px 16px rgba(0,0,0,0.15);
 }
 @media (min-width: 640px) {
-  .hjkryc0.hjkryc0 {
+  .hjkrych.hjkrych {
     max-width: 64rem;
   }
 }

package/dist/styles.css.d.ts

@@ -1,3 +1,101 @@
+export declare const semanticClassNames: {
+    readonly container: "rcs-container";
+    readonly header: "rcs-header";
+    readonly tabs: "rcs-tabs";
+    readonly tab: "rcs-tab";
+    readonly tabActive: "rcs-tab-active";
+    readonly titleBar: "rcs-title-bar";
+    readonly headerActions: "rcs-header-actions";
+    readonly copyButton: "rcs-copy-btn";
+    readonly separator: "rcs-separator";
+    readonly codePanel: "rcs-code-panel";
+    readonly codeScroll: "rcs-code-scroll";
+    readonly codeBody: "rcs-code-body";
+    readonly fileIcon: "rcs-file-icon";
+    readonly editContainer: "rcs-edit-container";
+    readonly editOverlay: "rcs-edit-overlay";
+    readonly editLabel: "rcs-edit-label";
+    readonly modal: "rcs-modal";
+    readonly modalTitlebar: "rcs-modal-titlebar";
+    readonly modalTitle: "rcs-modal-title";
+    readonly modalIconButton: "rcs-modal-icon-btn";
+    readonly modalBody: "rcs-modal-body";
+    readonly modalSidebar: "rcs-modal-sidebar";
+    readonly sidebarHeader: "rcs-sidebar-header";
+    readonly sidebarAddButton: "rcs-sidebar-add-btn";
+    readonly fileList: "rcs-file-list";
+    readonly fileItem: "rcs-file-item";
+    readonly fileItemActive: "rcs-file-item-active";
+    readonly fileItemDragging: "rcs-file-item-dragging";
+    readonly fileDragHandle: "rcs-file-drag-handle";
+    readonly fileName: "rcs-file-name";
+    readonly fileDelete: "rcs-file-delete";
+    readonly renameInput: "rcs-rename-input";
+    readonly modalEditor: "rcs-modal-editor";
+    readonly breadcrumb: "rcs-breadcrumb";
+    readonly breadcrumbLeft: "rcs-breadcrumb-left";
+    readonly breadcrumbName: "rcs-breadcrumb-name";
+    readonly breadcrumbLang: "rcs-breadcrumb-lang";
+    readonly editorContainer: "rcs-editor-container";
+    readonly dragOverlay: "rcs-drag-overlay";
+};
+export declare const container: string;
+export declare const header: string;
+export declare const tabs: string;
+export declare const tab: import('@vanilla-extract/recipes').RuntimeFn<{
+    active: {
+        true: {
+            color: `var(--${string})`;
+            background: `color-mix(in srgb, var(--${string}) 8%, transparent)`;
+        };
+        false: {};
+    };
+}>;
+export declare const titleBar: string;
+export declare const headerActions: string;
+export declare const copyButton: string;
+export declare const separator: string;
+export declare const codeScroll: string;
+export declare const codeBody: string;
+export declare const fileIcon: string;
+export declare const editContainer: string;
+export declare const editOverlay: string;
+export declare const editLabel: string;
 declare const _codeSnippetDialogPopup: string;
 export { _codeSnippetDialogPopup as codeSnippetDialogPopup };
+export declare const modal: string;
+export declare const modalTitlebar: string;
+export declare const modalTitle: string;
+export declare const modalIconButton: string;
+export declare const modalBody: string;
+export declare const modalSidebar: string;
+export declare const sidebarHeader: string;
+export declare const sidebarAddButton: string;
+export declare const fileList: string;
+export declare const fileItem: import('@vanilla-extract/recipes').RuntimeFn<{
+    active: {
+        true: {
+            background: `color-mix(in srgb, var(--${string}) 8%, transparent)`;
+            color: `var(--${string})`;
+        };
+        false: {};
+    };
+    dragging: {
+        true: {
+            opacity: number;
+        };
+        false: {};
+    };
+}>;
+export declare const fileDragHandle: string;
+export declare const fileName: string;
+export declare const fileDelete: string;
+export declare const renameInput: string;
+export declare const modalEditor: string;
+export declare const breadcrumb: string;
+export declare const breadcrumbLeft: string;
+export declare const breadcrumbName: string;
+export declare const breadcrumbLang: string;
+export declare const editorContainer: string;
+export declare const dragOverlay: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAwLA,QAAA,MAAM,uBAAuB,QAAY,CAAA;AAyBzC,OAAO,EAAE,uBAAuB,IAAI,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCrB,CAAA;AAEV,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,MAAM,QAMjB,CAAA;AAEF,eAAO,MAAM,IAAI,QAWf,CAAA;AA0BF,eAAO,MAAM,GAAG;;;;;;;;EAcd,CAAA;AAEF,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,aAAa,QAUxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAkBrB,CAAA;AAEF,eAAO,MAAM,SAAS,QAIpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAMnB,CAAA;AAWF,eAAO,MAAM,QAAQ,QAGnB,CAAA;AAOF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,WAAW,QAetB,CAAA;AAEF,eAAO,MAAM,SAAS,QAkBpB,CAAA;AAEF,QAAA,MAAM,uBAAuB,QAAY,CAAA;AAsBzC,OAAO,EAAE,uBAAuB,IAAI,sBAAsB,EAAE,CAAA;AAE5D,eAAO,MAAM,KAAK,QAMhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAQxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAIrB,CAAA;AAEF,eAAO,MAAM,eAAe,QAkB1B,CAAA;AAEF,eAAO,MAAM,SAAS,QAIpB,CAAA;AAEF,eAAO,MAAM,YAAY,QAOvB,CAAA;AAEF,eAAO,MAAM,aAAa,QAUxB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAkB3B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAInB,CAAA;AAsBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;EAqBnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAYzB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAKnB,CAAA;AAEF,eAAO,MAAM,UAAU,QAqBrB,CAAA;AAEF,eAAO,MAAM,WAAW,QAgBtB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA;AAEF,eAAO,MAAM,UAAU,QAQrB,CAAA;AAEF,eAAO,MAAM,cAAc,QAQzB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA;AAoDF,eAAO,MAAM,WAAW,QAItB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-code-snippet",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Multi-file code snippet extension",
   "license": "MIT",
   "type": "module",
@@ -23,29 +23,28 @@
     "@iconify/utils": "^2.3.0",
     "lucide-react": "^0.574.0",
     "shikicode": "*",
-    "@haklex/rich-renderer-codeblock": "0.0.2"
+    "@haklex/rich-editor": "0.0.4",
+    "@haklex/rich-editor-ui": "0.0.4",
+    "@haklex/rich-style-token": "0.0.4",
+    "@haklex/rich-renderer-codeblock": "0.0.4"
   },
   "devDependencies": {
     "@lexical/react": "^0.39.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vanilla-extract/css": "^1.17.1",
+    "@vanilla-extract/recipes": "^0.5.7",
     "@vanilla-extract/vite-plugin": "^4.0.20",
     "lexical": "^0.39.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "typescript": "^5.9.0",
     "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.0",
-    "@haklex/rich-editor-ui": "0.0.2",
-    "@haklex/rich-editor": "0.0.2",
-    "@haklex/rich-style-token": "0.0.2"
+    "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
     "lexical": "^0.39.0",
-    "react": ">=19",
-    "@haklex/rich-editor": "0.0.2",
-    "@haklex/rich-editor-ui": "0.0.2"
+    "react": ">=19"
   },
   "publishConfig": {
     "access": "public"