@payloadcms/ui 3.0.0-alpha.0

package/dist/forms/fields/Relationship/AddNew/index.scss

@@ -0,0 +1,25 @@
+@import '../../../../scss/styles.scss';
+
+.relationship-add-new {
+  display: flex;
+  align-items: stretch;
+
+  .popup__trigger-wrap {
+    display: flex;
+    align-items: stretch;
+    height: 100%;
+  }
+
+  &__add-button,
+  &__add-button.doc-drawer__toggler {
+    @include formInput;
+    position: relative;
+    height: 100%;
+    margin-left: -1px;
+    display: flex;
+    padding: 0 base(0.5);
+    align-items: center;
+    display: flex;
+    cursor: pointer;
+  }
+}

package/dist/forms/fields/Relationship/AddNew/types.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { Action, OptionGroup, Value } from '../types';
+export type Props = {
+    dispatchOptions: React.Dispatch<Action>;
+    hasMany: boolean;
+    options: OptionGroup[];
+    path: string;
+    relationTo: string | string[];
+    setValue: (value: unknown) => void;
+    value: Value | Value[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Relationship/AddNew/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Relationship/AddNew/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,KAAK,GAAG;IAClB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACvB,CAAA"}

package/dist/forms/fields/Relationship/AddNew/useRelatedCollections.d.ts

@@ -0,0 +1,3 @@
+import type { ClientConfig } from 'payload/types';
+export declare const useRelatedCollections: (relationTo: string | string[]) => ClientConfig['collections'];
+//# sourceMappingURL=useRelatedCollections.d.ts.map

package/dist/forms/fields/Relationship/AddNew/useRelatedCollections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelatedCollections.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Relationship/AddNew/useRelatedCollections.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAA6B,MAAM,eAAe,CAAA;AAM5E,eAAO,MAAM,qBAAqB,eACpB,MAAM,GAAG,MAAM,EAAE,KAC5B,YAAY,CAAC,aAAa,CAc5B,CAAA"}

package/dist/forms/fields/Relationship/createRelationMap.d.ts

@@ -0,0 +1,12 @@
+import type { Value } from './types';
+type RelationMap = {
+    [relation: string]: (number | string)[];
+};
+type CreateRelationMap = (args: {
+    hasMany: boolean;
+    relationTo: string | string[];
+    value: Value | Value[] | null;
+}) => RelationMap;
+export declare const createRelationMap: CreateRelationMap;
+export {};
+//# sourceMappingURL=createRelationMap.d.ts.map

package/dist/forms/fields/Relationship/createRelationMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRelationMap.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Relationship/createRelationMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,WAAW,GAAG;IACjB,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACxC,CAAA;AAED,KAAK,iBAAiB,GAAG,CAAC,IAAI,EAAE;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,IAAI,CAAA;CAC9B,KAAK,WAAW,CAAA;AAEjB,eAAO,MAAM,iBAAiB,EAAE,iBAiD/B,CAAA"}

package/dist/forms/fields/Relationship/findOptionsByValue.d.ts

@@ -0,0 +1,9 @@
+import type { Option } from '../../../elements/ReactSelect/types';
+import type { OptionGroup, Value } from './types';
+type Args = {
+    options: OptionGroup[];
+    value: Value | Value[];
+};
+export declare const findOptionsByValue: ({ options, value }: Args) => Option | Option[];
+export {};
+//# sourceMappingURL=findOptionsByValue.d.ts.map

package/dist/forms/fields/Relationship/findOptionsByValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findOptionsByValue.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Relationship/findOptionsByValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,IAAI,GAAG;IACV,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAwB,IAAI,KAAG,MAAM,GAAG,MAAM,EAuC5E,CAAA"}

package/dist/forms/fields/Relationship/index.d.ts

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

package/dist/forms/fields/Relationship/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Relationship/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAA2C,KAAK,EAAS,MAAM,SAAS,CAAA;AAgBpF,OAAO,cAAc,CAAA;;AAqgBrB,wBAA0C"}

package/dist/forms/fields/Relationship/index.scss

@@ -0,0 +1,57 @@
+@import '../../../scss/styles.scss';
+
+.field-type.relationship {
+  position: relative;
+}
+
+.relationship {
+  &__wrap {
+    display: flex;
+    width: 100%;
+
+    div.react-select {
+      width: 100%;
+      min-width: 0;
+    }
+  }
+
+  &__error-loading {
+    border: 1px solid var(--theme-error-500);
+    min-height: base(2);
+    padding: base(0.5) base(0.75);
+    background-color: var(--theme-error-500);
+    color: var(--theme-elevation-0);
+  }
+}
+
+html[data-theme='light'] {
+  .relationship {
+    &.error {
+      > .relationship__wrap {
+        .rs__control {
+          @include lightInputError;
+        }
+      }
+
+      button {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .relationship {
+    &.error {
+      > .relationship__wrap {
+        .rs__control {
+          @include darkInputError;
+        }
+      }
+
+      button {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/forms/fields/Relationship/optionsReducer.d.ts

@@ -0,0 +1,4 @@
+import type { Action, OptionGroup } from './types';
+declare const optionsReducer: (state: OptionGroup[], action: Action) => OptionGroup[];
+export default optionsReducer;
+//# sourceMappingURL=optionsReducer.d.ts.map

package/dist/forms/fields/Relationship/optionsReducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,SAAS,CAAA;AAyB1D,QAAA,MAAM,cAAc,UAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EA+FzE,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/forms/fields/Relationship/select-components/MultiValueLabel/index.d.ts

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

package/dist/forms/fields/Relationship/select-components/MultiValueLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAG5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAOzC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CA6D7D,CAAA"}

package/dist/forms/fields/Relationship/select-components/MultiValueLabel/index.scss

@@ -0,0 +1,38 @@
+@import '../../../../../scss/styles.scss';
+
+.relationship--multi-value-label {
+  display: flex;
+
+  &__content {
+    @extend %small;
+    padding: 0 base(0.125) 0 base(0.25);
+    max-width: 150px;
+    color: currentColor;
+    display: flex;
+    align-items: center;
+  }
+
+  &__text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  &__drawer-toggler {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: base(0.25);
+    pointer-events: all;
+
+    .icon {
+      width: base(0.75);
+      height: base(0.75);
+    }
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+}

package/dist/forms/fields/Relationship/select-components/SingleValue/index.d.ts

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

package/dist/forms/fields/Relationship/select-components/SingleValue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/fields/Relationship/select-components/SingleValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAG5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAOzC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAoD1D,CAAA"}

package/dist/forms/fields/Relationship/select-components/SingleValue/index.scss

@@ -0,0 +1,48 @@
+@import '../../../../../scss/styles.scss';
+
+.relationship--single-value {
+  &.rs__single-value {
+    overflow: visible;
+    min-width: 0;
+  }
+
+  &__label-text {
+    max-width: unset;
+    display: flex;
+    align-items: center;
+    overflow: visible;
+    width: 100%;
+    flex-shrink: 1;
+  }
+
+  &__text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &__drawer-toggler {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: base(0.25);
+    pointer-events: all;
+
+    .icon {
+      width: base(0.75);
+      height: base(0.75);
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+
+  &__label {
+    flex-grow: 1;
+  }
+}

package/dist/forms/fields/Relationship/types.d.ts

@@ -0,0 +1,55 @@
+import type { I18n } from '@payloadcms/translations';
+import type { SanitizedCollectionConfig } from 'payload/types';
+import type { SanitizedConfig } from 'payload/types';
+import type { Where } from 'payload/types';
+import type { FormFieldBase } from '../shared';
+export type Props = FormFieldBase & {
+    name: string;
+};
+export type Option = {
+    label: string;
+    options?: Option[];
+    relationTo?: string;
+    value: number | string;
+};
+export type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export type ValueWithRelation = {
+    relationTo: string;
+    value: number | string;
+};
+export type Value = ValueWithRelation | number | string;
+type CLEAR = {
+    type: 'CLEAR';
+};
+type UPDATE = {
+    collection: SanitizedCollectionConfig;
+    config: SanitizedConfig;
+    doc: any;
+    i18n: I18n;
+    type: 'UPDATE';
+};
+type ADD = {
+    collection: SanitizedCollectionConfig;
+    config: SanitizedConfig;
+    docs: any[];
+    i18n: I18n;
+    ids?: (number | string)[];
+    sort?: boolean;
+    type: 'ADD';
+};
+export type Action = ADD | CLEAR | UPDATE;
+export type GetResults = (args: {
+    lastFullyLoadedRelation?: number;
+    onSuccess?: () => void;
+    search?: string;
+    sort?: boolean;
+    value?: Value | Value[];
+}) => Promise<void>;
+export type FilterOptionsResult = {
+    [relation: string]: Where | boolean;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Relationship/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Relationship/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,UAAU,EAAE,yBAAyB,CAAA;IACrC,MAAM,EAAE,eAAe,CAAA;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,yBAAyB,CAAA;IACrC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,IAAI,CAAA;IACV,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEnB,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;CACpC,CAAA"}

package/dist/forms/fields/RichText/index.d.ts

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

package/dist/forms/fields/RichText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/RichText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE7B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/forms/fields/RichText/types.d.ts

@@ -0,0 +1,3 @@
+import type { FormFieldBase } from '../shared';
+export type Props = FormFieldBase;
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/RichText/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/RichText/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG,aAAa,CAAA"}

package/dist/forms/fields/Row/index.d.ts

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

package/dist/forms/fields/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Row/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;;AAyBrB,wBAAiC"}

package/dist/forms/fields/Row/index.scss

@@ -0,0 +1,34 @@
+@import '../../../scss/styles.scss';
+
+.field-type.row {
+  .row__fields {
+    display: flex;
+    flex-wrap: wrap;
+    width: calc(100% + var(--base));
+    margin-left: calc(var(--base) * -0.5);
+    margin-right: calc(var(--base) * -0.5);
+
+    > * {
+      flex-grow: 1;
+      padding-left: calc(var(--base) * 0.5);
+      padding-right: calc(var(--base) * 0.5);
+    }
+  }
+
+  @include mid-break {
+    .row__fields {
+      display: block;
+      margin-left: 0;
+      margin-right: 0;
+      width: 100%;
+
+      > * {
+        margin-left: 0;
+        margin-right: 0;
+        width: 100% !important;
+        padding-left: 0;
+        padding-right: 0;
+      }
+    }
+  }
+}

package/dist/forms/fields/Row/provider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const Context: React.Context<boolean>;
+export declare const RowProvider: React.FC<{
+    children?: React.ReactNode;
+    withinRow?: boolean;
+}>;
+export declare const useRow: () => boolean;
+export default Context;
+//# sourceMappingURL=provider.d.ts.map

package/dist/forms/fields/Row/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Row/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,QAAA,MAAM,OAAO,wBAAuB,CAAA;AAEpC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAKrF,CAAA;AAED,eAAO,MAAM,MAAM,QAAO,OAA8B,CAAA;AAExD,eAAe,OAAO,CAAA"}

package/dist/forms/fields/Row/types.d.ts

@@ -0,0 +1,11 @@
+import type { FieldPermissions } from 'payload/auth';
+import type { FieldTypes } from 'payload/config';
+import type { FormFieldBase } from '../shared';
+export type Props = FormFieldBase & {
+    fieldTypes: FieldTypes;
+    forceRender?: boolean;
+    indexPath: string;
+    path?: string;
+    permissions: FieldPermissions;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Row/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Row/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;CAC9B,CAAA"}

package/dist/forms/fields/Select/index.d.ts

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

package/dist/forms/fields/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Select/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAQpC,OAAO,cAAc,CAAA;AAcrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8HlC,CAAA;;AAED,wBAAoC"}

package/dist/forms/fields/Select/index.scss

@@ -0,0 +1,25 @@
+@import '../../../scss/styles.scss';
+
+.field-type.select {
+  position: relative;
+}
+
+html[data-theme='light'] {
+  .field-type.select {
+    &.error {
+      .rs__control {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .field-type.select {
+    &.error {
+      .rs__control {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/forms/fields/Select/types.d.ts

@@ -0,0 +1,8 @@
+import type { FormFieldBase } from '../shared';
+export type Props = FormFieldBase & {
+    name?: string;
+    onChange?: (e: string) => void;
+    path?: string;
+    value?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/forms/fields/Tabs/Tab/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MappedTab } from '../../../../utilities/buildComponentMap/types';
+import './index.scss';
+type TabProps = {
+    isActive?: boolean;
+    parentPath: string;
+    setIsActive: () => void;
+    tab: MappedTab;
+};
+export declare const TabComponent: React.FC<TabProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Tabs/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Tabs/Tab/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAA;AAK9E,OAAO,cAAc,CAAA;AAIrB,KAAK,QAAQ,GAAG;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,GAAG,EAAE,SAAS,CAAA;CACf,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA6B3C,CAAA"}

package/dist/forms/fields/Tabs/Tab/index.scss

@@ -0,0 +1,78 @@
+@import '../../../../scss/styles.scss';
+
+.tabs-field__tab-button {
+  @extend %btn-reset;
+  @extend %h4;
+  display: flex;
+  padding-bottom: base(1);
+  margin: 0 $baseline 0 0;
+  cursor: pointer;
+  opacity: 0.5;
+  position: relative;
+  white-space: nowrap;
+  flex-shrink: 0;
+  gap: base(0.5);
+
+  &:last-child {
+    margin: 0;
+  }
+
+  &:after {
+    content: ' ';
+    position: absolute;
+    right: 0;
+    bottom: -1px;
+    left: 0;
+    height: 1px;
+    background: var(--theme-elevation-800);
+    opacity: 0;
+  }
+
+  &:hover {
+    opacity: 0.75;
+
+    &:after {
+      opacity: 0.2;
+    }
+  }
+
+  &--active {
+    opacity: 1 !important;
+
+    &:after {
+      opacity: 1 !important;
+      height: 2px;
+    }
+  }
+
+  &__description {
+    margin-bottom: calc(var(--base) / 2);
+  }
+
+  @include small-break {
+    margin: 0 base(0.75) 0 0;
+    padding-bottom: base(0.5);
+
+    &:last-child {
+      margin: 0;
+    }
+  }
+}
+
+html[data-theme='light'] {
+  .tabs-field__tab-button--has-error {
+    color: var(--theme-error-750);
+    &:after {
+      background: var(--theme-error-500);
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .tabs-field__tab-button--has-error {
+    color: var(--theme-error-500);
+    &:after {
+      background: var(--theme-error-500);
+    }
+  }
+}

package/dist/forms/fields/Tabs/index.d.ts

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

package/dist/forms/fields/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Tabs/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAWpC,OAAO,cAAc,CAAA;;AAmJrB,wBAAuC"}

package/dist/forms/fields/Tabs/index.scss

@@ -0,0 +1,61 @@
+@import '../../../scss/styles.scss';
+
+.tabs-field {
+  margin-top: base(2);
+  margin-left: calc(var(--gutter-h) * -1);
+  margin-right: calc(var(--gutter-h) * -1);
+
+  &__content-wrap {
+    padding-left: var(--gutter-h);
+    padding-right: var(--gutter-h);
+  }
+
+  &--within-collapsible {
+    margin: 0 calc(#{$baseline} * -1);
+
+    .tabs-field__content-wrap {
+      padding-left: $baseline;
+      padding-right: $baseline;
+    }
+
+    .tabs-field__tabs {
+      &:before,
+      &:after {
+        content: ' ';
+        display: block;
+        width: $baseline;
+      }
+    }
+  }
+
+  &__tabs-wrap {
+    overflow: auto;
+    margin-bottom: $baseline;
+  }
+
+  &__tabs {
+    border-bottom: 1px solid var(--theme-elevation-100);
+    display: inline-flex;
+    min-width: 100%;
+    vertical-align: bottom;
+
+    &:before,
+    &:after {
+      content: ' ';
+      display: block;
+      width: var(--gutter-h);
+      flex-shrink: 0;
+    }
+  }
+
+  &__description {
+    margin-bottom: calc(var(--base) / 2);
+  }
+
+  @include small-break {
+    &--within-collapsible {
+      margin-left: calc(var(--gutter-h) * -1);
+      margin-right: calc(var(--gutter-h) * -1);
+    }
+  }
+}