@payloadcms/ui 3.0.0-alpha.0

package/dist/elements/SearchFilter/index.scss

@@ -0,0 +1,36 @@
+@import '../../scss/styles';
+[dir='rtl'] .search-filter {
+  svg {
+    right: base(0.5);
+    left: 0;
+  }
+  &__input {
+    padding-right: base(2);
+    padding-left: 0;
+  }
+}
+.search-filter {
+  position: relative;
+
+  svg {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: base(0.5);
+  }
+
+  &__input {
+    @include formInput;
+    box-shadow: none;
+    padding-left: base(2);
+    background-color: var(--theme-elevation-50);
+    border: none;
+
+    &:not(:disabled) {
+      &:hover,
+      &:focus {
+        box-shadow: none;
+      }
+    }
+  }
+}

package/dist/elements/SearchFilter/types.d.ts

@@ -0,0 +1,9 @@
+import type { FieldAffectingData } from 'payload/types';
+export type Props = {
+    fieldLabel?: string;
+    fieldName?: string;
+    handleChange?: (search: string) => void;
+    listSearchableFields?: FieldAffectingData[];
+    modifySearchQuery?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/SearchFilter/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchFilter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,oBAAoB,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}

package/dist/elements/SelectAll/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const SelectAll: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/SelectAll/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SelectAll/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAqB7B,CAAA"}

package/dist/elements/SelectAll/index.scss

@@ -0,0 +1,5 @@
+.select-all {
+  &__checkbox {
+    display: block;
+  }
+}

package/dist/elements/SelectRow/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const SelectRow: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/SelectRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SelectRow/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAW7B,CAAA"}

package/dist/elements/SelectRow/index.scss

@@ -0,0 +1,5 @@
+.select-row {
+  &__checkbox {
+    display: block;
+  }
+}

package/dist/elements/ShimmerEffect/index.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import './index.scss';
+type ShimmerEffectT = {
+    animationDelay?: string;
+    height?: number | string;
+    width?: number | string;
+};
+export declare const ShimmerEffect: React.FC<ShimmerEffectT>;
+type StaggeredShimmersT = {
+    className?: string;
+    count: number;
+    height?: number | string;
+    renderDelay?: number;
+    shimmerDelay?: number | string;
+    shimmerItemClassName?: string;
+    width?: number | string;
+};
+export declare const StaggeredShimmers: React.FC<StaggeredShimmersT>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ShimmerEffect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ShimmerEffect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,cAAc,CAAA;AAErB,KAAK,cAAc,GAAG;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqBlD,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2B1D,CAAA"}

package/dist/elements/ShimmerEffect/index.scss

@@ -0,0 +1,29 @@
+.shimmer-effect {
+  position: relative;
+  overflow: hidden;
+  background-color: var(--theme-elevation-50);
+
+  &__shine {
+    position: absolute;
+    scale: 1.5;
+    width: 100%;
+    height: 100%;
+    transform: translateX(-100%);
+    animation: shimmer 1.75s infinite;
+    opacity: 0.75;
+    background: linear-gradient(
+      100deg,
+      var(--theme-elevation-50) 0%,
+      var(--theme-elevation-50) 15%,
+      var(--theme-elevation-150) 50%,
+      var(--theme-elevation-50) 85%,
+      var(--theme-elevation-50) 100%
+    );
+  }
+}
+
+@keyframes shimmer {
+  100% {
+    transform: translate3d(100%, 0, 0);
+  }
+}

package/dist/elements/SortColumn/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+export declare const SortColumn: React.FC<Props>;
+export default SortColumn;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/SortColumn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortColumn/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+DtC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/elements/SortColumn/index.scss

@@ -0,0 +1,57 @@
+@import '../../scss/styles.scss';
+
+.sort-column {
+  display: flex;
+  gap: calc(var(--base) / 4);
+  align-items: center;
+
+  &__label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__label,
+  .btn {
+    vertical-align: middle;
+    display: inline-block;
+  }
+
+  &__label {
+    cursor: default;
+  }
+
+  &__buttons {
+    display: flex;
+    align-items: center;
+  }
+
+  &__button {
+    margin: 0;
+    opacity: 0.3;
+    padding: calc(var(--base) / 4);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    outline: none;
+    cursor: pointer;
+
+    &.sort-column--active {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    &:hover {
+      opacity: 0.7;
+    }
+  }
+
+  &:hover {
+    .btn {
+      opacity: 0.4;
+      visibility: visible;
+    }
+  }
+}

package/dist/elements/SortColumn/types.d.ts

@@ -0,0 +1,6 @@
+export type Props = {
+    disable?: boolean;
+    label: Record<string, string> | string;
+    name: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/SortColumn/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/SortColumn/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/elements/SortComplex/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const SortComplex: React.FC<Props>;
+export default SortComplex;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/SortComplex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyEhC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/elements/SortComplex/index.scss

@@ -0,0 +1,36 @@
+@import '../../scss/styles.scss';
+
+.sort-complex {
+  background: var(--theme-elevation-100);
+  padding: base(0.5);
+  display: flex;
+
+  &__wrap {
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  &__select {
+    width: 50%;
+    margin-bottom: base(0.5);
+    padding: 0 base(0.5);
+    flex-grow: 1;
+  }
+
+  &__label {
+    color: var(--theme-elevation-400);
+    margin: base(0.5) 0;
+  }
+
+  @include mid-break {
+    &__wrap {
+      display: block;
+    }
+
+    &__select {
+      margin: 0 0 base(0.5);
+      width: 100%;
+    }
+  }
+}

package/dist/elements/SortComplex/types.d.ts

@@ -0,0 +1,8 @@
+import type { SanitizedCollectionConfig } from 'payload/types';
+export type Props = {
+    collection: SanitizedCollectionConfig;
+    handleChange?: (sort: string) => void;
+    modifySearchQuery?: boolean;
+    sort?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/SortComplex/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/elements/Status/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+declare const Status: React.FC;
+export default Status;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAiMnB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/elements/Status/index.scss

@@ -0,0 +1,39 @@
+@import '../../scss/styles.scss';
+
+.status {
+  &__label {
+    color: var(--theme-elevation-500);
+  }
+
+  &__value {
+    font-weight: 600;
+  }
+
+  &__value-wrap {
+    white-space: nowrap;
+  }
+
+  &__action {
+    text-decoration: underline;
+  }
+
+  &__modal {
+    @include blur-bg;
+    display: flex;
+    align-items: center;
+    height: 100%;
+
+    &__toggle {
+      @extend %btn-reset;
+    }
+
+    .btn {
+      margin-right: $baseline;
+    }
+  }
+
+  &__modal-template {
+    position: relative;
+    z-index: 1;
+  }
+}

package/dist/elements/StayLoggedIn/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const StayLoggedInModal: React.FC<Props>;
+export default StayLoggedInModal;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/StayLoggedIn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StayLoggedIn/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAMrB,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwCtC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/elements/StayLoggedIn/index.scss

@@ -0,0 +1,36 @@
+@import '../../../scss/styles.scss';
+
+.stay-logged-in {
+  @include blur-bg;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+
+  &__wrapper {
+    z-index: 1;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+
+    > * {
+      margin: 0;
+    }
+  }
+
+  &__controls {
+    display: flex;
+    gap: var(--base);
+
+    .btn {
+      margin: 0;
+    }
+  }
+}

package/dist/elements/StayLoggedIn/types.d.ts

@@ -0,0 +1,4 @@
+export type Props = {
+    refreshCookie: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/StayLoggedIn/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StayLoggedIn/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA"}

package/dist/elements/StepNav/SetStepNav.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { StepNavItem } from './types';
+export declare const SetStepNav: React.FC<{
+    nav: StepNavItem[];
+}>;
+//# sourceMappingURL=SetStepNav.d.ts.map

package/dist/elements/StepNav/SetStepNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,GAAG,EAAE,WAAW,EAAE,CAAA;CACnB,CAQA,CAAA"}

package/dist/elements/StepNav/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { Context as ContextType } from './types';
+import './index.scss';
+declare const StepNavProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+declare const useStepNav: () => ContextType;
+declare const StepNav: React.FC<{
+    Link?: React.ComponentType;
+    className?: string;
+}>;
+export { StepNavProvider, useStepNav };
+export default StepNav;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/StepNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,cAAc,CAAA;AAMrB,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAa7D,CAAA;AAED,QAAA,MAAM,UAAU,QAAO,WAAkC,CAAA;AAEzD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CA4DA,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA;AAEtC,eAAe,OAAO,CAAA"}

package/dist/elements/StepNav/index.scss

@@ -0,0 +1,70 @@
+@import '../../scss/styles.scss';
+
+.step-nav {
+  display: flex;
+  gap: calc(var(--base) / 2);
+
+  &::after {
+    content: ' ';
+    position: sticky;
+    top: 0;
+    right: 0;
+    width: var(--base);
+    background: linear-gradient(to right, transparent, var(--theme-bg));
+  }
+
+  // Use a pseudo element for the accessability so that it doesn't take up DOM space
+  // Also because the parent element has `overflow: hidden` which would clip an outline
+  &__home {
+    position: relative;
+
+    &:focus-visible {
+      outline: none;
+
+      &::after {
+        content: '';
+        border: var(--accessibility-outline);
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        pointer-events: none;
+      }
+    }
+  }
+
+  * {
+    display: block;
+  }
+
+  a {
+    border: 0;
+    display: flex;
+    align-items: center;
+    font-weight: 600;
+    text-decoration: none;
+
+    label {
+      cursor: pointer;
+    }
+
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+  }
+
+  span {
+    display: flex;
+    align-items: center;
+    max-width: base(8);
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  @include small-break {
+    gap: calc(var(--base) / 4);
+  }
+}

package/dist/elements/StepNav/types.d.ts

@@ -0,0 +1,9 @@
+export type StepNavItem = {
+    label: Record<string, string> | string;
+    url?: string;
+};
+export type Context = {
+    setStepNav: (items: StepNavItem[]) => void;
+    stepNav: StepNavItem[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/StepNav/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}

package/dist/elements/Table/TableCellProvider/index.d.ts

@@ -0,0 +1,21 @@
+import type { CellComponentProps, CellProps } from 'payload/types';
+import React from 'react';
+export type ITableCellContext = {
+    cellData: any;
+    cellProps?: Partial<CellProps>;
+    columnIndex?: number;
+    customCellContext: CellComponentProps['customCellContext'];
+    richTextComponentMap?: CellComponentProps['richTextComponentMap'];
+    rowData: any;
+};
+export declare const TableCellProvider: React.FC<{
+    cellData?: any;
+    cellProps?: Partial<CellProps>;
+    children: React.ReactNode;
+    columnIndex?: number;
+    customCellContext?: CellComponentProps['customCellContext'];
+    richTextComponentMap?: CellComponentProps['richTextComponentMap'];
+    rowData?: any;
+}>;
+export declare const useTableCell: () => ITableCellContext;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/TableCellProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/TableCellProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAElE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,GAAG,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAC1D,oBAAoB,CAAC,EAAE,kBAAkB,CAAC,sBAAsB,CAAC,CAAA;IACjE,OAAO,EAAE,GAAG,CAAA;CACb,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAC3D,oBAAoB,CAAC,EAAE,kBAAkB,CAAC,sBAAsB,CAAC,CAAA;IACjE,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CA4BA,CAAA;AAED,eAAO,MAAM,YAAY,yBAGxB,CAAA"}

package/dist/elements/Table/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+export declare const Table: React.FC<Props>;
+export default Table;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDjC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/elements/Table/index.scss

@@ -0,0 +1,45 @@
+@import '../../scss/styles.scss';
+
+.table {
+  margin-bottom: $baseline;
+  overflow: auto;
+  max-width: 100%;
+
+  thead {
+    color: var(--theme-elevation-400);
+
+    th {
+      font-weight: normal;
+      text-align: left;
+      [dir='rtl'] & {
+        text-align: right;
+      }
+    }
+  }
+
+  th,
+  td {
+    padding: base(0.75);
+    min-width: 150px;
+  }
+
+  tbody {
+    tr {
+      &:nth-child(odd) {
+        background: var(--theme-elevation-50);
+      }
+    }
+  }
+
+  a:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+  }
+
+  @include mid-break {
+    th,
+    td {
+      max-width: 70vw;
+    }
+  }
+}

package/dist/elements/Table/types.d.ts

@@ -0,0 +1,19 @@
+import type { CellProps, FieldBase } from 'payload/types';
+import type React from 'react';
+export type Column = {
+    accessor: string;
+    active: boolean;
+    cellProps?: Partial<CellProps>;
+    components: {
+        Cell: React.ReactNode;
+        Heading: React.ReactNode;
+    };
+    label: FieldBase['label'];
+    name: FieldBase['name'];
+};
+export type Props = {
+    columns?: Column[];
+    customCellContext?: Record<string, unknown>;
+    data: unknown[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/Table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KACzB,CAAA;IACD,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IACzB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,IAAI,EAAE,OAAO,EAAE,CAAA;CAChB,CAAA"}

package/dist/elements/TableColumns/buildColumns.d.ts

@@ -0,0 +1,13 @@
+import type { CellProps, SanitizedCollectionConfig } from 'payload/types';
+import type { ColumnPreferences } from '../../providers/ListInfo/types';
+import type { FieldMap } from '../../utilities/buildComponentMap/types';
+import type { Column } from '../Table/types';
+export declare const buildColumns: (args: {
+    cellProps: Partial<CellProps>[];
+    columnPreferences: ColumnPreferences;
+    defaultColumns?: string[];
+    enableRowSelections: boolean;
+    fieldMap: FieldMap;
+    useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle'];
+}) => Column[];
+//# sourceMappingURL=buildColumns.d.ts.map

package/dist/elements/TableColumns/buildColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildColumns.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/buildColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAEzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AACvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAK5C,eAAO,MAAM,YAAY,SAAU;IACjC,SAAS,EAAE,QAAQ,SAAS,CAAC,EAAE,CAAA;IAC/B,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CAC7D,KAAG,MAAM,EAoFT,CAAA"}

package/dist/elements/TableColumns/columnReducer.d.ts

@@ -0,0 +1,24 @@
+import type { Column } from '../Table/types';
+type TOGGLE = {
+    payload: {
+        column: string;
+    };
+    type: 'toggle';
+};
+type SET = {
+    payload: {
+        columns: Column[];
+    };
+    type: 'set';
+};
+type MOVE = {
+    payload: {
+        fromIndex: number;
+        toIndex: number;
+    };
+    type: 'move';
+};
+export type Action = MOVE | SET | TOGGLE;
+export declare const columnReducer: (state: Column[], action: Action) => Column[];
+export {};
+//# sourceMappingURL=columnReducer.d.ts.map