@finam/web-ui-kit-components 3.24.1

package/dist/FeatureCallout/FeatureCalloutText/index.d.ts

@@ -0,0 +1,4 @@
+import FeatureCalloutText, { Props } from './FeatureCalloutText.js';
+export type { Props as FeatureCalloutTextProps };
+export default FeatureCalloutText;
+//# sourceMappingURL=index.d.ts.map

package/dist/FeatureCallout/FeatureCalloutText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutText/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,EAAE,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEpE,YAAY,EAAE,KAAK,IAAI,uBAAuB,EAAE,CAAC;AACjD,eAAe,kBAAkB,CAAC"}

package/dist/FeatureCallout/FeatureCalloutText/index.js

@@ -0,0 +1,3 @@
+import FeatureCalloutText from './FeatureCalloutText.js';
+export default FeatureCalloutText;
+//# sourceMappingURL=index.js.map

package/dist/FeatureCallout/FeatureCalloutText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutText/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAA6B,MAAM,yBAAyB,CAAC;AAGpE,eAAe,kBAAkB,CAAC"}

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    text?: string;
+    className?: string;
+}
+declare const _default: import("react").NamedExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=FeatureCalloutTitle.d.ts.map

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCalloutTitle.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;AAaD,wBAAyC"}

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'clsx';
+import { forwardRef, memo } from 'react';
+import Typography from '../../Typography/index.js';
+import { root } from './FeatureCalloutTitle.styles.js';
+const FeatureCalloutTitle = forwardRef(({ text, className, }, ref) => (text != null ? (_jsx(Typography, { className: classNames(root, className), variant: "body16", weight: "semiBold", ref: ref, children: text })) : null));
+export default memo(FeatureCalloutTitle);
+//# sourceMappingURL=FeatureCalloutTitle.js.map

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCalloutTitle.js","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAOvD,MAAM,mBAAmB,GAAG,UAAU,CAAwB,CAAC,EAC7D,IAAI,EACJ,SAAS,GACH,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACb,KAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,GAAG,EAAE,GAAG,YAC5F,IAAI,GACM,CACd,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.css

@@ -0,0 +1 @@
+.ui_components_re86ku3{padding-right:calc(24px + var(--ui-spacing-xs));margin-bottom:var(--ui-spacing-xs);}

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const root: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=FeatureCalloutTitle.styles.d.ts.map

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCalloutTitle.styles.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAGhB,CAAC"}

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js

@@ -0,0 +1,3 @@
+export const root = "ui_components_re86ku3";
+
+import "./FeatureCalloutTitle.styles.css";

package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCalloutTitle.styles.js","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;+BACQ,MAAM,CAAC,OAAO,CAAC,EAAE;mBAC7B,MAAM,CAAC,OAAO,CAAC,EAAE;CACnC,CAAC"}

package/dist/FeatureCallout/FeatureCalloutTitle/index.d.ts

@@ -0,0 +1,4 @@
+import FeatureCalloutTitle, { Props } from './FeatureCalloutTitle.js';
+export type { Props as FeatureCalloutTitleProps };
+export default FeatureCalloutTitle;
+//# sourceMappingURL=index.d.ts.map

package/dist/FeatureCallout/FeatureCalloutTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtE,YAAY,EAAE,KAAK,IAAI,wBAAwB,EAAE,CAAC;AAClD,eAAe,mBAAmB,CAAC"}

package/dist/FeatureCallout/FeatureCalloutTitle/index.js

@@ -0,0 +1,3 @@
+import FeatureCalloutTitle from './FeatureCalloutTitle.js';
+export default FeatureCalloutTitle;
+//# sourceMappingURL=index.js.map

package/dist/FeatureCallout/FeatureCalloutTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAA8B,MAAM,0BAA0B,CAAC;AAGtE,eAAe,mBAAmB,CAAC"}

package/dist/FeatureCallout/constants.d.ts

@@ -0,0 +1,21 @@
+export declare const POPOVER_WIDTH = 296;
+export declare const POPOVER_OFFSET_HORIZONTAL = 8;
+export declare const POPOVER_OFFSET_VERTICAL = 8;
+export declare const POINTER_WIDTH = 16;
+export declare const POINTER_HEIGHT = 8;
+export declare const POINTER_OFFSET = 20;
+export declare enum FeatureCalloutPosition {
+    TopLeft = "topLeft",
+    TopRight = "topRight",
+    TopCenter = "topCenter",
+    LeftTop = "leftTop",
+    LeftBottom = "leftBottom",
+    LeftCenter = "leftCenter",
+    RightTop = "rightTop",
+    RightBottom = "rightBottom",
+    RightCenter = "rightCenter",
+    BottomLeft = "bottomLeft",
+    BottomRight = "bottomRight",
+    BottomCenter = "bottomCenter"
+}
+//# sourceMappingURL=constants.d.ts.map

package/dist/FeatureCallout/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/FeatureCallout/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,oBAAY,sBAAsB;IAChC,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,SAAS,cAAc;IAEvB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,UAAU,eAAe;IAEzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAE3B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;CAC9B"}

package/dist/FeatureCallout/constants.js

@@ -0,0 +1,22 @@
+export const POPOVER_WIDTH = 296;
+export const POPOVER_OFFSET_HORIZONTAL = 8;
+export const POPOVER_OFFSET_VERTICAL = 8;
+export const POINTER_WIDTH = 16;
+export const POINTER_HEIGHT = 8;
+export const POINTER_OFFSET = 20;
+export var FeatureCalloutPosition;
+(function (FeatureCalloutPosition) {
+    FeatureCalloutPosition["TopLeft"] = "topLeft";
+    FeatureCalloutPosition["TopRight"] = "topRight";
+    FeatureCalloutPosition["TopCenter"] = "topCenter";
+    FeatureCalloutPosition["LeftTop"] = "leftTop";
+    FeatureCalloutPosition["LeftBottom"] = "leftBottom";
+    FeatureCalloutPosition["LeftCenter"] = "leftCenter";
+    FeatureCalloutPosition["RightTop"] = "rightTop";
+    FeatureCalloutPosition["RightBottom"] = "rightBottom";
+    FeatureCalloutPosition["RightCenter"] = "rightCenter";
+    FeatureCalloutPosition["BottomLeft"] = "bottomLeft";
+    FeatureCalloutPosition["BottomRight"] = "bottomRight";
+    FeatureCalloutPosition["BottomCenter"] = "bottomCenter";
+})(FeatureCalloutPosition || (FeatureCalloutPosition = {}));
+//# sourceMappingURL=constants.js.map

package/dist/FeatureCallout/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/FeatureCallout/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AACjC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,MAAM,CAAN,IAAY,sBAgBX;AAhBD,WAAY,sBAAsB;IAChC,6CAAmB,CAAA;IACnB,+CAAqB,CAAA;IACrB,iDAAuB,CAAA;IAEvB,6CAAmB,CAAA;IACnB,mDAAyB,CAAA;IACzB,mDAAyB,CAAA;IAEzB,+CAAqB,CAAA;IACrB,qDAA2B,CAAA;IAC3B,qDAA2B,CAAA;IAE3B,mDAAyB,CAAA;IACzB,qDAA2B,CAAA;IAC3B,uDAA6B,CAAA;AAC/B,CAAC,EAhBW,sBAAsB,KAAtB,sBAAsB,QAgBjC"}

package/dist/FeatureCallout/index.d.ts

@@ -0,0 +1,9 @@
+import FeatureCallout, { Props as FeatureCalloutProps } from './FeatureCallout.js';
+import FeatureCalloutActions, { FeatureCalloutActionsProps } from './FeatureCalloutActions/index.js';
+import FeatureCalloutTitle, { FeatureCalloutTitleProps } from './FeatureCalloutTitle/index.js';
+import FeatureCalloutText, { FeatureCalloutTextProps } from './FeatureCalloutText/index.js';
+export type { FeatureCalloutProps, FeatureCalloutActionsProps, FeatureCalloutTitleProps, FeatureCalloutTextProps, };
+export default FeatureCallout;
+export { FeatureCalloutPosition } from './constants.js';
+export { FeatureCalloutActions, FeatureCalloutTitle, FeatureCalloutText };
+//# sourceMappingURL=index.d.ts.map

package/dist/FeatureCallout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FeatureCallout/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,EAAE,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,qBAAqB,EAAE,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AACrG,OAAO,mBAAmB,EAAE,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,kBAAkB,EAAE,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE5F,YAAY,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;AACF,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/FeatureCallout/index.js

@@ -0,0 +1,8 @@
+import FeatureCallout from './FeatureCallout.js';
+import FeatureCalloutActions from './FeatureCalloutActions/index.js';
+import FeatureCalloutTitle from './FeatureCalloutTitle/index.js';
+import FeatureCalloutText from './FeatureCalloutText/index.js';
+export default FeatureCallout;
+export { FeatureCalloutPosition } from './constants.js';
+export { FeatureCalloutActions, FeatureCalloutTitle, FeatureCalloutText };
+//# sourceMappingURL=index.js.map

package/dist/FeatureCallout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FeatureCallout/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAgD,MAAM,qBAAqB,CAAC;AACnF,OAAO,qBAAqD,MAAM,kCAAkC,CAAC;AACrG,OAAO,mBAAiD,MAAM,gCAAgC,CAAC;AAC/F,OAAO,kBAA+C,MAAM,+BAA+B,CAAC;AAQ5F,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/FeatureCallout/utils.d.ts

@@ -0,0 +1,5 @@
+import type { Origin } from '../Popover/index.js';
+import { FeatureCalloutPosition } from './constants.js';
+export declare const getTransformOrigin: (position: FeatureCalloutPosition) => Origin;
+export declare const getAnchorOrigin: (position: FeatureCalloutPosition) => Origin;
+//# sourceMappingURL=utils.d.ts.map

package/dist/FeatureCallout/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/FeatureCallout/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAkB,sBAAsB,EAAiB,MAAM,gBAAgB,CAAC;AAEvF,eAAO,MAAM,kBAAkB,GAAI,UAAU,sBAAsB,KAAG,MAoErE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,sBAAsB,KAAG,MAoElE,CAAC"}

package/dist/FeatureCallout/utils.js

@@ -0,0 +1,140 @@
+import { POINTER_HEIGHT, FeatureCalloutPosition, POINTER_WIDTH } from './constants.js';
+export const getTransformOrigin = (position) => {
+    switch (position) {
+        case FeatureCalloutPosition.TopLeft:
+            return {
+                horizontal: 'left',
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.TopCenter:
+            return {
+                horizontal: 'center',
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.TopRight:
+            return {
+                horizontal: 'right',
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.BottomLeft:
+            return {
+                horizontal: 'left',
+                vertical: -POINTER_HEIGHT,
+            };
+        case FeatureCalloutPosition.BottomRight:
+            return {
+                horizontal: 'right',
+                vertical: -POINTER_HEIGHT,
+            };
+        case FeatureCalloutPosition.BottomCenter:
+            return {
+                horizontal: 'center',
+                vertical: -POINTER_HEIGHT,
+            };
+        case FeatureCalloutPosition.LeftTop:
+            return {
+                horizontal: 'right',
+                vertical: 'top',
+            };
+        case FeatureCalloutPosition.LeftBottom:
+            return {
+                horizontal: 'right',
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.LeftCenter:
+            return {
+                horizontal: 'right',
+                vertical: 'center',
+            };
+        case FeatureCalloutPosition.RightTop:
+            return {
+                horizontal: -POINTER_HEIGHT,
+                vertical: 'top',
+            };
+        case FeatureCalloutPosition.RightBottom:
+            return {
+                horizontal: -POINTER_HEIGHT,
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.RightCenter:
+            return {
+                horizontal: -POINTER_HEIGHT,
+                vertical: 'center',
+            };
+        default:
+            return {
+                horizontal: 0,
+                vertical: 0,
+            };
+    }
+};
+export const getAnchorOrigin = (position) => {
+    switch (position) {
+        case FeatureCalloutPosition.TopLeft:
+            return {
+                horizontal: 'center',
+                vertical: -POINTER_WIDTH,
+            };
+        case FeatureCalloutPosition.TopRight:
+            return {
+                horizontal: 'center',
+                vertical: -POINTER_WIDTH,
+            };
+        case FeatureCalloutPosition.TopCenter:
+            return {
+                horizontal: 'center',
+                vertical: -POINTER_WIDTH,
+            };
+        case FeatureCalloutPosition.BottomLeft:
+            return {
+                horizontal: 'center',
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.BottomRight:
+            return {
+                horizontal: 'center',
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.BottomCenter:
+            return {
+                horizontal: 'center',
+                vertical: 'bottom',
+            };
+        case FeatureCalloutPosition.LeftTop:
+            return {
+                horizontal: 'left',
+                vertical: 'center',
+            };
+        case FeatureCalloutPosition.LeftBottom:
+            return {
+                horizontal: 'left',
+                vertical: 'center',
+            };
+        case FeatureCalloutPosition.LeftCenter:
+            return {
+                horizontal: 'left',
+                vertical: 'center',
+            };
+        case FeatureCalloutPosition.RightTop:
+            return {
+                horizontal: 'right',
+                vertical: 'center',
+            };
+        case FeatureCalloutPosition.RightBottom:
+            return {
+                horizontal: 'right',
+                vertical: 'center',
+            };
+        case FeatureCalloutPosition.RightCenter:
+            return {
+                horizontal: 'right',
+                vertical: 'center',
+            };
+        default:
+            return {
+                horizontal: 0,
+                vertical: 0,
+            };
+    }
+};
+//# sourceMappingURL=utils.js.map

package/dist/FeatureCallout/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/FeatureCallout/utils.ts"],"names":[],"mappings":"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"}

package/dist/FieldHint/FieldHint.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode, ReactElement } from 'react';
+import type { Placement, CSSTransitionProps, InputSize } from '../types.js';
+import type { TypographyProps } from '../Typography/index.js';
+import { TooltipVariant } from '../Tooltip/index.js';
+import type { PopperProps } from '../Popper/index.js';
+export interface Props extends Omit<TypographyProps, 'variant'> {
+    /** Вариант отображения подсказки */
+    variant?: Variant;
+    /** Размер поля ввода */
+    size?: InputSize;
+    /** Выключено ли поле */
+    disabled?: boolean;
+    /** Флаг доступности родительского компонента только для чтения */
+    readOnly?: boolean;
+    /** Применение стиля, указывающее на наличие ошибки в поле ввода */
+    error?: boolean;
+    /** Отображение иконки, если есть ошибка */
+    errorIcon?: boolean;
+    /** Скрывать блок подсказки, если `message` отсутствует */
+    hideEmpty?: boolean;
+    /** Расположение всплывающего окна подсказки */
+    tooltipPlacement?: Placement;
+    /** Вариант всплывающего окна подсказки */
+    tooltipVariant?: TooltipVariant;
+    /** Максимальная ширина всплывающего окна подсказки */
+    tooltipMaxWidth?: number;
+    /** Текст сообщения подсказки */
+    message?: ReactNode;
+    /** Текст сообщения счётчика введенных символов */
+    symbolCountText?: string;
+    /** Поле ввода которое оборачивается подсказкой */
+    children: ReactElement<any>;
+    /** Свойства передаваемые в компонент `CSSTransition` */
+    TransitionProps?: Partial<CSSTransitionProps<HTMLElement>>;
+    /** Дополнительные свойства всплывающего окна подсказки */
+    PopperProps?: Partial<PopperProps>;
+}
+export type Variant = 'static' | 'tooltip';
+declare const _default: import("react").NamedExoticComponent<Props & import("react").RefAttributes<HTMLParagraphElement>>;
+export default _default;
+//# sourceMappingURL=FieldHint.d.ts.map

package/dist/FieldHint/FieldHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.d.ts","sourceRoot":"","sources":["../../src/FieldHint/FieldHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA4B,MAAM,OAAO,CAAC;AAG1E,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC7D,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gCAAgC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC5B,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC;AAED,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;;AAkG3C,wBAA+B"}

package/dist/FieldHint/FieldHint.js

@@ -0,0 +1,29 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useRef, memo } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import classNames from 'clsx';
+import { useForkRef } from '../utils/withForwardedRef.js';
+import Tooltip from '../Tooltip/index.js';
+import { mapSizeProp, mapSymbolCounterVariantProp } from './utils.js';
+import { ErrorIcon, Message, MessageWrapper, MessageText, SymbolCounter, } from './FieldHint.styles.js';
+const FieldHint = forwardRef((_a, ref) => {
+    var { className, variant = 'static', size = 'l', error, errorIcon, disabled, readOnly, hideEmpty, symbolCountText, tooltipPlacement, tooltipVariant, tooltipMaxWidth, message, children, TransitionProps, PopperProps: popperProps } = _a, props = __rest(_a, ["className", "variant", "size", "error", "errorIcon", "disabled", "readOnly", "hideEmpty", "symbolCountText", "tooltipPlacement", "tooltipVariant", "tooltipMaxWidth", "message", "children", "TransitionProps", "PopperProps"]);
+    const nodeRef = useRef(null);
+    const handleRef = useForkRef(ref, nodeRef);
+    const messageRef = useRef(message);
+    if (message) {
+        messageRef.current = message;
+    }
+    if (variant === 'tooltip') {
+        return (_jsx(Tooltip, { className: className, title: message, variant: tooltipVariant !== null && tooltipVariant !== void 0 ? tooltipVariant : (error ? 'negative' : 'primary'), placement: tooltipPlacement, disableFocusListener: false, TransitionProps: TransitionProps, style: tooltipMaxWidth ? { maxWidth: tooltipMaxWidth } : undefined, PopperProps: popperProps, children: children }));
+    }
+    const typographyVariant = size === 'l' ? 'caption12' : 'caption11';
+    return (_jsxs(_Fragment, { children: [children, _jsx(CSSTransition, Object.assign({ in: !hideEmpty || !!message, mountOnEnter: true, unmountOnExit: true, classNames: "grow-height", timeout: 200 }, TransitionProps, { nodeRef: nodeRef, children: _jsxs(Message, Object.assign({ className: classNames(className, mapSizeProp(size)), ref: handleRef }, props, { children: [_jsxs(MessageWrapper, { children: [error && errorIcon && messageRef.current && _jsx(ErrorIcon, { color: "negative" }), typeof message === 'object'
+                                    ? message
+                                    : (_jsx(MessageText, { color: disabled ? 'disabled' : (error ? 'negative' : 'secondary'), variant: typographyVariant, children: hideEmpty ? messageRef.current : message }))] }), symbolCountText != null
+                            ? (_jsx(SymbolCounter, { className: mapSymbolCounterVariantProp(readOnly || disabled ? 'disabled' : 'default'), variant: typographyVariant, children: symbolCountText }))
+                            : null] })) }))] }));
+});
+export default memo(FieldHint);
+//# sourceMappingURL=FieldHint.js.map

package/dist/FieldHint/FieldHint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.js","sourceRoot":"","sources":["../../src/FieldHint/FieldHint.tsx"],"names":[],"mappings":"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"}

package/dist/FieldHint/FieldHint.styles.css

@@ -0,0 +1,5 @@
+.ui_components_m1kqfw1c{box-sizing:content-box;min-height:calc(var(--ui-spacing-2xs) + 16px);overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin-top:var(--ui-spacing-2xs);}.ui_components_m1kqfw1c>*:not(:first-child){margin-left:var(--ui-spacing-2xs);}.ui_components_m1kqfw1c.grow-height-appear,.ui_components_m1kqfw1c.grow-height-enter{min-height:0;height:0;}.ui_components_m1kqfw1c.grow-height-appear-active,.ui_components_m1kqfw1c.grow-height-enter-active{min-height:calc(var(--ui-spacing-2xs) + 16px);transition:all ease-out 200ms;}.ui_components_m1kqfw1c.grow-height-exit{min-height:calc(var(--ui-spacing-2xs) + 16px);}.ui_components_m1kqfw1c.grow-height-exit-active{min-height:0;height:0;transition:all ease-out 200ms;}.ui_components_m1kqfw1c.field-size-l{padding:var(--ui-spacing-none) var(--ui-spacing-inputL-paddingRight) var(--ui-spacing-none) var(--ui-spacing-inputL-paddingLeft);}.ui_components_m1kqfw1c.field-size-m{padding:var(--ui-spacing-none) var(--ui-spacing-inputM-paddingRight) var(--ui-spacing-none) var(--ui-spacing-inputM-paddingLeft);}.ui_components_m1kqfw1c.field-size-s{padding:var(--ui-spacing-none) var(--ui-spacing-inputS-paddingRight) var(--ui-spacing-none) var(--ui-spacing-inputS-paddingLeft);}.ui_components_m1kqfw1c.field-size-xs{padding:var(--ui-spacing-none) var(--ui-spacing-inputXS-paddingRight) var(--ui-spacing-none) var(--ui-spacing-inputXS-paddingLeft);}
+.ui_components_mrn49ra{display:block;flex-grow:1;}
+.ui_components_m1c4t2ld{display:flex;align-items:center;}.ui_components_m1c4t2ld>*:not(:first-child){margin-left:var(--ui-spacing-2xs);}
+.ui_components_epp1672{width:16px;height:16px;}
+.ui_components_s1jc7ttz.variant-default{color:var(--ui-colors-input-label-default);}.ui_components_s1jc7ttz.variant-disabled{color:var(--ui-colors-input-text-default-disabled);}

package/dist/FieldHint/FieldHint.styles.d.ts

@@ -0,0 +1,12 @@
+export declare const Message: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const MessageText: {
+    __wyw_meta: unknown;
+} & import("react").ForwardRefExoticComponent<import("../Typography/Typography.js").Props & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const MessageWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ErrorIcon: {
+    __wyw_meta: unknown;
+} & ((props: import("@finam/web-ui-kit-icons/SvgIcon").Props) => import("react/jsx-runtime").JSX.Element);
+export declare const SymbolCounter: {
+    __wyw_meta: unknown;
+} & import("react").ForwardRefExoticComponent<import("../Typography/Typography.js").Props & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=FieldHint.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.styles.d.ts","sourceRoot":"","sources":["../../src/FieldHint/FieldHint.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,OAAO,qKAgDnB,CAAC;AAEF,eAAO,MAAM,WAAW;;gJAGvB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAO1B,CAAC;AAEF,eAAO,MAAM,SAAS;;yGAGrB,CAAC;AAEF,eAAO,MAAM,aAAa;;gJAQzB,CAAC"}

package/dist/FieldHint/FieldHint.styles.js

@@ -0,0 +1,33 @@
+import { styled } from '@linaria/react';
+import ExclamationMarkTriangle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle';
+import Typography from '../Typography/index.js';
+export const Message = /*#__PURE__*/styled('div')({
+  name: "Message",
+  class: "ui_components_m1kqfw1c",
+  propsAsIs: false
+});
+const _exp26 = /*#__PURE__*/() => Typography;
+export const MessageText = /*#__PURE__*/styled(_exp26())({
+  name: "MessageText",
+  class: "ui_components_mrn49ra",
+  propsAsIs: true
+});
+export const MessageWrapper = /*#__PURE__*/styled('div')({
+  name: "MessageWrapper",
+  class: "ui_components_m1c4t2ld",
+  propsAsIs: false
+});
+const _exp28 = /*#__PURE__*/() => ExclamationMarkTriangle;
+export const ErrorIcon = /*#__PURE__*/styled(_exp28())({
+  name: "ErrorIcon",
+  class: "ui_components_epp1672",
+  propsAsIs: true
+});
+const _exp29 = /*#__PURE__*/() => Typography;
+export const SymbolCounter = /*#__PURE__*/styled(_exp29())({
+  name: "SymbolCounter",
+  class: "ui_components_s1jc7ttz",
+  propsAsIs: true
+});
+
+import "./FieldHint.styles.css";

package/dist/FieldHint/FieldHint.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.styles.js","sourceRoot":"","sources":["../../src/FieldHint/FieldHint.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,uBAAuB,MAAM,iEAAiE,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,UAAU,GAAG,QAAQ,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;AAC3D,MAAM,UAAU,GAAG,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEjB,UAAU;;;;;gBAKV,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;mBAGlB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;;;;;;;kBAStB,UAAU;kBACV,UAAU;;;;kBAIV,UAAU;;;;;;kBAMV,UAAU;;;MAGtB,WAAW,CAAC,GAAG,CAAC;eACP,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;;;MAG9H,WAAW,CAAC,GAAG,CAAC;eACP,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;;;MAG9H,WAAW,CAAC,GAAG,CAAC;eACP,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;;;MAG9H,WAAW,CAAC,IAAI,CAAC;eACR,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW;;CAErI,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAG5C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;mBAKrB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAEvC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;;CAGvD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;MACzC,2BAA2B,CAAC,SAAS,CAAC;aAC/B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO;;;MAGxD,2BAA2B,CAAC,UAAU,CAAC;aAChC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ;;CAE7D,CAAC"}

package/dist/FieldHint/index.d.ts

@@ -0,0 +1,4 @@
+import FieldHint, { Props } from './FieldHint.js';
+export type { Props as FieldHintProps };
+export default FieldHint;
+//# sourceMappingURL=index.d.ts.map

package/dist/FieldHint/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FieldHint/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElD,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC;AACxC,eAAe,SAAS,CAAC"}

package/dist/FieldHint/index.js

@@ -0,0 +1,3 @@
+import FieldHint from './FieldHint.js';
+export default FieldHint;
+//# sourceMappingURL=index.js.map

package/dist/FieldHint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FieldHint/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAoB,MAAM,gBAAgB,CAAC;AAGlD,eAAe,SAAS,CAAC"}

package/dist/FieldHint/utils.d.ts

@@ -0,0 +1,4 @@
+import type { InputSize, SymbolCounterVariant } from '../types.js';
+export declare const mapSizeProp: (size: InputSize) => "field-size-m" | "field-size-s" | "field-size-l" | "field-size-xs";
+export declare const mapSymbolCounterVariantProp: (variant: SymbolCounterVariant) => "variant-default" | "variant-disabled";
+//# sourceMappingURL=utils.d.ts.map

package/dist/FieldHint/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/FieldHint/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnE,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,uEAAyC,CAAC;AAErF,eAAO,MAAM,2BAA2B,GAAI,SAAS,oBAAoB,2CAAyC,CAAC"}

package/dist/FieldHint/utils.js

@@ -0,0 +1,4 @@
+import { mapPropClassName } from '../utils/className.js';
+export const mapSizeProp = (size) => mapPropClassName('field-size', size);
+export const mapSymbolCounterVariantProp = (variant) => mapPropClassName('variant', variant);
+//# sourceMappingURL=utils.js.map

package/dist/FieldHint/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/FieldHint/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;AAErF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAA6B,EAAE,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC"}

package/dist/FieldLabel/FieldLabel.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, ReactNode, HTMLAttributes } from 'react';
+import { TypographyVariants } from '@finam/web-ui-kit-core/styles/typography';
+import type { Placement, Size } from './types.js';
+import { Label } from './FieldLabel.styles.js';
+type TypographyProps = TypographyVariants & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
+export interface Props extends ComponentPropsWithoutRef<typeof Label> {
+    label: ReactNode;
+    placement?: Placement;
+    disableTypography?: boolean;
+    typographyProps?: TypographyProps;
+    disabled?: boolean;
+    size?: Size;
+    fullWidth?: boolean;
+}
+declare const FieldLabel: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLLabelElement>>;
+export default FieldLabel;
+//# sourceMappingURL=FieldLabel.d.ts.map

package/dist/FieldLabel/FieldLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../src/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAc,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,KAAK,eAAe,GAAG,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE9F,MAAM,WAAW,KAAM,SAAQ,wBAAwB,CAAC,OAAO,KAAK,CAAC;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,oGAmDd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/FieldLabel/FieldLabel.js

@@ -0,0 +1,24 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classnames from 'clsx';
+import { typography } from '@finam/web-ui-kit-core/styles/typography';
+import { classNamePlacement } from './utils.js';
+import { Label } from './FieldLabel.styles.js';
+const FieldLabel = forwardRef((_a, ref) => {
+    var { className, label, placement, children, disabled, disableTypography, typographyProps, size, fullWidth } = _a, props = __rest(_a, ["className", "label", "placement", "children", "disabled", "disableTypography", "typographyProps", "size", "fullWidth"]);
+    const combinedClassName = classnames(className, placement && classNamePlacement(placement), {
+        disabled,
+        fullWidth,
+    });
+    const _b = typographyProps || {}, { variant, color, weight, tabularNumbers } = _b, spanProps = __rest(_b, ["variant", "color", "weight", "tabularNumbers"]);
+    const defaultTypographyVariant = size === 'regular' ? 'body15' : 'body14';
+    return (_jsxs(Label, Object.assign({ className: combinedClassName, ref: ref }, props, { children: [children, disableTypography ? (label) : (_jsx("span", Object.assign({}, spanProps, { className: classnames(typography({
+                    variant: variant || defaultTypographyVariant,
+                    color: color || (disabled ? 'disabled' : undefined),
+                    weight,
+                    tabularNumbers,
+                }), spanProps === null || spanProps === void 0 ? void 0 : spanProps.className), children: label })))] })));
+});
+export default FieldLabel;
+//# sourceMappingURL=FieldLabel.js.map

package/dist/FieldLabel/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../src/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAuC,UAAU,EAAkB,MAAM,OAAO,CAAC;AACxF,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAsB,MAAM,0CAA0C,CAAC;AAE1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAc/C,MAAM,UAAU,GAAG,UAAU,CAA0B,CACrD,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,SAAS,OAEV,EADI,KAAK,cAVV,wHAWC,CADS;IAIV,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,EACT,SAAS,IAAI,kBAAkB,CAAC,SAAS,CAAC,EAC1C;QACE,QAAQ;QACR,SAAS;KACV,CACF,CAAC;IAEF,MAAM,KAA2D,eAAe,IAAI,EAAE,EAAhF,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,OAAwC,EAAnC,SAAS,cAAtD,gDAAwD,CAAwB,CAAC;IAEvF,MAAM,wBAAwB,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE1E,OAAO,CACL,MAAC,KAAK,kBAAC,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eACrD,QAAQ,EACR,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAK,CACN,CAAC,CAAC,CAAC,CACF,+BACM,SAAS,IACb,SAAS,EAAE,UAAU,CACnB,UAAU,CAAC;oBACT,OAAO,EAAE,OAAO,IAAI,wBAAwB;oBAC5C,KAAK,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;oBACnD,MAAM;oBACN,cAAc;iBACf,CAAC,EACF,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,YAEA,KAAK,IACD,CACR,KACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/FieldLabel/FieldLabel.styles.css

@@ -0,0 +1 @@
+.ui_components_l1ggsyi1{display:inline-flex;align-items:center;vertical-align:middle;cursor:pointer;}.ui_components_l1ggsyi1>:first-child{margin:0 var(--ui-spacing-s) 0 0;}.ui_components_l1ggsyi1.placement-left{flex-direction:row-reverse;text-align:right;}.ui_components_l1ggsyi1.placement-left>:first-child{margin:0 0 0 var(--ui-spacing-s);}.ui_components_l1ggsyi1.placement-left.fullWidth{justify-content:space-between;text-align:left;width:100%;}.ui_components_l1ggsyi1.disabled{cursor:default;}

package/dist/FieldLabel/FieldLabel.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
+//# sourceMappingURL=FieldLabel.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.styles.d.ts","sourceRoot":"","sources":["../../src/FieldLabel/FieldLabel.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,8KA4BjB,CAAC"}

package/dist/FieldLabel/FieldLabel.styles.js

@@ -0,0 +1,8 @@
+import { styled } from '@linaria/react';
+export const Label = /*#__PURE__*/styled('label')({
+  name: "Label",
+  class: "ui_components_l1ggsyi1",
+  propsAsIs: false
+});
+
+import "./FieldLabel.styles.css";

package/dist/FieldLabel/FieldLabel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.styles.js","sourceRoot":"","sources":["../../src/FieldLabel/FieldLabel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;gBAOjB,MAAM,CAAC,OAAO,CAAC,CAAC;;;MAG1B,kBAAkB,CAAC,MAAM,CAAC;;;;;sBAKV,MAAM,CAAC,OAAO,CAAC,CAAC;;;;MAIhC,kBAAkB,CAAC,MAAM,CAAC;;;;;;;;;CAS/B,CAAC"}

package/dist/FieldLabel/index.d.ts

@@ -0,0 +1,4 @@
+export { default, type Props as FieldLabelProps, } from './FieldLabel.js';
+export type { Size as FieldLabelSize, Placement, } from './types.js';
+export { classNamePlacement } from './utils.js';
+//# sourceMappingURL=index.d.ts.map