@focus-reactive/payload-plugin-translator 0.1.1 → 0.1.2

package/dist/client/app/cache/CacheProvider.export.js

@@ -1,6 +1,6 @@
 import { clientComponentPath } from '../../shared/utils/componentPath';
 export class CacheProviderExport {
-    path = clientComponentPath('app/cache/CacheProvider.tsx');
+    path = clientComponentPath('app/cache/CacheProvider');
     serverProps;
     constructor(basePath){
         this.serverProps = {

package/dist/client/entities/translation/ui/CompletedTranslationStatus/styles.module.scss

@@ -0,0 +1,3 @@
+.indicator {
+  font-size: 1.3rem;
+}

package/dist/client/entities/translation/ui/FailedTranslationStatus/styles.module.scss

@@ -0,0 +1,3 @@
+.indicator {
+  font-size: 1.3rem;
+}

package/dist/client/entities/translation/ui/TranslationDirection/styles.module.scss

@@ -0,0 +1,16 @@
+.container {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 1rem;
+  font-weight: 500;
+}
+
+.locale {
+  color: var(--theme-text, #333);
+}
+
+.arrow {
+  display: flex;
+  align-items: center;
+}

package/dist/client/features/collection-translation-form/ui/styles.module.scss

@@ -0,0 +1,31 @@
+.fieldset {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  border-width: 0;
+  margin: 0;
+  padding: 0;
+}
+
+.row {
+  display: flex;
+  align-items: flex-end;
+  gap: 0.75rem;
+}
+
+.locale-group {
+  display: flex;
+  gap: 1rem;
+}
+
+.select-locale-field {
+  min-width: 70px;
+}
+
+.strategy-field {
+  min-width: 150px;
+}
+
+.submit-button {
+  width: 100%;
+}

package/dist/client/features/collection-translation-popup/ui/styles.module.scss

@@ -0,0 +1,18 @@
+.popup-content {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1.5rem 1rem;
+  max-width: 350px;
+}
+
+.popup-trigger-button {
+  font-size: 1.3rem;
+  display: flex;
+  gap: 0.25rem;
+}
+
+.arrow {
+  font-size: 1rem;
+  font-weight: bold;
+}

package/dist/client/features/collection-translation-progress/ui/styles.module.scss

@@ -0,0 +1,8 @@
+.container {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.status-indicator {
+  flex-grow: 1;
+}

package/dist/client/features/open-document-translation-popup/ui/styles.module.scss

@@ -0,0 +1,11 @@
+.popup-content {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1.5rem 1rem;
+  min-width: 270px;
+}
+
+.popup-trigger-button {
+  font-size: 1.3rem;
+}

package/dist/client/features/translate-document-form/ui/styles.module.scss

@@ -0,0 +1,18 @@
+.fieldset {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  border-width: 0;
+  margin: 0;
+  padding: 0;
+}
+
+.row {
+  display: flex;
+  gap: 1rem;
+}
+
+.submit-button {
+  margin: 0;
+  width: 100%;
+}

package/dist/client/shared/ui/Alert/styles.module.scss

@@ -0,0 +1,31 @@
+.alert {
+  padding: 12px 16px;
+  border-radius: 6px;
+  border: 1px solid;
+  font-size: 14px;
+  line-height: 1.5;
+  margin: 8px 0;
+
+  &--transparent {
+    background-color: transparent;
+    color: var(--theme-text);
+  }
+
+  &--info {
+    background-color: var(--color-blue-50);
+    border-color: var(--color-blue-400);
+    color: var(--color-blue-700);
+  }
+
+  &--warning {
+    background-color: var(--color-warning-50);
+    border-color: var(--color-warning-400);
+    color: var(--color-warning-700);
+  }
+
+  &--error {
+    background-color: var(--color-error-50);
+    border-color: var(--color-error-400);
+    color: var(--color-error-700);
+  }
+}

package/dist/client/shared/ui/Button/styles.module.scss

@@ -0,0 +1,103 @@
+.button {
+  border-radius: var(--style-radius-m);
+  appearance: none;
+  cursor: pointer;
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  transition: background 0.1sease-in-out, opacity 0.2sease-in-out, border-color 0.2sease-in-out;
+  background: none;
+  padding-block: 0.25rem;
+  padding-inline: var(--padding-inline);
+  height: var(--height);
+  border: none;
+  width: var(--button-width);
+}
+
+.icon-button {
+  width: var(--width);
+  padding-inline: 0;
+}
+
+.start-content {
+  display: flex;
+  margin-right: calc(var(--base) / 2);
+}
+
+.outlined {
+  border: 1px solid var(--theme-elevation-200);
+
+  &:hover:not(:disabled),
+  &:focus {
+    border-color: var(--theme-elevation-100);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    background-color: var(--theme-elevation-200);
+    color: var(--theme-elevation-800);
+  }
+}
+
+.filled {
+  color: var(--theme-elevation-0);
+  background-color: var(--theme-elevation-800);
+
+  &:focus,
+  &:hover:not(:disabled) {
+    background-color: var(--theme-elevation-600);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    background-color: var(--theme-elevation-200);
+    color: var(--theme-elevation-800);
+  }
+}
+
+.unstyled {
+  background: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  appearance: none;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  &:hover:not(:disabled),
+  &:focus {
+    background-color: transparent
+  }
+}
+
+.transparent {
+  background-color: transparent;
+
+  &:hover:not(:disabled),
+  &:focus {
+    background-color: var(--theme-elevation-50);
+  }
+}
+
+.light {
+  background-color: var(--theme-elevation-100);
+
+  &:hover:not(:disabled),
+  &:focus {
+    background-color: var(--theme-elevation-150);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    background-color: var(--theme-elevation-50);
+    color: var(--theme-elevation-400);
+  }
+}

package/dist/client/shared/ui/Checkbox/styles.module.scss

@@ -0,0 +1,17 @@
+.checkbox {
+  width: 1rem;
+  height: 1rem;
+  margin: 0;
+  cursor: pointer;
+  accent-color: var(--theme-elevation-800);
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  &--error {
+    outline: 2px solid var(--theme-error-500);
+    outline-offset: 2px;
+  }
+}

package/dist/client/shared/ui/ColorIndicator/styles.module.scss

@@ -0,0 +1,37 @@
+.indicator {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.blue-indicator {
+  background-color: #3b82f6;
+}
+
+.green-indicator {
+  background-color: #10b981;
+}
+
+.red-indicator {
+  background-color: var(--theme-error-600);
+}
+
+.gray-indicator {
+  background-color: var(--color-base-250);
+}
+
+.animated {
+  animation: pulse 2s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.5;
+  }
+}

package/dist/client/shared/ui/Description/styles.module.scss

@@ -0,0 +1,14 @@
+.description {
+  font-size: 0.875rem;
+  margin-top: 0.25rem;
+  line-height: 1.4;
+}
+
+.default {
+  color: var(--theme-elevation-600);
+}
+
+.error {
+  color: var(--theme-error-600);
+  font-weight: 500;
+}

package/dist/client/shared/ui/Divider/styles.module.scss

@@ -0,0 +1,56 @@
+.divider {
+  flex-shrink: 0;
+  border: none;
+  margin: 0;
+
+  &.horizontal {
+    width: 100%;
+  }
+
+  &.vertical {
+    height: 100%;
+    align-self: stretch;
+  }
+
+  &.sm {
+    &.horizontal {
+      height: 1px;
+    }
+
+    &.vertical {
+      width: 1px;
+    }
+  }
+
+  &.md {
+    &.horizontal {
+      height: 2px;
+    }
+
+    &.vertical {
+      width: 2px;
+    }
+  }
+
+  &.lg {
+    &.horizontal {
+      height: 3px;
+    }
+
+    &.vertical {
+      width: 3px;
+    }
+  }
+
+  &.light {
+    background-color: var(--theme-elevation-150);
+  }
+
+  &.medium {
+    background-color: var(--theme-elevation-200);
+  }
+
+  &.dark {
+    background-color: var(--theme-elevation-300);
+  }
+}

package/dist/client/shared/ui/Label/styles.module.scss

@@ -0,0 +1,12 @@
+.label {
+  display: flex;
+  flex-direction: column;
+  color: var(--theme-elevation-800);
+  font-family: var(--font-body);
+  font-size: var(--base-body-size);
+  width: 100%;
+
+  &__text {
+    padding-bottom: 5px;
+  }
+}

package/dist/client/shared/ui/Loading/styles.module.scss

@@ -0,0 +1,141 @@
+.loading-overlay {
+  isolation: isolate;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  flex-direction: column;
+  pointer-events: none;
+  transition-property: left, width;
+  transition: 250ms ease;
+
+  &.loading-overlay--entering {
+    opacity: 1;
+    animation: fade-in ease;
+    pointer-events: all;
+  }
+
+  &.loading-overlay--exiting {
+    opacity: 0;
+    animation: fade-out ease;
+  }
+
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0.85;
+    z-index: -1;
+  }
+
+  &__bars {
+    display: grid;
+    gap: 7px;
+    align-items: center;
+
+    &_small {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    &_medium {
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+    }
+  }
+
+  &__bar {
+    background-color: currentColor;
+
+    &_size-small {
+      height: 10px;
+      width: 2px;
+    }
+
+    &_size-medium {
+      height: 15px;
+      width: 2px;
+    }
+
+    &:nth-child(1) {
+      transform: translateY(0);
+      animation: animate-bar--odd 1.25s infinite;
+    }
+
+    &:nth-child(2) {
+      transform: translateY(-2px);
+      animation: animate-bar--even 1.25s infinite;
+    }
+
+    &:nth-child(3) {
+      transform: translateY(0);
+      animation: animate-bar--odd 1.25s infinite;
+    }
+
+    &:nth-child(4) {
+      transform: translateY(-2px);
+      animation: animate-bar--even 1.25s infinite;
+    }
+
+    &:nth-child(5) {
+      transform: translateY(0);
+      animation: animate-bar--odd 1.25s infinite;
+    }
+  }
+
+  &__text {
+    margin-top: base(0.75);
+    text-transform: uppercase;
+    font-family: var(--font-body);
+    font-size: base(0.65);
+    letter-spacing: 3px;
+  }
+}
+
+@keyframes animate-bar--even {
+  0% {
+    transform: translateY(2px);
+  }
+
+  50% {
+    transform: translateY(-2px);
+  }
+
+  100% {
+    transform: translateY(2px);
+  }
+}
+
+@keyframes animate-bar--odd {
+  0% {
+    transform: translateY(-2px);
+  }
+
+  50% {
+    transform: translateY(2px);
+  }
+
+  100% {
+    transform: translateY(-2px);
+  }
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}

package/dist/client/shared/ui/Popup/styles.module.scss

@@ -0,0 +1,7 @@
+.popover {
+  box-shadow: 0 2px 16px -2px #0003;
+  background: var(--theme-input-bg);
+  color: var(--theme-text);
+  border-radius: var(--style-radius-m);
+  padding: 0.5rem;
+}

package/dist/client/shared/ui/ProgressBar/styles.module.scss

@@ -0,0 +1,64 @@
+.container {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+
+.track {
+  background-color: var(--color-base-300);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  position: relative;
+
+  &.small {
+    height: 4px;
+  }
+
+  &.medium {
+    height: 8px;
+  }
+
+  &.large {
+    height: 12px;
+  }
+}
+
+.fill {
+  height: 100%;
+  transition: width 0.3s ease-in-out;
+  border-radius: var(--border-radius);
+
+  &.blue-fill {
+    background-color: var(--color-blue-500);
+  }
+
+  &.green-fill {
+    background-color: var(--color-success-500);
+  }
+
+  &.red-fill {
+    background-color: var(--color-error-500);
+  }
+
+  &.gray-fill {
+    background-color: var(--color-base-400);
+  }
+}
+
+.label {
+  font-family: var(--font-mono);
+  color: var(--color-base-600);
+  white-space: nowrap;
+
+  &.small-label {
+    font-size: var(--font-size-sm);
+  }
+
+  &.medium-label {
+    font-size: var(--font-size-sm);
+  }
+
+  &.large-label {
+    font-size: var(--font-size-base);
+  }
+}

package/dist/client/shared/ui/Select/styles.module.scss

@@ -0,0 +1,55 @@
+.select {
+  width: 100%;
+  height: var(--height, 40px);
+  padding-top: calc((var(--height, 40px) - var(--font-size, 1rem) * 1.2) / 2);
+  padding-bottom: calc((var(--height, 40px) - var(--font-size, 1rem) * 1.2) / 2);
+  padding-left: var(--padding-inline, 0.75rem);
+  padding-right: calc(var(--padding-inline, 0.75rem) + 24px);
+  /* extra space for arrow */
+  border: 1px solid var(--theme-elevation-150);
+  border-radius: var(--style-radius-s);
+  background: var(--theme-input-bg);
+  color: var(--theme-elevation-800);
+  font-size: var(--font-size, 1rem);
+  flex-shrink: 0;
+
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20' %3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right var(--padding-inline, 0.75rem) center;
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+
+  &:focus {
+    outline: 2px solid var(--theme-success-200);
+    outline-offset: -1px;
+    border-color: var(--theme-success-500);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+/* Size-specific styles if needed */
+.size-sm {
+  background-size: 12px 12px;
+}
+
+.size-md {
+  background-size: 14px 14px;
+}
+
+.size-lg {
+  background-size: 16px 16px;
+}
+
+.selectError {
+  border-color: var(--theme-error-600);
+  background: var(--theme-error-100);
+
+  &:focus {
+    outline: 2px solid var(--theme-error-200);
+    outline-offset: -1px;
+  }
+}

package/dist/client/shared/ui/StatusCounter/styles.module.scss

@@ -0,0 +1,46 @@
+.container {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+
+  &.small {
+    .count {
+      font-size: var(--font-size-sm);
+    }
+
+    .label {
+      font-size: var(--font-size-xs);
+    }
+  }
+
+  &.medium {
+    .count {
+      font-size: var(--font-size-base);
+    }
+
+    .label {
+      font-size: var(--font-size-sm);
+    }
+  }
+}
+
+.indicator {
+  flex-shrink: 0;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+.count {
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-base-800);
+  line-height: 1.2;
+}
+
+.label {
+  color: var(--color-base-600);
+  line-height: 1.2;
+}

package/dist/client/shared/ui/StatusIndicator/styles.module.scss

@@ -0,0 +1,12 @@
+.status-indicator {
+  border: 1px solid var(--theme-elevation-100);
+  border-radius: var(--style-radius-s);
+  position: relative;
+  height: 32px;
+  padding: 0.5rem 1rem;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  box-sizing: border-box;
+  gap: 0.5rem;
+}

package/dist/client/shared/ui/Tooltip/styles.module.scss

@@ -0,0 +1,84 @@
+.content {
+  background: var(--theme-elevation-50);
+  color: var(--theme-elevation-900);
+  padding: 0.5rem 0.75rem;
+  border-radius: var(--style-radius-s);
+  border: 1px solid var(--theme-elevation-150);
+  font-size: 0.8125rem;
+  line-height: 1.4;
+  max-width: 280px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  z-index: 9999;
+  white-space: pre-line;
+
+  animation-duration: 150ms;
+  animation-timing-function: ease-out;
+
+  &[data-state='delayed-open'][data-side='top'] {
+    animation-name: slideDownAndFade;
+  }
+
+  &[data-state='delayed-open'][data-side='bottom'] {
+    animation-name: slideUpAndFade;
+  }
+
+  &[data-state='delayed-open'][data-side='left'] {
+    animation-name: slideRightAndFade;
+  }
+
+  &[data-state='delayed-open'][data-side='right'] {
+    animation-name: slideLeftAndFade;
+  }
+}
+
+.arrow {
+  fill: var(--theme-elevation-50);
+}
+
+@keyframes slideUpAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideDownAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideLeftAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(4px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes slideRightAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(-4px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}

package/dist/client/shared/ui/form/FormCheckbox/styles.module.scss

@@ -0,0 +1,23 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+
+  &:has(input:disabled) {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+}
+
+.label__text {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: var(--theme-elevation-800);
+}

package/dist/client/shared/ui/form/FormCheckboxPublish/styles.module.scss

@@ -0,0 +1,16 @@
+.label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+
+.label__icon {
+  display: inline-flex;
+  align-items: center;
+  color: var(--theme-elevation-500);
+  cursor: help;
+
+  &:hover {
+    color: var(--theme-elevation-800);
+  }
+}

package/dist/client/shared/ui/form/FormSelectStrategy/styles.module.scss

@@ -0,0 +1,16 @@
+.label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+
+.label__icon {
+  display: inline-flex;
+  align-items: center;
+  color: var(--theme-elevation-500);
+  cursor: help;
+
+  &:hover {
+    color: var(--theme-elevation-800);
+  }
+}

package/dist/client/shared/utils/componentPath.d.ts

@@ -1,6 +1,6 @@
 /**
  * Creates a full path to a client component for Payload's import map.
- * @param relativePath - Path relative to the client folder (e.g., 'widgets/translate-document/ui/TranslateDocument.server.tsx')
+ * @param relativePath - Path relative to the client folder (e.g., 'widgets/translate-document/ui/TranslateDocument.server')
  */
 export declare function clientComponentPath(relativePath: string): string;
 //# sourceMappingURL=componentPath.d.ts.map

package/dist/client/shared/utils/componentPath.js

@@ -1,7 +1,7 @@
 const PACKAGE_NAME = '@focus-reactive/payload-plugin-translator';
 /**
  * Creates a full path to a client component for Payload's import map.
- * @param relativePath - Path relative to the client folder (e.g., 'widgets/translate-document/ui/TranslateDocument.server.tsx')
+ * @param relativePath - Path relative to the client folder (e.g., 'widgets/translate-document/ui/TranslateDocument.server')
  */ export function clientComponentPath(relativePath) {
     return `${PACKAGE_NAME}/client/${relativePath}`;
 }

package/dist/client/widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.export.js

@@ -9,7 +9,7 @@ export class BulkDocumentTranslationDashboard {
             access
         };
     }
-    path = clientComponentPath('widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.server.tsx');
+    path = clientComponentPath('widgets/bulk-translation-dashboard/ui/BulkTranslationDashboard.server');
 }
 
 //# sourceMappingURL=BulkTranslationDashboard.export.js.map

package/dist/client/widgets/translate-document/ui/TranslateDocument.export.js

@@ -12,7 +12,7 @@ export class TranslateDocumentExport {
             access
         };
     }
-    path = clientComponentPath('widgets/translate-document/ui/TranslateDocument.server.tsx');
+    path = clientComponentPath('widgets/translate-document/ui/TranslateDocument.server');
 }
 
 //# sourceMappingURL=TranslateDocument.export.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@focus-reactive/payload-plugin-translator",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Translation plugin for Payload CMS 3.x. Automatically translate your localized content using any translation provider.",
   "type": "module",
   "license": "MIT",
@@ -26,12 +26,12 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "import": "./src/index.ts",
+      "types": "./src/index.ts"
     },
     "./client/*": {
-      "import": "./dist/client/*",
-      "types": "./dist/client/*"
+      "import": "./src/client/*",
+      "types": "./src/client/*"
     }
   },
   "files": [
@@ -42,7 +42,29 @@
     "LICENSE"
   ],
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "exports": {
+      ".": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      },
+      "./client/*": {
+        "import": "./dist/client/*",
+        "types": "./dist/client/*"
+      }
+    }
+  },
+  "scripts": {
+    "prepublishOnly": "pnpm build",
+    "build": "pnpm build:types && pnpm build:swc && pnpm build:styles",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --outDir dist",
+    "build:swc": "swc ./src -d ./dist --strip-leading-paths --ignore '**/*.test.ts' --ignore '**/__tests__/**' --ignore '**/__mocks__/**'",
+    "build:styles": "copyfiles -u 1 \"src/**/*.scss\" dist",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
     "@payloadcms/richtext-lexical": "^3.76.0",
@@ -71,6 +93,7 @@
     "@swc/core": "^1.10.0",
     "@types/react": "^19.0.0",
     "@vitest/coverage-v8": "^3.2.4",
+    "copyfiles": "^2.4.1",
     "eslint": "^9",
     "eslint-plugin-react-hooks": "6.0.0-rc.2",
     "next": "^15.0.0",
@@ -79,15 +102,5 @@
     "typescript": "^5.7.0",
     "typescript-eslint": "^8.56.0",
     "vitest": "^3.0.0"
-  },
-  "scripts": {
-    "build": "pnpm build:types && pnpm build:swc",
-    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --outDir dist",
-    "build:swc": "swc ./src -d ./dist --strip-leading-paths --ignore '**/*.test.ts' --ignore '**/__tests__/**' --ignore '**/__mocks__/**'",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "typecheck": "tsc --noEmit"
   }
-}
+}