@focus-reactive/payload-plugin-translator 0.1.0

package/dist/client/shared/ui/ProgressBar/ProgressBar.jsx

@@ -0,0 +1,11 @@
+import classNames from 'classnames';
+import styles from './styles.module.scss';
+export default function ProgressBar({ percentage, size = 'medium', color = 'blue', showPercentage = true, className, }) {
+    const clampedPercentage = Math.max(0, Math.min(100, percentage));
+    return (<div className={classNames(styles.container, className)}>
+      <div className={classNames(styles.track, styles[size])}>
+        <div className={classNames(styles.fill, styles[`${color}-fill`])} style={{ width: `${clampedPercentage}%` }}/>
+      </div>
+      {showPercentage && (<span className={classNames(styles.label, styles[`${size}-label`])}>{Math.round(clampedPercentage)}%</span>)}
+    </div>);
+}

package/dist/client/shared/ui/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProgressBar } from './ProgressBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/shared/ui/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/client/shared/ui/ProgressBar/index.js

@@ -0,0 +1,3 @@
+export { default as ProgressBar } from './ProgressBar';
+
+//# sourceMappingURL=index.js.map

package/dist/client/shared/ui/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/ProgressBar/index.ts"],"sourcesContent":["export { default as ProgressBar } from './ProgressBar'\n"],"names":["default","ProgressBar"],"mappings":"AAAA,SAASA,WAAWC,WAAW,QAAQ,gBAAe"}

package/dist/client/shared/ui/Select/Select.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
+type SelectProps = ComponentPropsWithRef<'select'> & {
+    emptyOption?: boolean;
+    hasError?: boolean;
+    $size?: 'sm' | 'md' | 'lg';
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+};
+type SelectOptionProps = ComponentPropsWithoutRef<'option'>;
+type SelectEmptyOptionProps = Omit<SelectOptionProps, 'value' | 'disabled' | 'hidden'>;
+declare const SelectOption: ({ children, ...props }: SelectOptionProps) => import("react").JSX.Element;
+declare const SelectEmptyOption: ({ children, ...props }: SelectEmptyOptionProps) => import("react").JSX.Element;
+declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+type SelectComponent = typeof Select & {
+    SelectOption: typeof SelectOption;
+    SelectEmptyOption: typeof SelectEmptyOption;
+};
+declare const _default: SelectComponent;
+export default _default;
+//# sourceMappingURL=Select.d.ts.map

package/dist/client/shared/ui/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAiB,MAAM,OAAO,CAAA;AAK3F,KAAK,WAAW,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IACnD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAmBD,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAC3D,KAAK,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC,CAAA;AAEtF,QAAA,MAAM,YAAY,GAAI,wBAAwB,iBAAiB,gCAA2C,CAAA;AAE1G,QAAA,MAAM,iBAAiB,GAAI,wBAAwB,sBAAsB,gCAIxE,CAAA;AAED,QAAA,MAAM,MAAM,wHAyBV,CAAA;AAEF,KAAK,eAAe,GAAG,OAAO,MAAM,GAAG;IACrC,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,iBAAiB,EAAE,OAAO,iBAAiB,CAAA;CAC5C,CACA;wBAGwB,eAAe;AAAxC,wBAAwC"}

package/dist/client/shared/ui/Select/Select.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import styles from './styles.module.scss';
+const sizes = {
+    sm: {
+        height: '24px',
+        paddingInline: '0.25rem',
+        fontSize: '0.875rem'
+    },
+    md: {
+        height: '32px',
+        paddingInline: '0.5rem',
+        fontSize: '1rem'
+    },
+    lg: {
+        height: '40px',
+        paddingInline: '0.75rem',
+        fontSize: '1rem'
+    }
+};
+const SelectOption = ({ children, ...props })=>/*#__PURE__*/ _jsx("option", {
+        ...props,
+        children: children
+    });
+const SelectEmptyOption = ({ children, ...props })=>/*#__PURE__*/ _jsx("option", {
+        value: "",
+        ...props,
+        children: children
+    });
+const Select = /*#__PURE__*/ forwardRef(function Select({ children, className = '', hasError = false, $size = 'lg', style, 'aria-invalid': ariaInvalid, ...props }, ref) {
+    const _style = {
+        '--height': sizes[$size].height,
+        '--padding-inline': sizes[$size].paddingInline,
+        '--font-size': sizes[$size].fontSize,
+        ...style
+    };
+    const selectClassName = classNames(styles.select, styles[`size-${$size}`], {
+        [styles.selectError]: hasError
+    }, className);
+    return /*#__PURE__*/ _jsx("select", {
+        ref: ref,
+        className: selectClassName,
+        style: _style,
+        "aria-invalid": ariaInvalid ?? hasError,
+        ...props,
+        children: children
+    });
+});
+Select.SelectOption = SelectOption;
+Select.SelectEmptyOption = SelectEmptyOption;
+export default Select;
+
+//# sourceMappingURL=Select.js.map

package/dist/client/shared/ui/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/Select/Select.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ComponentPropsWithoutRef, ComponentPropsWithRef, CSSProperties } from 'react'\nimport { forwardRef } from 'react'\n\nimport styles from './styles.module.scss'\n\ntype SelectProps = ComponentPropsWithRef<'select'> & {\n  emptyOption?: boolean\n  hasError?: boolean\n  $size?: 'sm' | 'md' | 'lg'\n  'aria-describedby'?: string\n  'aria-invalid'?: boolean\n}\n\nconst sizes = {\n  sm: {\n    height: '24px',\n    paddingInline: '0.25rem',\n    fontSize: '0.875rem',\n  },\n  md: {\n    height: '32px',\n    paddingInline: '0.5rem',\n    fontSize: '1rem',\n  },\n  lg: {\n    height: '40px',\n    paddingInline: '0.75rem',\n    fontSize: '1rem',\n  },\n}\ntype SelectOptionProps = ComponentPropsWithoutRef<'option'>\ntype SelectEmptyOptionProps = Omit<SelectOptionProps, 'value' | 'disabled' | 'hidden'>\n\nconst SelectOption = ({ children, ...props }: SelectOptionProps) => <option {...props}>{children}</option>\n\nconst SelectEmptyOption = ({ children, ...props }: SelectEmptyOptionProps) => (\n  <option value=\"\" {...props}>\n    {children}\n  </option>\n)\n\nconst Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { children, className = '', hasError = false, $size = 'lg', style, 'aria-invalid': ariaInvalid, ...props },\n  ref,\n) {\n  const _style: CSSProperties = {\n    '--height': sizes[$size].height,\n    '--padding-inline': sizes[$size].paddingInline,\n    '--font-size': sizes[$size].fontSize,\n    ...style,\n  } as CSSProperties\n\n  const selectClassName = classNames(\n    styles.select,\n    styles[`size-${$size}`],\n    {\n      [styles.selectError]: hasError,\n    },\n    className,\n  )\n\n  return (\n    <select ref={ref} className={selectClassName} style={_style} aria-invalid={ariaInvalid ?? hasError} {...props}>\n      {children}\n    </select>\n  )\n})\n\ntype SelectComponent = typeof Select & {\n  SelectOption: typeof SelectOption\n  SelectEmptyOption: typeof SelectEmptyOption\n}\n;(Select as SelectComponent).SelectOption = SelectOption\n;(Select as SelectComponent).SelectEmptyOption = SelectEmptyOption\n\nexport default Select as SelectComponent\n"],"names":["classNames","forwardRef","styles","sizes","sm","height","paddingInline","fontSize","md","lg","SelectOption","children","props","option","SelectEmptyOption","value","Select","className","hasError","$size","style","ariaInvalid","ref","_style","selectClassName","select","selectError","aria-invalid"],"mappings":";AAAA,OAAOA,gBAAgB,aAAY;AAEnC,SAASC,UAAU,QAAQ,QAAO;AAElC,OAAOC,YAAY,uBAAsB;AAUzC,MAAMC,QAAQ;IACZC,IAAI;QACFC,QAAQ;QACRC,eAAe;QACfC,UAAU;IACZ;IACAC,IAAI;QACFH,QAAQ;QACRC,eAAe;QACfC,UAAU;IACZ;IACAE,IAAI;QACFJ,QAAQ;QACRC,eAAe;QACfC,UAAU;IACZ;AACF;AAIA,MAAMG,eAAe,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAA0B,iBAAK,KAACC;QAAQ,GAAGD,KAAK;kBAAGD;;AAExF,MAAMG,oBAAoB,CAAC,EAAEH,QAAQ,EAAE,GAAGC,OAA+B,iBACvE,KAACC;QAAOE,OAAM;QAAI,GAAGH,KAAK;kBACvBD;;AAIL,MAAMK,uBAASf,WAA2C,SAASe,OACjE,EAAEL,QAAQ,EAAEM,YAAY,EAAE,EAAEC,WAAW,KAAK,EAAEC,QAAQ,IAAI,EAAEC,KAAK,EAAE,gBAAgBC,WAAW,EAAE,GAAGT,OAAO,EAC1GU,GAAG;IAEH,MAAMC,SAAwB;QAC5B,YAAYpB,KAAK,CAACgB,MAAM,CAACd,MAAM;QAC/B,oBAAoBF,KAAK,CAACgB,MAAM,CAACb,aAAa;QAC9C,eAAeH,KAAK,CAACgB,MAAM,CAACZ,QAAQ;QACpC,GAAGa,KAAK;IACV;IAEA,MAAMI,kBAAkBxB,WACtBE,OAAOuB,MAAM,EACbvB,MAAM,CAAC,CAAC,KAAK,EAAEiB,OAAO,CAAC,EACvB;QACE,CAACjB,OAAOwB,WAAW,CAAC,EAAER;IACxB,GACAD;IAGF,qBACE,KAACQ;QAAOH,KAAKA;QAAKL,WAAWO;QAAiBJ,OAAOG;QAAQI,gBAAcN,eAAeH;QAAW,GAAGN,KAAK;kBAC1GD;;AAGP;AAMEK,OAA2BN,YAAY,GAAGA;AAC1CM,OAA2BF,iBAAiB,GAAGA;AAEjD,eAAeE,OAAyB"}

package/dist/client/shared/ui/Select/Select.jsx

@@ -0,0 +1,41 @@
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import styles from './styles.module.scss';
+const sizes = {
+    sm: {
+        height: '24px',
+        paddingInline: '0.25rem',
+        fontSize: '0.875rem',
+    },
+    md: {
+        height: '32px',
+        paddingInline: '0.5rem',
+        fontSize: '1rem',
+    },
+    lg: {
+        height: '40px',
+        paddingInline: '0.75rem',
+        fontSize: '1rem',
+    },
+};
+const SelectOption = ({ children, ...props }) => <option {...props}>{children}</option>;
+const SelectEmptyOption = ({ children, ...props }) => (<option value="" {...props}>
+    {children}
+  </option>);
+const Select = forwardRef(function Select({ children, className = '', hasError = false, $size = 'lg', style, 'aria-invalid': ariaInvalid, ...props }, ref) {
+    const _style = {
+        '--height': sizes[$size].height,
+        '--padding-inline': sizes[$size].paddingInline,
+        '--font-size': sizes[$size].fontSize,
+        ...style,
+    };
+    const selectClassName = classNames(styles.select, styles[`size-${$size}`], {
+        [styles.selectError]: hasError,
+    }, className);
+    return (<select ref={ref} className={selectClassName} style={_style} aria-invalid={ariaInvalid ?? hasError} {...props}>
+      {children}
+    </select>);
+});
+Select.SelectOption = SelectOption;
+Select.SelectEmptyOption = SelectEmptyOption;
+export default Select;

package/dist/client/shared/ui/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/shared/ui/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/client/shared/ui/Select/index.js

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

package/dist/client/shared/ui/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/Select/index.ts"],"sourcesContent":["export { default } from './Select'\n"],"names":["default"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAU"}

package/dist/client/shared/ui/StatusCounter/StatusCounter.d.ts

@@ -0,0 +1,11 @@
+type StatusCounterProps = {
+    status: 'pending' | 'running' | 'completed' | 'failed';
+    count: number;
+    label?: string;
+    animated?: boolean;
+    size?: 'small' | 'medium';
+    className?: string;
+};
+export default function StatusCounter({ status, count, label, animated, size, className, }: StatusCounterProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=StatusCounter.d.ts.map

package/dist/client/shared/ui/StatusCounter/StatusCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusCounter.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/StatusCounter/StatusCounter.tsx"],"names":[],"mappings":"AAMA,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAgBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,IAAe,EACf,SAAS,GACV,EAAE,kBAAkB,+BAapB"}

package/dist/client/shared/ui/StatusCounter/StatusCounter.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import StatusIndicator from '../StatusIndicator';
+import styles from './styles.module.scss';
+const statusColorMap = {
+    pending: 'gray',
+    running: 'blue',
+    completed: 'green',
+    failed: 'red'
+};
+const statusLabelMap = {
+    pending: 'В очереди',
+    running: 'В процессе',
+    completed: 'Завершено',
+    failed: 'Ошибки'
+};
+export default function StatusCounter({ status, count, label, animated = false, size = 'medium', className }) {
+    const displayLabel = label || statusLabelMap[status];
+    const color = statusColorMap[status];
+    return /*#__PURE__*/ _jsxs("div", {
+        className: classNames(styles.container, styles[size], className),
+        children: [
+            /*#__PURE__*/ _jsx(StatusIndicator, {
+                $color: color,
+                $animated: animated && status === 'running',
+                className: styles.indicator
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: styles.content,
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        className: styles.count,
+                        children: count
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: styles.label,
+                        children: displayLabel
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=StatusCounter.js.map

package/dist/client/shared/ui/StatusCounter/StatusCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/StatusCounter/StatusCounter.tsx"],"sourcesContent":["import classNames from 'classnames'\n\nimport StatusIndicator from '../StatusIndicator'\n\nimport styles from './styles.module.scss'\n\ntype StatusCounterProps = {\n  status: 'pending' | 'running' | 'completed' | 'failed'\n  count: number\n  label?: string\n  animated?: boolean\n  size?: 'small' | 'medium'\n  className?: string\n}\n\nconst statusColorMap = {\n  pending: 'gray' as const,\n  running: 'blue' as const,\n  completed: 'green' as const,\n  failed: 'red' as const,\n}\n\nconst statusLabelMap = {\n  pending: 'В очереди',\n  running: 'В процессе',\n  completed: 'Завершено',\n  failed: 'Ошибки',\n}\n\nexport default function StatusCounter({\n  status,\n  count,\n  label,\n  animated = false,\n  size = 'medium',\n  className,\n}: StatusCounterProps) {\n  const displayLabel = label || statusLabelMap[status]\n  const color = statusColorMap[status]\n\n  return (\n    <div className={classNames(styles.container, styles[size], className)}>\n      <StatusIndicator $color={color} $animated={animated && status === 'running'} className={styles.indicator} />\n      <div className={styles.content}>\n        <span className={styles.count}>{count}</span>\n        <span className={styles.label}>{displayLabel}</span>\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","StatusIndicator","styles","statusColorMap","pending","running","completed","failed","statusLabelMap","StatusCounter","status","count","label","animated","size","className","displayLabel","color","div","container","$color","$animated","indicator","content","span"],"mappings":";AAAA,OAAOA,gBAAgB,aAAY;AAEnC,OAAOC,qBAAqB,qBAAoB;AAEhD,OAAOC,YAAY,uBAAsB;AAWzC,MAAMC,iBAAiB;IACrBC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,QAAQ;AACV;AAEA,MAAMC,iBAAiB;IACrBJ,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,QAAQ;AACV;AAEA,eAAe,SAASE,cAAc,EACpCC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,WAAW,KAAK,EAChBC,OAAO,QAAQ,EACfC,SAAS,EACU;IACnB,MAAMC,eAAeJ,SAASJ,cAAc,CAACE,OAAO;IACpD,MAAMO,QAAQd,cAAc,CAACO,OAAO;IAEpC,qBACE,MAACQ;QAAIH,WAAWf,WAAWE,OAAOiB,SAAS,EAAEjB,MAAM,CAACY,KAAK,EAAEC;;0BACzD,KAACd;gBAAgBmB,QAAQH;gBAAOI,WAAWR,YAAYH,WAAW;gBAAWK,WAAWb,OAAOoB,SAAS;;0BACxG,MAACJ;gBAAIH,WAAWb,OAAOqB,OAAO;;kCAC5B,KAACC;wBAAKT,WAAWb,OAAOS,KAAK;kCAAGA;;kCAChC,KAACa;wBAAKT,WAAWb,OAAOU,KAAK;kCAAGI;;;;;;AAIxC"}

package/dist/client/shared/ui/StatusCounter/StatusCounter.jsx

@@ -0,0 +1,26 @@
+import classNames from 'classnames';
+import StatusIndicator from '../StatusIndicator';
+import styles from './styles.module.scss';
+const statusColorMap = {
+    pending: 'gray',
+    running: 'blue',
+    completed: 'green',
+    failed: 'red',
+};
+const statusLabelMap = {
+    pending: 'В очереди',
+    running: 'В процессе',
+    completed: 'Завершено',
+    failed: 'Ошибки',
+};
+export default function StatusCounter({ status, count, label, animated = false, size = 'medium', className, }) {
+    const displayLabel = label || statusLabelMap[status];
+    const color = statusColorMap[status];
+    return (<div className={classNames(styles.container, styles[size], className)}>
+      <StatusIndicator $color={color} $animated={animated && status === 'running'} className={styles.indicator}/>
+      <div className={styles.content}>
+        <span className={styles.count}>{count}</span>
+        <span className={styles.label}>{displayLabel}</span>
+      </div>
+    </div>);
+}

package/dist/client/shared/ui/StatusCounter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as StatusCounter } from './StatusCounter';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/shared/ui/StatusCounter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/StatusCounter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/client/shared/ui/StatusCounter/index.js

@@ -0,0 +1,3 @@
+export { default as StatusCounter } from './StatusCounter';
+
+//# sourceMappingURL=index.js.map

package/dist/client/shared/ui/StatusCounter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/StatusCounter/index.ts"],"sourcesContent":["export { default as StatusCounter } from './StatusCounter'\n"],"names":["default","StatusCounter"],"mappings":"AAAA,SAASA,WAAWC,aAAa,QAAQ,kBAAiB"}

package/dist/client/shared/ui/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren } from 'react';
+type StatusIndicatorProps = PropsWithChildren<{
+    $color: 'red' | 'green' | 'blue' | 'gray';
+    $animated?: boolean;
+    title?: string;
+    className?: string;
+}>;
+export default function StatusIndicator({ $color, $animated, title, className, children }: StatusIndicatorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=StatusIndicator.d.ts.map

package/dist/client/shared/ui/StatusIndicator/StatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAM9C,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,MAAM,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAS9G"}

package/dist/client/shared/ui/StatusIndicator/StatusIndicator.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import ColorIndicator from '../ColorIndicator';
+import styles from './styles.module.scss';
+export default function StatusIndicator({ $color, $animated, title, className, children }) {
+    const cardClassName = classNames(styles['status-indicator'], styles[$color], className);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cardClassName,
+        children: [
+            /*#__PURE__*/ _jsx(ColorIndicator, {
+                $color: $color,
+                $animated: $animated,
+                title: title
+            }),
+            children
+        ]
+    });
+}
+
+//# sourceMappingURL=StatusIndicator.js.map

package/dist/client/shared/ui/StatusIndicator/StatusIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/StatusIndicator/StatusIndicator.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { PropsWithChildren } from 'react'\n\nimport ColorIndicator from '../ColorIndicator'\n\nimport styles from './styles.module.scss'\n\ntype StatusIndicatorProps = PropsWithChildren<{\n  $color: 'red' | 'green' | 'blue' | 'gray'\n  $animated?: boolean\n  title?: string\n  className?: string\n}>\n\nexport default function StatusIndicator({ $color, $animated, title, className, children }: StatusIndicatorProps) {\n  const cardClassName = classNames(styles['status-indicator'], styles[$color], className)\n\n  return (\n    <div className={cardClassName}>\n      <ColorIndicator $color={$color} $animated={$animated} title={title} />\n      {children}\n    </div>\n  )\n}\n"],"names":["classNames","ColorIndicator","styles","StatusIndicator","$color","$animated","title","className","children","cardClassName","div"],"mappings":";AAAA,OAAOA,gBAAgB,aAAY;AAGnC,OAAOC,oBAAoB,oBAAmB;AAE9C,OAAOC,YAAY,uBAAsB;AASzC,eAAe,SAASC,gBAAgB,EAAEC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAwB;IAC7G,MAAMC,gBAAgBT,WAAWE,MAAM,CAAC,mBAAmB,EAAEA,MAAM,CAACE,OAAO,EAAEG;IAE7E,qBACE,MAACG;QAAIH,WAAWE;;0BACd,KAACR;gBAAeG,QAAQA;gBAAQC,WAAWA;gBAAWC,OAAOA;;YAC5DE;;;AAGP"}

package/dist/client/shared/ui/StatusIndicator/StatusIndicator.jsx

@@ -0,0 +1,10 @@
+import classNames from 'classnames';
+import ColorIndicator from '../ColorIndicator';
+import styles from './styles.module.scss';
+export default function StatusIndicator({ $color, $animated, title, className, children }) {
+    const cardClassName = classNames(styles['status-indicator'], styles[$color], className);
+    return (<div className={cardClassName}>
+      <ColorIndicator $color={$color} $animated={$animated} title={title}/>
+      {children}
+    </div>);
+}

package/dist/client/shared/ui/StatusIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './StatusIndicator';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/shared/ui/StatusIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/StatusIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/client/shared/ui/StatusIndicator/index.js

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

package/dist/client/shared/ui/StatusIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/StatusIndicator/index.ts"],"sourcesContent":["export { default } from './StatusIndicator'\n"],"names":["default"],"mappings":"AAAA,SAASA,OAAO,QAAQ,oBAAmB"}

package/dist/client/shared/ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+type TooltipProps = {
+    children: ReactNode;
+    content: ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    delayDuration?: number;
+};
+export default function Tooltip({ children, content, side, sideOffset, delayDuration, }: TooltipProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/client/shared/ui/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,UAAc,EACd,aAAmB,GACpB,EAAE,YAAY,+BAcd"}

package/dist/client/shared/ui/Tooltip/Tooltip.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import styles from './styles.module.scss';
+export default function Tooltip({ children, content, side = 'top', sideOffset = 6, delayDuration = 200 }) {
+    return /*#__PURE__*/ _jsx(RadixTooltip.Provider, {
+        delayDuration: delayDuration,
+        children: /*#__PURE__*/ _jsxs(RadixTooltip.Root, {
+            children: [
+                /*#__PURE__*/ _jsx(RadixTooltip.Trigger, {
+                    asChild: true,
+                    children: children
+                }),
+                /*#__PURE__*/ _jsx(RadixTooltip.Portal, {
+                    children: /*#__PURE__*/ _jsxs(RadixTooltip.Content, {
+                        className: styles.content,
+                        side: side,
+                        sideOffset: sideOffset,
+                        children: [
+                            content,
+                            /*#__PURE__*/ _jsx(RadixTooltip.Arrow, {
+                                className: styles.arrow
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/client/shared/ui/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactNode } from 'react'\nimport * as RadixTooltip from '@radix-ui/react-tooltip'\n\nimport styles from './styles.module.scss'\n\ntype TooltipProps = {\n  children: ReactNode\n  content: ReactNode\n  side?: 'top' | 'bottom' | 'left' | 'right'\n  sideOffset?: number\n  delayDuration?: number\n}\n\nexport default function Tooltip({\n  children,\n  content,\n  side = 'top',\n  sideOffset = 6,\n  delayDuration = 200,\n}: TooltipProps) {\n  return (\n    <RadixTooltip.Provider delayDuration={delayDuration}>\n      <RadixTooltip.Root>\n        <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content className={styles.content} side={side} sideOffset={sideOffset}>\n            {content}\n            <RadixTooltip.Arrow className={styles.arrow} />\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  )\n}\n"],"names":["RadixTooltip","styles","Tooltip","children","content","side","sideOffset","delayDuration","Provider","Root","Trigger","asChild","Portal","Content","className","Arrow","arrow"],"mappings":"AAAA;;AAGA,YAAYA,kBAAkB,0BAAyB;AAEvD,OAAOC,YAAY,uBAAsB;AAUzC,eAAe,SAASC,QAAQ,EAC9BC,QAAQ,EACRC,OAAO,EACPC,OAAO,KAAK,EACZC,aAAa,CAAC,EACdC,gBAAgB,GAAG,EACN;IACb,qBACE,KAACP,aAAaQ,QAAQ;QAACD,eAAeA;kBACpC,cAAA,MAACP,aAAaS,IAAI;;8BAChB,KAACT,aAAaU,OAAO;oBAACC,OAAO;8BAAER;;8BAC/B,KAACH,aAAaY,MAAM;8BAClB,cAAA,MAACZ,aAAaa,OAAO;wBAACC,WAAWb,OAAOG,OAAO;wBAAEC,MAAMA;wBAAMC,YAAYA;;4BACtEF;0CACD,KAACJ,aAAae,KAAK;gCAACD,WAAWb,OAAOe,KAAK;;;;;;;;AAMvD"}

package/dist/client/shared/ui/Tooltip/Tooltip.jsx

@@ -0,0 +1,16 @@
+'use client';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import styles from './styles.module.scss';
+export default function Tooltip({ children, content, side = 'top', sideOffset = 6, delayDuration = 200, }) {
+    return (<RadixTooltip.Provider delayDuration={delayDuration}>
+      <RadixTooltip.Root>
+        <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>
+        <RadixTooltip.Portal>
+          <RadixTooltip.Content className={styles.content} side={side} sideOffset={sideOffset}>
+            {content}
+            <RadixTooltip.Arrow className={styles.arrow}/>
+          </RadixTooltip.Content>
+        </RadixTooltip.Portal>
+      </RadixTooltip.Root>
+    </RadixTooltip.Provider>);
+}

package/dist/client/shared/ui/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/shared/ui/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/shared/ui/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/client/shared/ui/Tooltip/index.js

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

package/dist/client/shared/ui/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/shared/ui/Tooltip/index.ts"],"sourcesContent":["export { default } from './Tooltip'\n"],"names":["default"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAW"}

package/dist/client/shared/ui/form/FormCheckbox/FormCheckbox.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+type FormCheckboxProps = {
+    name: string;
+    label: string | ReactElement;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+};
+export declare function FormCheckbox({ name, label, description, disabled, className }: FormCheckboxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/client/shared/ui/form/FormCheckbox/FormCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../src/client/shared/ui/form/FormCheckbox/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AASzC,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,GAAG,YAAY,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAmChG"}

package/dist/client/shared/ui/form/FormCheckbox/FormCheckbox.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { useController } from 'react-hook-form';
+import { Checkbox } from '../../Checkbox';
+import Description from '../../Description';
+import styles from './styles.module.scss';
+export function FormCheckbox({ name, label, description, disabled, className }) {
+    const formControl = useController({
+        name
+    });
+    const errorId = useId();
+    const descriptionId = useId();
+    const inputId = useId();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `${styles.container} ${className ?? ''}`,
+        children: [
+            /*#__PURE__*/ _jsxs("label", {
+                className: styles.label,
+                htmlFor: inputId,
+                children: [
+                    /*#__PURE__*/ _jsx(Checkbox, {
+                        id: inputId,
+                        hasError: formControl.fieldState.invalid,
+                        name: formControl.field.name,
+                        ref: formControl.field.ref,
+                        checked: formControl.field.value ?? false,
+                        onChange: formControl.field.onChange,
+                        onBlur: formControl.field.onBlur,
+                        disabled: formControl.field.disabled || formControl.formState.disabled || formControl.formState.isSubmitting || disabled,
+                        "aria-describedby": `${errorId} ${descriptionId}`
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: styles.label__text,
+                        children: label
+                    })
+                ]
+            }),
+            formControl.fieldState.error && /*#__PURE__*/ _jsx(Description, {
+                variant: "error",
+                id: errorId,
+                children: formControl.fieldState.error.message
+            }),
+            description && /*#__PURE__*/ _jsx(Description, {
+                id: descriptionId,
+                children: description
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=FormCheckbox.js.map

package/dist/client/shared/ui/form/FormCheckbox/FormCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/shared/ui/form/FormCheckbox/FormCheckbox.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { useId } from 'react'\nimport { useController } from 'react-hook-form'\n\nimport { Checkbox } from '../../Checkbox'\nimport Description from '../../Description'\n\nimport styles from './styles.module.scss'\n\ntype FormCheckboxProps = {\n  name: string\n  label: string | ReactElement\n  description?: string\n  disabled?: boolean\n  className?: string\n}\n\nexport function FormCheckbox({ name, label, description, disabled, className }: FormCheckboxProps) {\n  const formControl = useController({ name })\n  const errorId = useId()\n  const descriptionId = useId()\n  const inputId = useId()\n\n  return (\n    <div className={`${styles.container} ${className ?? ''}`}>\n      <label className={styles.label} htmlFor={inputId}>\n        <Checkbox\n          id={inputId}\n          hasError={formControl.fieldState.invalid}\n          name={formControl.field.name}\n          ref={formControl.field.ref}\n          checked={formControl.field.value ?? false}\n          onChange={formControl.field.onChange}\n          onBlur={formControl.field.onBlur}\n          disabled={\n            formControl.field.disabled ||\n            formControl.formState.disabled ||\n            formControl.formState.isSubmitting ||\n            disabled\n          }\n          aria-describedby={`${errorId} ${descriptionId}`}\n        />\n        <span className={styles.label__text}>{label}</span>\n      </label>\n      {formControl.fieldState.error && (\n        <Description variant=\"error\" id={errorId}>\n          {formControl.fieldState.error.message}\n        </Description>\n      )}\n      {description && <Description id={descriptionId}>{description}</Description>}\n    </div>\n  )\n}\n"],"names":["useId","useController","Checkbox","Description","styles","FormCheckbox","name","label","description","disabled","className","formControl","errorId","descriptionId","inputId","div","container","htmlFor","id","hasError","fieldState","invalid","field","ref","checked","value","onChange","onBlur","formState","isSubmitting","aria-describedby","span","label__text","error","variant","message"],"mappings":";AACA,SAASA,KAAK,QAAQ,QAAO;AAC7B,SAASC,aAAa,QAAQ,kBAAiB;AAE/C,SAASC,QAAQ,QAAQ,iBAAgB;AACzC,OAAOC,iBAAiB,oBAAmB;AAE3C,OAAOC,YAAY,uBAAsB;AAUzC,OAAO,SAASC,aAAa,EAAEC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAqB;IAC/F,MAAMC,cAAcV,cAAc;QAAEK;IAAK;IACzC,MAAMM,UAAUZ;IAChB,MAAMa,gBAAgBb;IACtB,MAAMc,UAAUd;IAEhB,qBACE,MAACe;QAAIL,WAAW,GAAGN,OAAOY,SAAS,CAAC,CAAC,EAAEN,aAAa,IAAI;;0BACtD,MAACH;gBAAMG,WAAWN,OAAOG,KAAK;gBAAEU,SAASH;;kCACvC,KAACZ;wBACCgB,IAAIJ;wBACJK,UAAUR,YAAYS,UAAU,CAACC,OAAO;wBACxCf,MAAMK,YAAYW,KAAK,CAAChB,IAAI;wBAC5BiB,KAAKZ,YAAYW,KAAK,CAACC,GAAG;wBAC1BC,SAASb,YAAYW,KAAK,CAACG,KAAK,IAAI;wBACpCC,UAAUf,YAAYW,KAAK,CAACI,QAAQ;wBACpCC,QAAQhB,YAAYW,KAAK,CAACK,MAAM;wBAChClB,UACEE,YAAYW,KAAK,CAACb,QAAQ,IAC1BE,YAAYiB,SAAS,CAACnB,QAAQ,IAC9BE,YAAYiB,SAAS,CAACC,YAAY,IAClCpB;wBAEFqB,oBAAkB,GAAGlB,QAAQ,CAAC,EAAEC,eAAe;;kCAEjD,KAACkB;wBAAKrB,WAAWN,OAAO4B,WAAW;kCAAGzB;;;;YAEvCI,YAAYS,UAAU,CAACa,KAAK,kBAC3B,KAAC9B;gBAAY+B,SAAQ;gBAAQhB,IAAIN;0BAC9BD,YAAYS,UAAU,CAACa,KAAK,CAACE,OAAO;;YAGxC3B,6BAAe,KAACL;gBAAYe,IAAIL;0BAAgBL;;;;AAGvD"}

package/dist/client/shared/ui/form/FormCheckbox/FormCheckbox.jsx

@@ -0,0 +1,24 @@
+import { useId } from 'react';
+import { useController } from 'react-hook-form';
+import { Checkbox } from '../../Checkbox';
+import Description from '../../Description';
+import styles from './styles.module.scss';
+export function FormCheckbox({ name, label, description, disabled, className }) {
+    const formControl = useController({ name });
+    const errorId = useId();
+    const descriptionId = useId();
+    const inputId = useId();
+    return (<div className={`${styles.container} ${className ?? ''}`}>
+      <label className={styles.label} htmlFor={inputId}>
+        <Checkbox id={inputId} hasError={formControl.fieldState.invalid} name={formControl.field.name} ref={formControl.field.ref} checked={formControl.field.value ?? false} onChange={formControl.field.onChange} onBlur={formControl.field.onBlur} disabled={formControl.field.disabled ||
+            formControl.formState.disabled ||
+            formControl.formState.isSubmitting ||
+            disabled} aria-describedby={`${errorId} ${descriptionId}`}/>
+        <span className={styles.label__text}>{label}</span>
+      </label>
+      {formControl.fieldState.error && (<Description variant="error" id={errorId}>
+          {formControl.fieldState.error.message}
+        </Description>)}
+      {description && <Description id={descriptionId}>{description}</Description>}
+    </div>);
+}

package/dist/client/shared/ui/form/FormCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+export { FormCheckbox } from './FormCheckbox';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/shared/ui/form/FormCheckbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/shared/ui/form/FormCheckbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/client/shared/ui/form/FormCheckbox/index.js

@@ -0,0 +1,3 @@
+export { FormCheckbox } from './FormCheckbox';
+
+//# sourceMappingURL=index.js.map

package/dist/client/shared/ui/form/FormCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/shared/ui/form/FormCheckbox/index.ts"],"sourcesContent":["export { FormCheckbox } from './FormCheckbox'\n"],"names":["FormCheckbox"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAgB"}

package/dist/client/shared/ui/form/FormCheckboxPublish/FormCheckboxPublish.d.ts

@@ -0,0 +1,8 @@
+type FormCheckboxPublishProps = {
+    name: string;
+    disabled?: boolean;
+    className?: string;
+};
+export declare function FormCheckboxPublish({ name, disabled, className }: FormCheckboxPublishProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FormCheckboxPublish.d.ts.map

package/dist/client/shared/ui/form/FormCheckboxPublish/FormCheckboxPublish.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckboxPublish.d.ts","sourceRoot":"","sources":["../../../../../../src/client/shared/ui/form/FormCheckboxPublish/FormCheckboxPublish.tsx"],"names":[],"mappings":"AA6BA,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAE1F"}