@payloadcms/ui 3.0.0-alpha.0

package/dist/elements/ListControls/index.scss

@@ -0,0 +1,98 @@
+@import '../../scss/styles';
+
+.list-controls {
+  &__wrap {
+    display: flex;
+    align-items: center;
+    background-color: var(--theme-elevation-50);
+  }
+
+  .search-filter {
+    flex-grow: 1;
+
+    input {
+      margin: 0;
+    }
+  }
+
+  &__buttons-wrap {
+    display: flex;
+    align-items: center;
+    gap: base(0.5);
+
+    [dir='ltr'] & {
+      margin-right: base(0.5);
+    }
+
+    [dir='rtl'] & {
+      margin-left: base(0.5);
+    }
+
+    .pill {
+      background-color: var(--theme-elevation-200);
+
+      &:hover {
+        background-color: var(--theme-elevation-150);
+      }
+    }
+  }
+
+  &__buttons-active {
+    svg {
+      transform: rotate(180deg);
+    }
+  }
+
+  .column-selector,
+  .where-builder,
+  .sort-complex {
+    margin-top: base(1);
+  }
+
+  @include small-break {
+    &__wrap {
+      flex-wrap: wrap;
+      background-color: unset;
+    }
+
+    .search-filter {
+      margin-bottom: base(0.5);
+      width: 100%;
+    }
+
+    &__buttons-wrap {
+      [dir='ltr'] & {
+        margin-right: 0;
+      }
+
+      [dir='rtl'] & {
+        margin-left: 0;
+      }
+
+      .pill {
+        padding: base(0.5) base(1);
+
+        svg {
+          margin-left: auto;
+        }
+      }
+    }
+
+    &__buttons {
+      margin: 0;
+      width: 100%;
+    }
+
+    .column-selector,
+    .where-builder,
+    .sort-complex {
+      margin-top: calc(var(--base) / 2);
+    }
+
+    &__toggle-columns,
+    &__toggle-where,
+    &__toggle-sort {
+      flex: 1;
+    }
+  }
+}

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

@@ -0,0 +1,18 @@
+import type { FieldAffectingData, SanitizedCollectionConfig, Where } from 'payload/types';
+import type { Column } from '../Table/types';
+export type Props = {
+    collectionConfig: SanitizedCollectionConfig;
+    enableColumns?: boolean;
+    enableSort?: boolean;
+    handleSearchChange?: (search: string) => void;
+    handleSortChange?: (sort: string) => void;
+    handleWhereChange?: (where: Where) => void;
+    modifySearchQuery?: boolean;
+    textFieldsToBeSearched?: FieldAffectingData[];
+    titleField: FieldAffectingData;
+};
+export type ListControls = {
+    columns?: Partial<Column>[];
+    where?: unknown;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEzF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,MAAM,KAAK,GAAG;IAClB,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,sBAAsB,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC7C,UAAU,EAAE,kBAAkB,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}

package/dist/elements/ListDrawer/DrawerContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListDrawerProps } from './types';
+export declare const ListDrawerContent: React.FC<ListDrawerProps>;
+//# sourceMappingURL=DrawerContent.d.ts.map

package/dist/elements/ListDrawer/DrawerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAG3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAoC9C,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6QvD,CAAA"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types';
+import './index.scss';
+export declare const baseClass = "list-drawer";
+export declare const formatListDrawerSlug: ({ depth, uuid, }: {
+    depth: number;
+    uuid: string;
+}) => string;
+export declare const ListDrawerToggler: React.FC<ListTogglerProps>;
+export declare const ListDrawer: React.FC<ListDrawerProps>;
+export declare const useListDrawer: UseListDrawer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM/E,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,gBAAgB,CAAA;AAEtC,eAAO,MAAM,oBAAoB;WAIxB,MAAM;UACP,MAAM;YACsB,CAAA;AAEpC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiBxD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,aA8E3B,CAAA"}

package/dist/elements/ListDrawer/index.scss

@@ -0,0 +1,110 @@
+@import '../../scss/styles.scss';
+
+.list-drawer {
+  &__header {
+    margin-top: base(2.5);
+    width: 100%;
+
+    @include mid-break {
+      margin-top: base(1.5);
+    }
+  }
+
+  &__header-wrap {
+    display: flex;
+    gap: base(1);
+  }
+
+  &__header-content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-grow: 1;
+    align-items: flex-start;
+
+    button .pill {
+      pointer-events: none;
+      margin: 0;
+      top: 4px;
+      margin-left: base(0.5);
+    }
+  }
+
+  &__header-text {
+    margin: 0;
+  }
+
+  &__header-close {
+    flex-shrink: 0;
+  }
+
+  &__toggler {
+    background: transparent;
+    border: 0;
+    padding: 0;
+    cursor: pointer;
+    color: inherit;
+
+    &:focus:not(:focus-visible),
+    &:focus-within:not(:focus-visible) {
+      outline: none;
+    }
+
+    &:disabled {
+      pointer-events: none;
+    }
+  }
+
+  &__header-close {
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    overflow: hidden;
+    width: base(1);
+    height: base(1);
+
+    svg {
+      width: base(2.75);
+      height: base(2.75);
+      position: relative;
+      left: base(-0.825);
+      top: base(-0.825);
+
+      .stroke {
+        stroke-width: 2px;
+        vector-effect: non-scaling-stroke;
+      }
+    }
+  }
+
+  &__select-collection-wrap {
+    margin-top: base(1);
+  }
+
+  &__first-cell {
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    cursor: pointer;
+    text-decoration: underline;
+    text-align: left;
+    white-space: nowrap;
+  }
+
+  @include mid-break {
+    .collection-list__header {
+      margin-bottom: base(0.5);
+    }
+
+    &__select-collection-wrap {
+      margin-top: calc(var(--base) / 2);
+    }
+
+    &__header-content {
+      button .pill {
+        top: 2px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,39 @@
+import type { SanitizedCollectionConfig } from 'payload/types';
+import type React from 'react';
+import type { HTMLAttributes } from 'react';
+import type { FilterOptionsResult } from '../../forms/fields/Relationship/types';
+export type ListDrawerProps = {
+    collectionSlugs: string[];
+    customHeader?: React.ReactNode;
+    drawerSlug?: string;
+    filterOptions?: FilterOptionsResult;
+    onSelect?: (args: {
+        collectionSlug: SanitizedCollectionConfig['slug'];
+        docID: string;
+    }) => void;
+    selectedCollection?: string;
+};
+export type ListTogglerProps = HTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    drawerSlug?: string;
+};
+export type UseListDrawer = (args: {
+    collectionSlugs?: string[];
+    filterOptions?: FilterOptionsResult;
+    selectedCollection?: string;
+    uploads?: boolean;
+}) => [
+    React.FC<Pick<ListDrawerProps, 'onSelect'>>,
+    React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled'>>,
+    {
+        closeDrawer: () => void;
+        drawerDepth: number;
+        drawerSlug: string;
+        isDrawerOpen: boolean;
+        openDrawer: () => void;
+        toggleDrawer: () => void;
+    }
+];
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAEhF,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/F,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,KAAK;IACJ,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IACvE;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2BzC,CAAA"}

package/dist/elements/ListSelection/index.scss

@@ -0,0 +1,18 @@
+@import '../../scss/styles.scss';
+
+.list-selection {
+  margin-left: auto;
+  color: var(--theme-elevation-500);
+
+  &__button {
+    color: var(--theme-elevation-500);
+    background: unset;
+    border: none;
+    text-decoration: underline;
+    cursor: pointer;
+  }
+
+  @include small-break {
+    margin-bottom: base(0.5);
+  }
+}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types';
+import './index.scss';
+type Props = {
+    animationDuration?: string;
+    loadingText?: string;
+    overlayType?: string;
+    show?: boolean;
+};
+export declare const LoadingOverlay: React.FC<Props>;
+type UseLoadingOverlayToggleT = {
+    loadingText?: string;
+    name: string;
+    show: boolean;
+    type?: LoadingOverlayTypes;
+};
+export declare const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleT>;
+type FormLoadingOverlayToggleT = {
+    action: 'create' | 'loading' | 'update';
+    formIsLoading?: boolean;
+    loadingSuffix?: string;
+    name: string;
+    type?: LoadingOverlayTypes;
+};
+export declare const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleT>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAK9E,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgC1C,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0BnE,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0BxE,CAAA"}

package/dist/elements/Loading/index.scss

@@ -0,0 +1,136 @@
+@import '../../scss/styles';
+
+.loading-overlay {
+  isolation: isolate;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  position: fixed;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  pointer-events: none;
+  z-index: calc(var(--z-status) + 1);
+  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%;
+    background-color: var(--theme-elevation-0);
+    opacity: 0.85;
+    z-index: -1;
+  }
+
+  &__bars {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+    gap: 7px;
+    align-items: center;
+  }
+
+  &__bar {
+    width: 2px;
+    background-color: currentColor;
+    height: 15px;
+
+    &: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/elements/LoadingOverlay/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { LoadingOverlayContext } from './types';
+declare const Context: React.Context<{
+    isOnScreen: boolean;
+    toggleLoadingOverlay: any;
+}>;
+export declare const LoadingOverlayProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare const useLoadingOverlay: () => LoadingOverlayContext;
+export default Context;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAS1E,QAAA,MAAM,OAAO;;;EAGX,CAAA;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAwD3E,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAOpC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/elements/LoadingOverlay/reducer.d.ts

@@ -0,0 +1,9 @@
+import type { Action, State } from './types';
+export declare const defaultLoadingOverlayState: {
+    isLoading: boolean;
+    loaders: any[];
+    loadingText: string;
+    overlayType: any;
+};
+export declare const reducer: (state: State, action: Action) => State;
+//# sourceMappingURL=reducer.d.ts.map

package/dist/elements/LoadingOverlay/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,0BAA0B;;;;;CAKtC,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,KAAK,UAAU,MAAM,KAAG,KAmBtD,CAAA"}

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

@@ -0,0 +1,41 @@
+export type LoadingOverlayTypes = 'fullscreen' | 'withoutNav';
+type ToggleLoadingOverlayOptions = {
+    isLoading?: boolean;
+    key: string;
+    loadingText?: string;
+    type?: LoadingOverlayTypes;
+};
+export type ToggleLoadingOverlay = (options: ToggleLoadingOverlayOptions) => void;
+type Add = {
+    payload: {
+        key: string;
+        loadingText?: string;
+        type: LoadingOverlayTypes;
+    };
+    type: 'add';
+};
+type Remove = {
+    payload: {
+        key: string;
+        loadingText?: never;
+        type: LoadingOverlayTypes;
+    };
+    type: 'remove';
+};
+export type Action = Add | Remove;
+export type State = {
+    isLoading: boolean;
+    loaders: {
+        key: string;
+        loadingText: string;
+        type: LoadingOverlayTypes;
+    }[];
+    loadingText: string;
+    overlayType: LoadingOverlayTypes | null;
+};
+export type LoadingOverlayContext = {
+    isOnScreen: boolean;
+    toggleLoadingOverlay: ToggleLoadingOverlay;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,CAAA;AAE7D,KAAK,2BAA2B,GAAG;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AACD,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,2BAA2B,KAAK,IAAI,CAAA;AAEjF,KAAK,GAAG,GAAG;IACT,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,IAAI,EAAE,mBAAmB,CAAA;KAC1B,CAAA;IACD,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AACD,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,WAAW,CAAC,EAAE,KAAK,CAAA;QACnB,IAAI,EAAE,mBAAmB,CAAA;KAC1B,CAAA;IACD,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AACD,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,CAAA;AACjC,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,mBAAmB,CAAA;KAC1B,EAAE,CAAA;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,OAAO,CAAA;IACnB,oBAAoB,EAAE,oBAAoB,CAAA;CAC3C,CAAA"}

package/dist/elements/Localizer/LocalizerLabel/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export declare const LocalizerLabel: React.FC<{
+    ariaLabel?: string;
+    className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Localizer/LocalizerLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAqBA,CAAA"}

package/dist/elements/Localizer/LocalizerLabel/index.scss

@@ -0,0 +1,45 @@
+@import '../../../scss/styles.scss';
+
+.localizer-button {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  display: flex;
+
+  &__label {
+    color: var(--theme-elevation-500);
+  }
+
+  &__chevron {
+    .stroke {
+      stroke: currentColor;
+    }
+  }
+
+  button {
+    color: currentColor;
+    padding: 0;
+    font-size: 1rem;
+    line-height: base(1);
+    background: transparent;
+    border: 0;
+    font-weight: 600;
+    cursor: pointer;
+
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+
+    &:active,
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @include small-break {
+    &__label {
+      display: none;
+    }
+  }
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+declare const Localizer: React.FC<{
+    className?: string;
+}>;
+export default Localizer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAmEA,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/elements/Localizer/index.scss

@@ -0,0 +1,8 @@
+@import '../../scss/styles.scss';
+
+.localizer {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Logout: React.FC<{
+    tabIndex?: number;
+}>;
+export default Logout;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoCzB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAoBA,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/elements/Nav/NavHamburger/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const NavHamburger: React.FC<{
+    baseClass?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map