@atme-lab/ui-kit 0.1.10 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -3
- package/dist/components/index.d.ts +4 -0
- package/dist/components/primitives/Badge/Badge.d.ts +13 -0
- package/dist/components/primitives/Badge/index.d.ts +2 -0
- package/dist/components/primitives/Icon/Icons/ChevronUpIcon.d.ts +3 -0
- package/dist/components/primitives/Icon/Icons/index.d.ts +1 -0
- package/dist/components/primitives/Input/Input.d.ts +11 -0
- package/dist/components/primitives/Input/index.d.ts +2 -0
- package/dist/index.cjs.js +11 -11
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +976 -820
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +73 -0
- package/dist/ui-kit.css +1 -1
- package/package.json +6 -10
- package/dist/global.cjs.js +0 -2
- package/dist/global.cjs.js.map +0 -1
- package/dist/global.d.ts +0 -0
- package/dist/global.esm.js +0 -2
- package/dist/global.esm.js.map +0 -1
package/README.md
CHANGED
|
@@ -23,8 +23,6 @@ import {
|
|
|
23
23
|
Button,
|
|
24
24
|
Typography,
|
|
25
25
|
} from "@atme-lab/ui-kit";
|
|
26
|
-
// Import global styles at the root of your application
|
|
27
|
-
import "@atme-lab/ui-kit/global";
|
|
28
26
|
|
|
29
27
|
function App() {
|
|
30
28
|
return (
|
|
@@ -36,7 +34,7 @@ function App() {
|
|
|
36
34
|
}
|
|
37
35
|
```
|
|
38
36
|
|
|
39
|
-
|
|
37
|
+
Styles are loaded automatically when you import from `@atme-lab/ui-kit`. To load only the styles (e.g. to control load order), use `import '@atme-lab/ui-kit/styles.css'`.
|
|
40
38
|
|
|
41
39
|
## Component Documentation
|
|
42
40
|
|
|
@@ -7,6 +7,10 @@ export { TagGroup } from './primitives/TagGroup';
|
|
|
7
7
|
export type { TagGroupProps, TagGroupItem, TagGroupTag } from './primitives/TagGroup';
|
|
8
8
|
export { Button } from './primitives/Button';
|
|
9
9
|
export type { ButtonProps, ButtonVariant, ButtonSize } from './primitives/Button';
|
|
10
|
+
export { Input } from './primitives/Input';
|
|
11
|
+
export type { InputProps, InputSize } from './primitives/Input';
|
|
12
|
+
export { Badge } from './primitives/Badge';
|
|
13
|
+
export type { BadgeProps, BadgeVariant, BadgeSize } from './primitives/Badge';
|
|
10
14
|
export { Icon } from './primitives/Icon';
|
|
11
15
|
export type { IconProps } from './primitives/Icon';
|
|
12
16
|
export { LabelMenuItem } from './primitives/LabelMenuItem';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type BadgeVariant = "primary" | "secondary" | "success" | "warning" | "error" | "neutral";
|
|
3
|
+
export type BadgeSize = "sm" | "md" | "lg";
|
|
4
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
5
|
+
variant?: BadgeVariant;
|
|
6
|
+
size?: BadgeSize;
|
|
7
|
+
/** Только точка, без текста (для индикатора статуса) */
|
|
8
|
+
dot?: boolean;
|
|
9
|
+
/** Максимальное число для отображения; при превышении показывается "max+" */
|
|
10
|
+
max?: number;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { DocumentIcon } from './DocumentIcon';
|
|
2
2
|
export { CloseIcon } from './CloseIcon';
|
|
3
|
+
export { ChevronUpIcon } from './ChevronUpIcon';
|
|
3
4
|
export { HomeIcon } from './HomeIcon';
|
|
4
5
|
export { FullscreenIcon } from './FullscreenIcon';
|
|
5
6
|
export { HeartIcon } from './HeartIcon';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type InputSize = "sm" | "md" | "lg";
|
|
3
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
4
|
+
size?: InputSize;
|
|
5
|
+
startIcon?: React.ReactNode;
|
|
6
|
+
endIcon?: React.ReactNode;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
errorMessageId?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"
|
|
1
|
+
"use client";require("./ui-kit.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");function He(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var it={exports:{}},tt={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var Kt;function Ue(){if(Kt)return tt;Kt=1;var e=y,n=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function u(_,f,h){var d,m={},k=null,j=null;h!==void 0&&(k=""+h),f.key!==void 0&&(k=""+f.key),f.ref!==void 0&&(j=f.ref);for(d in f)i.call(f,d)&&!a.hasOwnProperty(d)&&(m[d]=f[d]);if(_&&_.defaultProps)for(d in f=_.defaultProps,f)m[d]===void 0&&(m[d]=f[d]);return{$$typeof:n,type:_,key:k,ref:j,props:m,_owner:s.current}}return tt.Fragment=o,tt.jsx=u,tt.jsxs=u,tt}var et={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),E=g.length-1,
|
|
21
|
-
`+g[E].replace(" at new "," at ");return t.displayName&&A.includes("<anonymous>")&&(A=A.replace("<anonymous>",t.displayName)),typeof t=="function"&&
|
|
17
|
+
*/var Zt;function qe(){return Zt||(Zt=1,process.env.NODE_ENV!=="production"&&(function(){var e=y,n=Symbol.for("react.element"),o=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),_=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),j=Symbol.for("react.offscreen"),S=Symbol.iterator,P="@@iterator";function D(t){if(t===null||typeof t!="object")return null;var r=S&&t[S]||t[P];return typeof r=="function"?r:null}var R=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function w(t){{for(var r=arguments.length,c=new Array(r>1?r-1:0),p=1;p<r;p++)c[p-1]=arguments[p];I("error",t,c)}}function I(t,r,c){{var p=R.ReactDebugCurrentFrame,v=p.getStackAddendum();v!==""&&(r+="%s",c=c.concat([v]));var x=c.map(function(b){return String(b)});x.unshift("Warning: "+r),Function.prototype.apply.call(console[t],console,x)}}var q=!1,X=!1,K=!1,ge=!1,he=!1,Rt;Rt=Symbol.for("react.module.reference");function be(t){return!!(typeof t=="string"||typeof t=="function"||t===i||t===a||he||t===s||t===h||t===d||ge||t===j||q||X||K||typeof t=="object"&&t!==null&&(t.$$typeof===k||t.$$typeof===m||t.$$typeof===u||t.$$typeof===_||t.$$typeof===f||t.$$typeof===Rt||t.getModuleId!==void 0))}function ve(t,r,c){var p=t.displayName;if(p)return p;var v=r.displayName||r.name||"";return v!==""?c+"("+v+")":c}function Ct(t){return t.displayName||"Context"}function M(t){if(t==null)return null;if(typeof t.tag=="number"&&w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case i:return"Fragment";case o:return"Portal";case a:return"Profiler";case s:return"StrictMode";case h:return"Suspense";case d:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case _:var r=t;return Ct(r)+".Consumer";case u:var c=t;return Ct(c._context)+".Provider";case f:return ve(t,t.render,"ForwardRef");case m:var p=t.displayName||null;return p!==null?p:M(t.type)||"Memo";case k:{var v=t,x=v._payload,b=v._init;try{return M(b(x))}catch{return null}}}return null}var V=Object.assign,Z=0,St,Tt,Ot,Pt,Nt,It,At;function Wt(){}Wt.__reactDisabledLog=!0;function me(){{if(Z===0){St=console.log,Tt=console.info,Ot=console.warn,Pt=console.error,Nt=console.group,It=console.groupCollapsed,At=console.groupEnd;var t={configurable:!0,enumerable:!0,value:Wt,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}Z++}}function we(){{if(Z--,Z===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:V({},t,{value:St}),info:V({},t,{value:Tt}),warn:V({},t,{value:Ot}),error:V({},t,{value:Pt}),group:V({},t,{value:Nt}),groupCollapsed:V({},t,{value:It}),groupEnd:V({},t,{value:At})})}Z<0&&w("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ut=R.ReactCurrentDispatcher,pt;function at(t,r,c){{if(pt===void 0)try{throw Error()}catch(v){var p=v.stack.trim().match(/\n( *(at )?)/);pt=p&&p[1]||""}return`
|
|
18
|
+
`+pt+t}}var _t=!1,nt;{var xe=typeof WeakMap=="function"?WeakMap:Map;nt=new xe}function Dt(t,r){if(!t||_t)return"";{var c=nt.get(t);if(c!==void 0)return c}var p;_t=!0;var v=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var x;x=ut.current,ut.current=null,me();try{if(r){var b=function(){throw Error()};if(Object.defineProperty(b.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(b,[])}catch(N){p=N}Reflect.construct(t,[],b)}else{try{b.call()}catch(N){p=N}t.call(b.prototype)}}else{try{throw Error()}catch(N){p=N}t()}}catch(N){if(N&&p&&typeof N.stack=="string"){for(var g=N.stack.split(`
|
|
19
|
+
`),O=p.stack.split(`
|
|
20
|
+
`),E=g.length-1,C=O.length-1;E>=1&&C>=0&&g[E]!==O[C];)C--;for(;E>=1&&C>=0;E--,C--)if(g[E]!==O[C]){if(E!==1||C!==1)do if(E--,C--,C<0||g[E]!==O[C]){var A=`
|
|
21
|
+
`+g[E].replace(" at new "," at ");return t.displayName&&A.includes("<anonymous>")&&(A=A.replace("<anonymous>",t.displayName)),typeof t=="function"&&nt.set(t,A),A}while(E>=1&&C>=0);break}}}finally{_t=!1,ut.current=x,we(),Error.prepareStackTrace=v}var Y=t?t.displayName||t.name:"",G=Y?at(Y):"";return typeof t=="function"&&nt.set(t,G),G}function ke(t,r,c){return Dt(t,!1)}function je(t){var r=t.prototype;return!!(r&&r.isReactComponent)}function ot(t,r,c){if(t==null)return"";if(typeof t=="function")return Dt(t,je(t));if(typeof t=="string")return at(t);switch(t){case h:return at("Suspense");case d:return at("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case f:return ke(t.render);case m:return ot(t.type,r,c);case k:{var p=t,v=p._payload,x=p._init;try{return ot(x(v),r,c)}catch{}}}return""}var Q=Object.prototype.hasOwnProperty,$t={},Bt=R.ReactDebugCurrentFrame;function st(t){if(t){var r=t._owner,c=ot(t.type,t._source,r?r.type:null);Bt.setExtraStackFrame(c)}else Bt.setExtraStackFrame(null)}function Ee(t,r,c,p,v){{var x=Function.call.bind(Q);for(var b in t)if(x(t,b)){var g=void 0;try{if(typeof t[b]!="function"){var O=Error((p||"React class")+": "+c+" type `"+b+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[b]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}g=t[b](r,b,p,c,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){g=E}g&&!(g instanceof Error)&&(st(v),w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",p||"React class",c,b,typeof g),st(null)),g instanceof Error&&!(g.message in $t)&&($t[g.message]=!0,st(v),w("Failed %s type: %s",c,g.message),st(null))}}}var Re=Array.isArray;function dt(t){return Re(t)}function Ce(t){{var r=typeof Symbol=="function"&&Symbol.toStringTag,c=r&&t[Symbol.toStringTag]||t.constructor.name||"Object";return c}}function Se(t){try{return Mt(t),!1}catch{return!0}}function Mt(t){return""+t}function Ft(t){if(Se(t))return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ce(t)),Mt(t)}var Lt=R.ReactCurrentOwner,Te={key:!0,ref:!0,__self:!0,__source:!0},zt,Vt;function Oe(t){if(Q.call(t,"ref")){var r=Object.getOwnPropertyDescriptor(t,"ref").get;if(r&&r.isReactWarning)return!1}return t.ref!==void 0}function Pe(t){if(Q.call(t,"key")){var r=Object.getOwnPropertyDescriptor(t,"key").get;if(r&&r.isReactWarning)return!1}return t.key!==void 0}function Ne(t,r){typeof t.ref=="string"&&Lt.current}function Ie(t,r){{var c=function(){zt||(zt=!0,w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};c.isReactWarning=!0,Object.defineProperty(t,"key",{get:c,configurable:!0})}}function Ae(t,r){{var c=function(){Vt||(Vt=!0,w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};c.isReactWarning=!0,Object.defineProperty(t,"ref",{get:c,configurable:!0})}}var We=function(t,r,c,p,v,x,b){var g={$$typeof:n,type:t,key:r,ref:c,props:b,_owner:x};return g._store={},Object.defineProperty(g._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(g,"_self",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.defineProperty(g,"_source",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.freeze&&(Object.freeze(g.props),Object.freeze(g)),g};function De(t,r,c,p,v){{var x,b={},g=null,O=null;c!==void 0&&(Ft(c),g=""+c),Pe(r)&&(Ft(r.key),g=""+r.key),Oe(r)&&(O=r.ref,Ne(r,v));for(x in r)Q.call(r,x)&&!Te.hasOwnProperty(x)&&(b[x]=r[x]);if(t&&t.defaultProps){var E=t.defaultProps;for(x in E)b[x]===void 0&&(b[x]=E[x])}if(g||O){var C=typeof t=="function"?t.displayName||t.name||"Unknown":t;g&&Ie(b,C),O&&Ae(b,C)}return We(t,g,O,v,p,Lt.current,b)}}var ft=R.ReactCurrentOwner,Gt=R.ReactDebugCurrentFrame;function J(t){if(t){var r=t._owner,c=ot(t.type,t._source,r?r.type:null);Gt.setExtraStackFrame(c)}else Gt.setExtraStackFrame(null)}var yt;yt=!1;function gt(t){return typeof t=="object"&&t!==null&&t.$$typeof===n}function Jt(){{if(ft.current){var t=M(ft.current.type);if(t)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+t+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+t+"`."}return""}}function $e(t){return""}var Yt={};function Be(t){{var r=Jt();if(!r){var c=typeof t=="string"?t:t.displayName||t.name;c&&(r=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
25
|
+
Check the top-level render call using <`+c+">.")}return r}}function Ht(t,r){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var c=Be(r);if(Yt[c])return;Yt[c]=!0;var p="";t&&t._owner&&t._owner!==ft.current&&(p=" It was passed a child from "+M(t._owner.type)+"."),J(t),w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',c,p),J(null)}}function Ut(t,r){{if(typeof t!="object")return;if(dt(t))for(var c=0;c<t.length;c++){var p=t[c];gt(p)&&Ht(p,r)}else if(gt(t))t._store&&(t._store.validated=!0);else if(t){var v=D(t);if(typeof v=="function"&&v!==t.entries)for(var x=v.call(t),b;!(b=x.next()).done;)gt(b.value)&&Ht(b.value,r)}}}function Me(t){{var r=t.type;if(r==null||typeof r=="string")return;var c;if(typeof r=="function")c=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===f||r.$$typeof===m))c=r.propTypes;else return;if(c){var p=M(r);Ee(c,t.props,"prop",p,t)}else if(r.PropTypes!==void 0&&!yt){yt=!0;var v=M(r);w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",v||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Fe(t){{for(var r=Object.keys(t.props),c=0;c<r.length;c++){var p=r[c];if(p!=="children"&&p!=="key"){J(t),w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",p),J(null);break}}t.ref!==null&&(J(t),w("Invalid attribute `ref` supplied to `React.Fragment`."),J(null))}}var qt={};function Xt(t,r,c,p,v,x){{var b=be(t);if(!b){var g="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(g+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var O=$e();O?g+=O:g+=Jt();var E;t===null?E="null":dt(t)?E="array":t!==void 0&&t.$$typeof===n?(E="<"+(M(t.type)||"Unknown")+" />",g=" Did you accidentally export a JSX literal instead of a component?"):E=typeof t,w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,g)}var C=De(t,r,c,v,x);if(C==null)return C;if(b){var A=r.children;if(A!==void 0)if(p)if(dt(A)){for(var Y=0;Y<A.length;Y++)Ut(A[Y],t);Object.freeze&&Object.freeze(A)}else w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ut(A,t)}if(Q.call(r,"key")){var G=M(t),N=Object.keys(r).filter(function(Ye){return Ye!=="key"}),ht=N.length>0?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}";if(!qt[G+ht]){var Je=N.length>0?"{"+N.join(": ..., ")+": ...}":"{}";w(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,
|
|
30
|
+
<%s key={someKey} {...props} />`,ht,G,Je,G),qt[G+ht]=!0}}return t===i?Fe(C):Me(C),C}}function Le(t,r,c){return Xt(t,r,c,!0)}function ze(t,r,c){return Xt(t,r,c,!1)}var Ve=ze,Ge=Le;et.Fragment=i,et.jsx=Ve,et.jsxs=Ge})()),et}var Qt;function Xe(){return Qt||(Qt=1,process.env.NODE_ENV==="production"?it.exports=Ue():it.exports=qe()),it.exports}var l=Xe(),bt={exports:{}};/*!
|
|
31
31
|
Copyright (c) 2018 Jed Watson.
|
|
32
32
|
Licensed under the MIT License (MIT), see
|
|
33
33
|
http://jedwatson.github.io/classnames
|
|
34
|
-
*/var Zt;function He(){return Zt||(Zt=1,(function(e){(function(){var o={}.hasOwnProperty;function s(){for(var n="",u=0;u<arguments.length;u++){var _=arguments[u];_&&(n=c(n,i(_)))}return n}function i(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return s.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var u="";for(var _ in n)o.call(n,_)&&n[_]&&(u=c(u,_));return u}function c(n,u){return u?n?n+" "+u:n+u:n}e.exports?(s.default=s,e.exports=s):window.classNames=s})()})(yt)),yt.exports}var Ue=He();const P=Ve(Ue),Xe="_typography_11hr8_1",qe="_typography--h1_11hr8_8",Ke="_typography--h2_11hr8_15",Ze="_typography--h3_11hr8_22",Qe="_typography--h4_11hr8_29",tr="_typography--h5_11hr8_36",er="_typography--h6_11hr8_43",rr="_typography--body_11hr8_50",nr="_typography--caption_11hr8_57",ar="_typography--overline_11hr8_64",or="_typography--xs_11hr8_74",sr="_typography--sm_11hr8_78",ir="_typography--base_11hr8_82",cr="_typography--lg_11hr8_86",lr="_typography--xl_11hr8_90",ur="_typography--2xl_11hr8_94",pr="_typography--3xl_11hr8_98",_r="_typography--4xl_11hr8_102",fr="_typography--color-primary_11hr8_107",dr="_typography--color-secondary_11hr8_111",yr="_typography--color-disabled_11hr8_115",st={typography:Xe,"typography--h1":"_typography--h1_11hr8_8",typographyH1:qe,"typography--h2":"_typography--h2_11hr8_15",typographyH2:Ke,"typography--h3":"_typography--h3_11hr8_22",typographyH3:Ze,"typography--h4":"_typography--h4_11hr8_29",typographyH4:Qe,"typography--h5":"_typography--h5_11hr8_36",typographyH5:tr,"typography--h6":"_typography--h6_11hr8_43",typographyH6:er,"typography--body":"_typography--body_11hr8_50",typographyBody:rr,"typography--caption":"_typography--caption_11hr8_57",typographyCaption:nr,"typography--overline":"_typography--overline_11hr8_64",typographyOverline:ar,"typography--xs":"_typography--xs_11hr8_74",typographyXs:or,"typography--sm":"_typography--sm_11hr8_78",typographySm:sr,"typography--base":"_typography--base_11hr8_82",typographyBase:ir,"typography--lg":"_typography--lg_11hr8_86",typographyLg:cr,"typography--xl":"_typography--xl_11hr8_90",typographyXl:lr,"typography--2xl":"_typography--2xl_11hr8_94",typography2Xl:ur,"typography--3xl":"_typography--3xl_11hr8_98",typography3Xl:pr,"typography--4xl":"_typography--4xl_11hr8_102",typography4Xl:_r,"typography--color-primary":"_typography--color-primary_11hr8_107",typographyColorPrimary:fr,"typography--color-secondary":"_typography--color-secondary_11hr8_111",typographyColorSecondary:dr,"typography--color-disabled":"_typography--color-disabled_11hr8_115",typographyColorDisabled:yr},Y=d.forwardRef(({variant:e="body",size:o,color:s,as:i,children:c,className:n,...u},_)=>{const v=d.useMemo(()=>i||(e.startsWith("h")?e:e==="body"?"p":"span"),[i,e]);return l.jsx(v,{ref:_,className:P(st.typography,st[`typography--${e}`],o&&st[`typography--${o}`],s&&st[`typography--color-${s}`],n),...u,children:c})});Y.displayName="Typography";const gr="_tag_10ar5_1",hr="_tag--link_10ar5_13",vr="_tagContent_10ar5_23",mr="_tagIcon_10ar5_28",br="_tagClose_10ar5_34",kr="_tag--sm_10ar5_60",xr="_tag--md_10ar5_65",wr="_tag--lg_10ar5_70",jr="_tag--primary_10ar5_76",Er="_tag--secondary_10ar5_81",Rr="_tag--success_10ar5_86",Cr="_tag--warning_10ar5_91",Sr="_tag--error_10ar5_96",Tr="_tag--neutral_10ar5_101",F={tag:gr,"tag--link":"_tag--link_10ar5_13",tagLink:hr,tagContent:vr,tagIcon:mr,tagClose:br,"tag--sm":"_tag--sm_10ar5_60",tagSm:kr,"tag--md":"_tag--md_10ar5_65",tagMd:xr,"tag--lg":"_tag--lg_10ar5_70",tagLg:wr,"tag--primary":"_tag--primary_10ar5_76",tagPrimary:jr,"tag--secondary":"_tag--secondary_10ar5_81",tagSecondary:Er,"tag--success":"_tag--success_10ar5_86",tagSuccess:Rr,"tag--warning":"_tag--warning_10ar5_91",tagWarning:Cr,"tag--error":"_tag--error_10ar5_96",tagError:Sr,"tag--neutral":"_tag--neutral_10ar5_101",tagNeutral:Tr},Or=d.forwardRef(function({as:o,...s},i){return d.createElement(o,{...s,ref:i})}),M=d.forwardRef(({variant:e="primary",size:o="md",icon:s,iconPosition:i="left",closeable:c=!1,onClose:n,children:u,className:_,href:y,...v},f)=>{const b=S=>{S.stopPropagation(),n==null||n(S)},w=y?{...v,href:y,as:"a"}:{...v,as:"span"},j=P(F.tag,F[`tag--${e}`],F[`tag--${o}`],y&&F["tag--link"],_);return l.jsxs(Or,{ref:f,className:j,...w,children:[s&&i==="left"&&l.jsx("span",{className:F.tagIcon,children:s}),l.jsx("span",{className:F.tagContent,children:u}),s&&i==="right"&&l.jsx("span",{className:F.tagIcon,children:s}),c&&l.jsx("button",{type:"button",className:F.tagClose,onClick:b,"aria-label":"Close tag",children:"×"})]})});M.displayName="Tag";const Pr="_tagGroup_1b8va_1",Ir={tagGroup:Pr},Nr=e=>e.stopPropagation();function Ar({tag:e,baseTagProps:o}){const s=d.useCallback(c=>{var n;Nr(c),(n=e.onClick)==null||n.call(e,c)},[e.onClick]),i=d.useCallback(c=>{var n;(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),(n=e.onClick)==null||n.call(e,c))},[e.onClick]);return l.jsx(M,{...o,role:"button",tabIndex:0,onClick:s,onKeyDown:i,style:{cursor:"pointer"},children:e.label})}function Dr(e){return typeof e=="object"&&e!==null&&"label"in e}function Wr({tag:e,baseTagProps:o}){return Dr(e)?e.href?l.jsx(M,{...o,href:e.href,children:e.label}):e.onClick?l.jsx(Ar,{tag:e,baseTagProps:o}):l.jsx(M,{...o,children:e.label}):typeof e=="object"&&d.isValidElement(e)?l.jsx(l.Fragment,{children:e}):l.jsx(M,{...o,children:e})}const Qt=d.forwardRef(({tags:e,maxVisible:o=5,overflowTagProps:s,collapseTagProps:i,collapseText:c="Свернуть",size:n,variant:u,className:_,...y},v)=>{const[f,b]=d.useState(!1),{visibleTags:w,hiddenCount:j}=d.useMemo(()=>e.length<=o||f?{visibleTags:e,hiddenCount:0}:{visibleTags:e.slice(0,o),hiddenCount:e.length-o},[e,o,f]),S=d.useCallback(()=>b(!0),[]),N=d.useCallback(()=>b(!1),[]),L=d.useCallback(I=>{(I.key==="Enter"||I.key===" ")&&(I.preventDefault(),S())},[S]),C=d.useCallback(I=>{(I.key==="Enter"||I.key===" ")&&(I.preventDefault(),N())},[N]),k=d.useMemo(()=>({...n&&{size:n},...u&&{variant:u}}),[n,u]);return l.jsxs("div",{ref:v,className:P(Ir.tagGroup,_),...y,children:[w.map((I,H)=>l.jsx(Wr,{tag:I,baseTagProps:k},H)),!f&&j>0&&l.jsxs(M,{...k,...s,onClick:S,onKeyDown:L,role:"button",tabIndex:0,"aria-label":`Показать еще ${j} тегов`,style:{cursor:"pointer",...s==null?void 0:s.style},children:["+",j]}),f&&l.jsx(M,{...k,...i,onClick:N,onKeyDown:C,role:"button",tabIndex:0,"aria-label":c,style:{cursor:"pointer",...i==null?void 0:i.style},children:c})]})});Qt.displayName="TagGroup";const $r="_button_t5esz_1",Br="_buttonContent_t5esz_32",Fr="_buttonIcon_t5esz_37",Mr="_buttonSpinner_t5esz_43",Lr="_spin_t5esz_1",zr="_button--sm_t5esz_60",Vr="_button--md_t5esz_66",Gr="_button--lg_t5esz_72",Jr="_button--fullWidth_t5esz_78",Yr="_button--primary_t5esz_83",Hr="_button--secondary_t5esz_106",Ur="_button--outline_t5esz_129",Xr="_button--ghost_t5esz_152",qr="_button--loading_t5esz_181",W={button:$r,buttonContent:Br,buttonIcon:Fr,buttonSpinner:Mr,spin:Lr,"button--sm":"_button--sm_t5esz_60",buttonSm:zr,"button--md":"_button--md_t5esz_66",buttonMd:Vr,"button--lg":"_button--lg_t5esz_72",buttonLg:Gr,"button--fullWidth":"_button--fullWidth_t5esz_78",buttonFullWidth:Jr,"button--primary":"_button--primary_t5esz_83",buttonPrimary:Yr,"button--secondary":"_button--secondary_t5esz_106",buttonSecondary:Hr,"button--outline":"_button--outline_t5esz_129",buttonOutline:Ur,"button--ghost":"_button--ghost_t5esz_152",buttonGhost:Xr,"button--loading":"_button--loading_t5esz_181",buttonLoading:qr},te=d.forwardRef(({variant:e="primary",size:o="md",startIcon:s,endIcon:i,fullWidth:c=!1,loading:n=!1,disabled:u,children:_,className:y,...v},f)=>{const b=u||n;return l.jsxs("button",{ref:f,type:"button",className:P(W.button,W[`button--${e}`],W[`button--${o}`],c&&W["button--fullWidth"],n&&W["button--loading"],y),disabled:b,"aria-busy":n,"aria-disabled":b,...v,children:[n&&l.jsx("span",{className:W.buttonSpinner,"aria-hidden":"true"}),s&&!n&&l.jsx("span",{className:W.buttonIcon,children:s}),l.jsx("span",{className:W.buttonContent,children:_}),i&&!n&&l.jsx("span",{className:W.buttonIcon,children:i})]})});te.displayName="Button";const Kr="_icon_1se7w_1",gt={icon:Kr,"icon--custom":"_icon--custom_1se7w_9"},xt=d.forwardRef(({color:e="currentColor",children:o,svg:s,name:i,decorative:c=!1,className:n,viewBox:u="0 0 24 24",fill:_="none",xmlns:y="http://www.w3.org/2000/svg",...v},f)=>{if(s){const b=s.replace(/<svg[^>]*>/,"").replace(/<\/svg>/,"");return l.jsx("svg",{ref:f,className:P(gt.icon,gt["icon--custom"],n),viewBox:u,xmlns:y,"aria-hidden":c,"aria-label":!c&&i?i:void 0,role:c?void 0:"img",dangerouslySetInnerHTML:{__html:b},...v})}return l.jsx("svg",{ref:f,className:P(gt.icon,n),viewBox:u,fill:_,xmlns:y,color:e,"aria-hidden":c,"aria-label":!c&&i?i:void 0,role:c?void 0:"img",...v,children:o})});xt.displayName="Icon";const Zr="_labelMenuItem_fjxw4_1",Qr="_icon_fjxw4_32",tn="_label_fjxw4_1",ht={labelMenuItem:Zr,icon:Qr,label:tn},ee=({label:e,icon:o,onClick:s,disabled:i=!1,className:c,iconSize:n="50px"})=>l.jsxs("button",{className:P(ht.labelMenuItem,c),onClick:s,disabled:i,children:[l.jsx("div",{className:ht.icon,children:l.jsx(o,{decorative:!0,width:n,height:n})}),l.jsx(Y,{as:"span",variant:"body",color:"secondary",className:ht.label,children:e})]});ee.displayName="LabelMenuItem";const en="_heartIconOutline_137aq_1",rn={heartIconOutline:en},nn=({filled:e=!1,className:o,...s})=>l.jsx(xt,{viewBox:"0 0 24 24",fill:e?"currentColor":"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:P(!e&&rn.heartIconOutline,o),...s,children:l.jsx("path",{d:"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"})}),an="_likeButton_1nv5d_1",on="_heartWrap_1nv5d_49",sn="_heart_1nv5d_49",cn="_countWrap_1nv5d_112",ln="_count_1nv5d_112",$={likeButton:an,"likeButton--disabled":"_likeButton--disabled_1nv5d_19","likeButton--liked":"_likeButton--liked_1nv5d_25","likeButton--pop":"_likeButton--pop_1nv5d_49",heartWrap:on,heart:sn,countWrap:cn,"countWrap--bump":"_countWrap--bump_1nv5d_119",count:ln},re=d.forwardRef(({liked:e,defaultLiked:o=!1,count:s,onLike:i,onClick:c,className:n,testId:u,disabled:_,...y},v)=>{const f=e!==void 0,[b,w]=d.useState(o),[j,S]=d.useState(!1),[N,L]=d.useState(!1),C=f?e:b,k=d.useCallback(U=>{if(_)return;const X=!C;f||w(X),i==null||i(X),c==null||c(U),X&&(S(!0),s!==void 0&&L(!0))},[_,C,f,i,c,s]),I=d.useCallback(()=>{S(!1)},[]),H=d.useCallback(U=>{U.stopPropagation(),L(!1)},[]);return l.jsxs("button",{ref:v,type:"button",className:P($.likeButton,C&&$["likeButton--liked"],j&&$["likeButton--pop"],_&&$["likeButton--disabled"],n),"aria-pressed":C,"aria-label":C?"Убрать лайк":"Поставить лайк",disabled:_,"data-testid":u,onClick:k,onAnimationEnd:I,...y,children:[l.jsx("span",{className:$.heartWrap,children:l.jsx(nn,{filled:C,className:$.heart,decorative:!0})}),s!==void 0&&l.jsx("span",{className:P($.countWrap,N&&$["countWrap--bump"]),onAnimationEnd:H,children:l.jsx(Y,{variant:"caption",className:$.count,as:"span",children:s})})]})});re.displayName="LikeButton";function ne(e,o){if(o==null)return e;if(typeof o!="object"||Array.isArray(o)||typeof e!="object"||Array.isArray(e))return o;const s={...e};return Object.keys(o).forEach(i=>{const c=o[i],n=e[i];c!=null&&typeof c=="object"&&!Array.isArray(c)&&typeof n=="object"&&!Array.isArray(n)&&n!==null?s[i]=ne(n,c):s[i]=c}),s}function ae(e,o){return ne(e,o)}function oe(e){if(e!==void 0)return typeof e=="number"?`${e*4}px`:e}const un="_stack_45gcn_1",pn="_stack--direction-row_45gcn_6",_n="_stack--direction-column_45gcn_10",fn="_stack--direction-row-reverse_45gcn_14",dn="_stack--direction-column-reverse_45gcn_18",yn="_stack--align-start_45gcn_23",gn="_stack--align-end_45gcn_27",hn="_stack--align-center_45gcn_31",vn="_stack--align-stretch_45gcn_35",mn="_stack--align-baseline_45gcn_39",bn="_stack--justify-start_45gcn_44",kn="_stack--justify-end_45gcn_48",xn="_stack--justify-center_45gcn_52",wn="_stack--justify-between_45gcn_56",jn="_stack--justify-around_45gcn_60",En="_stack--justify-evenly_45gcn_64",Rn="_stack--wrap-nowrap_45gcn_69",Cn="_stack--wrap-wrap_45gcn_73",Sn="_stack--wrap-wrap-reverse_45gcn_77",tt={stack:un,"stack--direction-row":"_stack--direction-row_45gcn_6",stackDirectionRow:pn,"stack--direction-column":"_stack--direction-column_45gcn_10",stackDirectionColumn:_n,"stack--direction-row-reverse":"_stack--direction-row-reverse_45gcn_14",stackDirectionRowReverse:fn,"stack--direction-column-reverse":"_stack--direction-column-reverse_45gcn_18",stackDirectionColumnReverse:dn,"stack--align-start":"_stack--align-start_45gcn_23",stackAlignStart:yn,"stack--align-end":"_stack--align-end_45gcn_27",stackAlignEnd:gn,"stack--align-center":"_stack--align-center_45gcn_31",stackAlignCenter:hn,"stack--align-stretch":"_stack--align-stretch_45gcn_35",stackAlignStretch:vn,"stack--align-baseline":"_stack--align-baseline_45gcn_39",stackAlignBaseline:mn,"stack--justify-start":"_stack--justify-start_45gcn_44",stackJustifyStart:bn,"stack--justify-end":"_stack--justify-end_45gcn_48",stackJustifyEnd:kn,"stack--justify-center":"_stack--justify-center_45gcn_52",stackJustifyCenter:xn,"stack--justify-between":"_stack--justify-between_45gcn_56",stackJustifyBetween:wn,"stack--justify-around":"_stack--justify-around_45gcn_60",stackJustifyAround:jn,"stack--justify-evenly":"_stack--justify-evenly_45gcn_64",stackJustifyEvenly:En,"stack--wrap-nowrap":"_stack--wrap-nowrap_45gcn_69",stackWrapNowrap:Rn,"stack--wrap-wrap":"_stack--wrap-wrap_45gcn_73",stackWrapWrap:Cn,"stack--wrap-wrap-reverse":"_stack--wrap-wrap-reverse_45gcn_77",stackWrapWrapReverse:Sn},se=d.forwardRef(({direction:e="row",align:o="stretch",justify:s="start",wrap:i="nowrap",gap:c=0,as:n="div",children:u,className:_,testId:y,...v},f)=>{const b=oe(c);return l.jsx(n,{ref:f,className:P(tt.stack,tt[`stack--direction-${e}`],tt[`stack--align-${o}`],tt[`stack--justify-${s}`],tt[`stack--wrap-${i}`],_),style:{gap:b,...v.style},...y&&{"data-testid":y},...v,children:u})});se.displayName="Stack";const Tn="_grid_16nbv_1",On={grid:Tn},ie=d.forwardRef(({columns:e=12,gap:o=4,minColumnWidth:s,as:i="div",children:c,className:n,testId:u,..._},y)=>{const v=oe(o),b=(()=>{const w={gap:v};if(s)return w.gridTemplateColumns=`repeat(auto-fit, minmax(${s}, 1fr))`,w;if(typeof e=="number")return w.gridTemplateColumns=`repeat(${e}, 1fr)`,w;if(typeof e=="object"){const j={};e.xs!==void 0&&(j["--grid-cols-xs"]=String(e.xs)),e.sm!==void 0&&(j["--grid-cols-sm"]=String(e.sm)),e.md!==void 0&&(j["--grid-cols-md"]=String(e.md)),e.lg!==void 0&&(j["--grid-cols-lg"]=String(e.lg)),e.xl!==void 0&&(j["--grid-cols-xl"]=String(e.xl)),e["2xl"]!==void 0&&(j["--grid-cols-2xl"]=String(e["2xl"]));const S=e.xs||e.sm||e.md||e.lg||e.xl||e["2xl"]||1;return w.gridTemplateColumns=`repeat(${S}, 1fr)`,{...w,...j}}return w})();return l.jsx(i,{ref:y,className:P(On.grid,n),style:{...b,..._.style},...u&&{"data-testid":u},..._,children:c})});ie.displayName="Grid";const Pn="_content_8ltuo_1",In="_content--tile_8ltuo_8",Nn="_previewWrap_8ltuo_8",An="_body_8ltuo_14",Dn="_content--row_8ltuo_22",Wn="_tagsSlotTile_8ltuo_48",$n="_tagsSlotRow_8ltuo_60",Bn="_previewImage_8ltuo_68",Fn="_previewPlaceholder_8ltuo_76",Mn="_title_8ltuo_90",Ln="_date_8ltuo_101",D={content:Pn,"content--tile":"_content--tile_8ltuo_8",contentTile:In,previewWrap:Nn,body:An,"content--row":"_content--row_8ltuo_22",contentRow:Dn,tagsSlotTile:Wn,tagsSlotRow:$n,previewImage:Bn,previewPlaceholder:Fn,title:Mn,date:Ln};function mt({title:e,imageUrl:o,imageAlt:s,formattedDate:i,view:c,tags:n}){return l.jsxs("div",{className:P(D.content,D[`content--${c}`]),children:[l.jsxs("div",{className:D.previewWrap,children:[n&&c==="tile"&&l.jsx("div",{className:D.tagsSlotTile,onClick:u=>u.stopPropagation(),children:n}),o?l.jsx("img",{src:o,alt:s||e,className:D.previewImage,decoding:"async",loading:"lazy"}):l.jsx("div",{className:D.previewPlaceholder,"aria-hidden":"true"})]}),l.jsxs("div",{className:D.body,children:[n&&c==="row"&&l.jsx("div",{className:D.tagsSlotRow,onClick:u=>u.stopPropagation(),children:n}),l.jsx(Y,{variant:"h5",as:"h2",className:D.title,title:e,children:e}),l.jsx(Y,{variant:"caption",className:D.date,children:i})]})]})}mt.displayName="ArticlePreviewContent";const zn="_root_19jmt_1",Vn="_root--interactive_19jmt_17",Gn="_root--tile_19jmt_33",Jn="_root--row_19jmt_37",vt={root:zn,"root--interactive":"_root--interactive_19jmt_17",rootInteractive:Vn,"root--tile":"_root--tile_19jmt_33",rootTile:Gn,"root--row":"_root--row_19jmt_37",rootRow:Jn};function Yn(e){return(typeof e=="string"?new Date(e):e).toLocaleDateString("ru-RU",{day:"numeric",month:"long",year:"numeric"})}const ce=d.forwardRef(({title:e,publishedAt:o,imageUrl:s,view:i="tile",imageAlt:c="",href:n,tags:u,className:_,testId:y,onClick:v,onKeyDown:f,...b},w)=>{const j=d.useMemo(()=>Yn(o),[o]),S=k=>{!n&&v&&(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),v(k)),f==null||f(k)},N=!!(n||v),C={className:P(vt.root,vt[`root--${i}`],N&&vt["root--interactive"],_),onClick:v,onKeyDown:N?S:f,"data-testid":y,...b};return n?l.jsx("a",{ref:w,href:n,...C,children:l.jsx(mt,{title:e,imageUrl:s,imageAlt:c,formattedDate:j,view:i,tags:u})}):l.jsx("div",{ref:w,role:N?"button":void 0,tabIndex:N?0:void 0,...C,children:l.jsx(mt,{title:e,imageUrl:s,imageAlt:c,formattedDate:j,view:i,tags:u})})});ce.displayName="ArticlePreview";const wt={spacing:{unit:4},typography:{fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem"},fontWeight:{normal:400,medium:500,semibold:600,bold:700},lineHeight:{tight:1.25,normal:1.5,relaxed:1.75}},shadows:{sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",none:"none"},border:{base:"2px"},borderRadius:{none:"0",round:"50%",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem",full:"9999px"},transitions:{duration:{fast:"150ms",base:"200ms",slow:"300ms"},easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",easeOut:"cubic-bezier(0, 0, 0.2, 1)"}},zIndex:{dropdown:1e3,sticky:1020,fixed:1030,modalBackdrop:1040,modal:1050,popover:1060,tooltip:1070}},bt={...wt,palette:{primary:{main:"#3971b8",hover:"#4a82c9",active:"#2d5a96",contrastText:"#ffffff"},secondary:{main:"#c8d69b",hover:"#d4e0b0",active:"#b8c882",contrastText:"#343b1b"},error:{main:"#ef4444",hover:"#f87171",active:"#dc2626"},warning:{main:"#f59e0b",hover:"#fbbf24",active:"#d97706"},success:{main:"#22c55e",hover:"#4ade80",active:"#16a34a"},text:{primary:"#fbfcee",secondary:"#5a6342",disabled:"#a3a3a3"},background:{default:"#fbfcee",accent:"#f6e6a5",paper:"#ffffff"},border:{default:"#c8d69b",subtle:"#e5e5e5",strong:"#5a6342"}}},Hn={...wt,palette:{primary:{main:"#0ea5e9",hover:"#38bdf8",active:"#0284c7",contrastText:"#ffffff"},secondary:{main:"#a855f7",hover:"#c084fc",active:"#9333ea",contrastText:"#ffffff"},error:{main:"#ef4444",hover:"#f87171",active:"#dc2626"},warning:{main:"#f59e0b",hover:"#fbbf24",active:"#d97706"},success:{main:"#22c55e",hover:"#4ade80",active:"#16a34a"},text:{primary:"#fafafa",secondary:"#a3a3a3",disabled:"#525252"},background:{default:"#171717",accent:"#212121",paper:"#262626"},border:{default:"#404040",subtle:"#262626",strong:"#525252"}}};function Un(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Xn(e){return`--${e.join("-")}`}function kt(e,o,s){if(e!=null){if(typeof e=="string"||typeof e=="number"||typeof e=="boolean"){const i=Xn(o);s[i]=String(e);return}if(Array.isArray(e)){e.forEach((i,c)=>{kt(i,[...o,String(c)],s)});return}typeof e=="object"&&Object.entries(e).forEach(([i,c])=>{const n=Un(i);kt(c,[...o,n],s)})}}function le(e){const o={};return kt(e,[],o),o}const ue=d.createContext(void 0),qn=({theme:e=bt,children:o})=>{const s=d.useMemo(()=>"palette"in e&&e.palette&&"primary"in e.palette?e:ae(bt,e),[e]),i=d.useMemo(()=>le(s),[s]);d.useEffect(()=>{const n=document.documentElement;return Object.entries(i).forEach(([u,_])=>{n.style.setProperty(u,_)}),()=>{Object.keys(i).forEach(u=>{n.style.removeProperty(u)})}},[i]);const c=d.useMemo(()=>({theme:s}),[s]);return l.jsx(ue.Provider,{value:c,children:o})};function pe(){const e=d.useContext(ue);if(e===void 0)throw new Error("useThemeContext must be used within a ThemeProvider");return e}function Kn(){const{theme:e}=pe();return e}exports.ArticlePreview=ce;exports.Button=te;exports.Grid=ie;exports.Icon=xt;exports.LabelMenuItem=ee;exports.LikeButton=re;exports.Stack=se;exports.Tag=M;exports.TagGroup=Qt;exports.ThemeProvider=qn;exports.Typography=Y;exports.baseTheme=wt;exports.darkTheme=Hn;exports.lightTheme=bt;exports.mergeTheme=ae;exports.themeToCssVars=le;exports.useTheme=Kn;exports.useThemeContext=pe;
|
|
34
|
+
*/var te;function Ke(){return te||(te=1,(function(e){(function(){var n={}.hasOwnProperty;function o(){for(var a="",u=0;u<arguments.length;u++){var _=arguments[u];_&&(a=s(a,i(_)))}return a}function i(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return o.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var u="";for(var _ in a)n.call(a,_)&&a[_]&&(u=s(u,_));return u}function s(a,u){return u?a?a+" "+u:a+u:a}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(bt)),bt.exports}var Ze=Ke();const T=He(Ze),Qe="_typography_11hr8_1",tr="_typography--h1_11hr8_8",er="_typography--h2_11hr8_15",rr="_typography--h3_11hr8_22",ar="_typography--h4_11hr8_29",nr="_typography--h5_11hr8_36",or="_typography--h6_11hr8_43",sr="_typography--body_11hr8_50",ir="_typography--caption_11hr8_57",cr="_typography--overline_11hr8_64",lr="_typography--xs_11hr8_74",ur="_typography--sm_11hr8_78",pr="_typography--base_11hr8_82",_r="_typography--lg_11hr8_86",dr="_typography--xl_11hr8_90",fr="_typography--2xl_11hr8_94",yr="_typography--3xl_11hr8_98",gr="_typography--4xl_11hr8_102",hr="_typography--color-primary_11hr8_107",br="_typography--color-secondary_11hr8_111",vr="_typography--color-disabled_11hr8_115",ct={typography:Qe,"typography--h1":"_typography--h1_11hr8_8",typographyH1:tr,"typography--h2":"_typography--h2_11hr8_15",typographyH2:er,"typography--h3":"_typography--h3_11hr8_22",typographyH3:rr,"typography--h4":"_typography--h4_11hr8_29",typographyH4:ar,"typography--h5":"_typography--h5_11hr8_36",typographyH5:nr,"typography--h6":"_typography--h6_11hr8_43",typographyH6:or,"typography--body":"_typography--body_11hr8_50",typographyBody:sr,"typography--caption":"_typography--caption_11hr8_57",typographyCaption:ir,"typography--overline":"_typography--overline_11hr8_64",typographyOverline:cr,"typography--xs":"_typography--xs_11hr8_74",typographyXs:lr,"typography--sm":"_typography--sm_11hr8_78",typographySm:ur,"typography--base":"_typography--base_11hr8_82",typographyBase:pr,"typography--lg":"_typography--lg_11hr8_86",typographyLg:_r,"typography--xl":"_typography--xl_11hr8_90",typographyXl:dr,"typography--2xl":"_typography--2xl_11hr8_94",typography2Xl:fr,"typography--3xl":"_typography--3xl_11hr8_98",typography3Xl:yr,"typography--4xl":"_typography--4xl_11hr8_102",typography4Xl:gr,"typography--color-primary":"_typography--color-primary_11hr8_107",typographyColorPrimary:hr,"typography--color-secondary":"_typography--color-secondary_11hr8_111",typographyColorSecondary:br,"typography--color-disabled":"_typography--color-disabled_11hr8_115",typographyColorDisabled:vr},U=y.forwardRef(({variant:e="body",size:n,color:o,as:i,children:s,className:a,...u},_)=>{const h=y.useMemo(()=>i||(e.startsWith("h")?e:e==="body"?"p":"span"),[i,e]);return l.jsx(h,{ref:_,"data-atme-ui":!0,className:T(ct.typography,ct[`typography--${e}`],n&&ct[`typography--${n}`],o&&ct[`typography--color-${o}`],a),...u,children:s})});U.displayName="Typography";const mr="_tag_10ar5_1",wr="_tag--link_10ar5_13",xr="_tagContent_10ar5_23",kr="_tagIcon_10ar5_28",jr="_tagClose_10ar5_34",Er="_tag--sm_10ar5_60",Rr="_tag--md_10ar5_65",Cr="_tag--lg_10ar5_70",Sr="_tag--primary_10ar5_76",Tr="_tag--secondary_10ar5_81",Or="_tag--success_10ar5_86",Pr="_tag--warning_10ar5_91",Nr="_tag--error_10ar5_96",Ir="_tag--neutral_10ar5_101",F={tag:mr,"tag--link":"_tag--link_10ar5_13",tagLink:wr,tagContent:xr,tagIcon:kr,tagClose:jr,"tag--sm":"_tag--sm_10ar5_60",tagSm:Er,"tag--md":"_tag--md_10ar5_65",tagMd:Rr,"tag--lg":"_tag--lg_10ar5_70",tagLg:Cr,"tag--primary":"_tag--primary_10ar5_76",tagPrimary:Sr,"tag--secondary":"_tag--secondary_10ar5_81",tagSecondary:Tr,"tag--success":"_tag--success_10ar5_86",tagSuccess:Or,"tag--warning":"_tag--warning_10ar5_91",tagWarning:Pr,"tag--error":"_tag--error_10ar5_96",tagError:Nr,"tag--neutral":"_tag--neutral_10ar5_101",tagNeutral:Ir},Ar=y.forwardRef(function({as:n,...o},i){return y.createElement(n,{...o,ref:i})}),z=y.forwardRef(({variant:e="primary",size:n="md",icon:o,iconPosition:i="left",closeable:s=!1,onClose:a,children:u,className:_,href:f,...h},d)=>{const m=S=>{S.stopPropagation(),a==null||a(S)},k=f?{...h,href:f,as:"a","data-atme-ui":!0}:{...h,as:"span","data-atme-ui":!0},j=T(F.tag,F[`tag--${e}`],F[`tag--${n}`],f&&F["tag--link"],_);return l.jsxs(Ar,{ref:d,className:j,...k,children:[o&&i==="left"&&l.jsx("span",{className:F.tagIcon,children:o}),l.jsx("span",{className:F.tagContent,children:u}),o&&i==="right"&&l.jsx("span",{className:F.tagIcon,children:o}),s&&l.jsx("button",{type:"button",className:F.tagClose,onClick:m,"aria-label":"Close tag",children:"×"})]})});z.displayName="Tag";const Wr="_tagGroup_1b8va_1",Dr={tagGroup:Wr},$r="_icon_1se7w_1",vt={icon:$r,"icon--custom":"_icon--custom_1se7w_9"},lt=y.forwardRef(({color:e="currentColor",children:n,svg:o,name:i,decorative:s=!1,className:a,viewBox:u="0 0 24 24",fill:_="none",xmlns:f="http://www.w3.org/2000/svg",...h},d)=>{if(o){const m=o.replace(/<svg[^>]*>/,"").replace(/<\/svg>/,"");return l.jsx("svg",{ref:d,"data-atme-ui":!0,className:T(vt.icon,vt["icon--custom"],a),viewBox:u,xmlns:f,"aria-hidden":s,"aria-label":!s&&i?i:void 0,role:s?void 0:"img",dangerouslySetInnerHTML:{__html:m},...h})}return l.jsx("svg",{ref:d,"data-atme-ui":!0,className:T(vt.icon,a),viewBox:u,fill:_,xmlns:f,color:e,"aria-hidden":s,"aria-label":!s&&i?i:void 0,role:s?void 0:"img",...h,children:n})});lt.displayName="Icon";const Br=e=>l.jsx(lt,{viewBox:"0 0 24 24",...e,children:l.jsx("path",{fill:"currentColor",d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})}),Mr="_heartIconOutline_137aq_1",Fr={heartIconOutline:Mr},Lr=({filled:e=!1,className:n,...o})=>l.jsx(lt,{viewBox:"0 0 24 24",fill:e?"currentColor":"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:T(!e&&Fr.heartIconOutline,n),...o,children:l.jsx("path",{d:"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"})}),zr=e=>e.stopPropagation();function Vr({tag:e,baseTagProps:n}){const o=y.useCallback(s=>{var a;zr(s),(a=e.onClick)==null||a.call(e,s)},[e.onClick]),i=y.useCallback(s=>{var a;(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),(a=e.onClick)==null||a.call(e,s))},[e.onClick]);return l.jsx(z,{...n,role:"button",tabIndex:0,onClick:o,onKeyDown:i,style:{cursor:"pointer"},children:e.label})}function Gr(e){return typeof e=="object"&&e!==null&&"label"in e}function Jr({tag:e,baseTagProps:n}){return Gr(e)?e.href?l.jsx(z,{...n,href:e.href,children:e.label}):e.onClick?l.jsx(Vr,{tag:e,baseTagProps:n}):l.jsx(z,{...n,children:e.label}):typeof e=="object"&&y.isValidElement(e)?l.jsx(l.Fragment,{children:e}):l.jsx(z,{...n,children:e})}const ee=y.forwardRef(({tags:e,maxVisible:n=5,overflowTagProps:o,collapseTagProps:i,collapseText:s="Свернуть",size:a,variant:u,className:_,...f},h)=>{const[d,m]=y.useState(!1),{visibleTags:k,hiddenCount:j}=y.useMemo(()=>e.length<=n||d?{visibleTags:e,hiddenCount:0}:{visibleTags:e.slice(0,n),hiddenCount:e.length-n},[e,n,d]),S=y.useCallback(()=>m(!0),[]),P=y.useCallback(()=>m(!1),[]),D=y.useCallback(I=>{(I.key==="Enter"||I.key===" ")&&(I.preventDefault(),S())},[S]),R=y.useCallback(I=>{(I.key==="Enter"||I.key===" ")&&(I.preventDefault(),P())},[P]),w=y.useMemo(()=>({...a&&{size:a},...u&&{variant:u}}),[a,u]);return l.jsxs("div",{ref:h,"data-atme-ui":!0,className:T(Dr.tagGroup,_),...f,children:[k.map((I,q)=>l.jsx(Jr,{tag:I,baseTagProps:w},q)),!d&&j>0&&l.jsxs(z,{...w,...o,onClick:S,onKeyDown:D,role:"button",tabIndex:0,"aria-label":`Показать еще ${j} тегов`,style:{cursor:"pointer",...o==null?void 0:o.style},children:["+",j]}),d&&l.jsx(z,{...w,...i,onClick:P,onKeyDown:R,role:"button",tabIndex:0,"aria-label":s,style:{cursor:"pointer",...i==null?void 0:i.style},children:l.jsx(Br,{decorative:!0,width:16,height:16})})]})});ee.displayName="TagGroup";const Yr="_button_t5esz_1",Hr="_buttonContent_t5esz_32",Ur="_buttonIcon_t5esz_37",qr="_buttonSpinner_t5esz_43",Xr="_spin_t5esz_1",Kr="_button--sm_t5esz_60",Zr="_button--md_t5esz_66",Qr="_button--lg_t5esz_72",ta="_button--fullWidth_t5esz_78",ea="_button--primary_t5esz_83",ra="_button--secondary_t5esz_106",aa="_button--outline_t5esz_129",na="_button--ghost_t5esz_152",oa="_button--loading_t5esz_181",$={button:Yr,buttonContent:Hr,buttonIcon:Ur,buttonSpinner:qr,spin:Xr,"button--sm":"_button--sm_t5esz_60",buttonSm:Kr,"button--md":"_button--md_t5esz_66",buttonMd:Zr,"button--lg":"_button--lg_t5esz_72",buttonLg:Qr,"button--fullWidth":"_button--fullWidth_t5esz_78",buttonFullWidth:ta,"button--primary":"_button--primary_t5esz_83",buttonPrimary:ea,"button--secondary":"_button--secondary_t5esz_106",buttonSecondary:ra,"button--outline":"_button--outline_t5esz_129",buttonOutline:aa,"button--ghost":"_button--ghost_t5esz_152",buttonGhost:na,"button--loading":"_button--loading_t5esz_181",buttonLoading:oa},re=y.forwardRef(({variant:e="primary",size:n="md",startIcon:o,endIcon:i,fullWidth:s=!1,loading:a=!1,disabled:u,children:_,className:f,...h},d)=>{const m=u||a;return l.jsxs("button",{ref:d,type:"button","data-atme-ui":!0,className:T($.button,$[`button--${e}`],$[`button--${n}`],s&&$["button--fullWidth"],a&&$["button--loading"],f),disabled:m,"aria-busy":a,"aria-disabled":m,...h,children:[a&&l.jsx("span",{className:$.buttonSpinner,"aria-hidden":"true"}),o&&!a&&l.jsx("span",{className:$.buttonIcon,children:o}),l.jsx("span",{className:$.buttonContent,children:_}),i&&!a&&l.jsx("span",{className:$.buttonIcon,children:i})]})});re.displayName="Button";const sa="_wrapper_1xv65_1",ia="_wrapper--error_1xv65_22",ca="_wrapper--disabled_1xv65_31",la="_input_1xv65_37",ua="_iconStart_1xv65_62",pa="_iconEnd_1xv65_63",_a="_wrapper--sm_1xv65_72",da="_wrapper--md_1xv65_82",fa="_wrapper--lg_1xv65_92",ya="_wrapper--fullWidth_1xv65_102",L={wrapper:sa,"wrapper--error":"_wrapper--error_1xv65_22",wrapperError:ia,"wrapper--disabled":"_wrapper--disabled_1xv65_31",wrapperDisabled:ca,input:la,iconStart:ua,iconEnd:pa,"wrapper--sm":"_wrapper--sm_1xv65_72",wrapperSm:_a,"wrapper--md":"_wrapper--md_1xv65_82",wrapperMd:da,"wrapper--lg":"_wrapper--lg_1xv65_92",wrapperLg:fa,"wrapper--fullWidth":"_wrapper--fullWidth_1xv65_102",wrapperFullWidth:ya},ae=y.forwardRef(({size:e="md",startIcon:n,endIcon:o,fullWidth:i=!1,error:s=!1,errorMessageId:a,disabled:u,placeholder:_,type:f="text","aria-label":h,"aria-invalid":d,"aria-required":m,"aria-describedby":k,className:j,id:S,...P},D)=>{const R=[k,s&&a].filter(Boolean).join(" ")||void 0;return l.jsxs("div",{"data-atme-ui":!0,className:T(L.wrapper,L[`wrapper--${e}`],i&&L["wrapper--fullWidth"],s&&L["wrapper--error"],u&&L["wrapper--disabled"]),children:[n&&l.jsx("span",{className:L.iconStart,"aria-hidden":"true",children:n}),l.jsx("input",{ref:D,id:S,type:f,className:T(L.input,j),placeholder:_,disabled:u,"aria-label":h,"aria-invalid":d??s,"aria-required":m,"aria-describedby":R,"data-size":e,...P}),o&&l.jsx("span",{className:L.iconEnd,"aria-hidden":"true",children:o})]})});ae.displayName="Input";const ga="_badge_l5nvw_1",ha="_badgeContent_l5nvw_13",ba="_badge--dot_l5nvw_35",va="_badge--sm_l5nvw_28",ma="_badge--md_l5nvw_42",wa="_badge--lg_l5nvw_56",xa="_badge--primary_l5nvw_71",ka="_badge--secondary_l5nvw_76",ja="_badge--success_l5nvw_81",Ea="_badge--warning_l5nvw_86",Ra="_badge--error_l5nvw_91",Ca="_badge--neutral_l5nvw_96",H={badge:ga,badgeContent:ha,badgeDot:ba,"badge--sm":"_badge--sm_l5nvw_28",badgeSm:va,"badge--dot":"_badge--dot_l5nvw_35","badge--md":"_badge--md_l5nvw_42",badgeMd:ma,"badge--lg":"_badge--lg_l5nvw_56",badgeLg:wa,"badge--primary":"_badge--primary_l5nvw_71",badgePrimary:xa,"badge--secondary":"_badge--secondary_l5nvw_76",badgeSecondary:ka,"badge--success":"_badge--success_l5nvw_81",badgeSuccess:ja,"badge--warning":"_badge--warning_l5nvw_86",badgeWarning:Ea,"badge--error":"_badge--error_l5nvw_91",badgeError:Ra,"badge--neutral":"_badge--neutral_l5nvw_96",badgeNeutral:Ca};function Sa(e,n){return n!=null&&typeof e=="number"&&e>n?`${n}+`:e}const ne=y.forwardRef(({variant:e="primary",size:n="md",dot:o=!1,max:i,children:s,className:a,"aria-label":u,..._},f)=>{const h=o?null:Sa(s,i),d=u??(typeof s=="number"&&!o?`${s} items`:void 0);return l.jsxs("span",{ref:f,"data-atme-ui":!0,className:T(H.badge,H[`badge--${e}`],H[`badge--${n}`],o&&H["badge--dot"],a),role:o?"status":void 0,"aria-label":d,"aria-hidden":o&&!d?!0:void 0,..._,children:[o&&l.jsx("span",{className:H.badgeDot,"aria-hidden":"true"}),!o&&h!=null&&l.jsx("span",{className:H.badgeContent,children:h})]})});ne.displayName="Badge";const Ta="_labelMenuItem_fjxw4_1",Oa="_icon_fjxw4_32",Pa="_label_fjxw4_1",mt={labelMenuItem:Ta,icon:Oa,label:Pa},oe=({label:e,icon:n,onClick:o,disabled:i=!1,className:s,iconSize:a="50px"})=>l.jsxs("button",{"data-atme-ui":!0,className:T(mt.labelMenuItem,s),onClick:o,disabled:i,children:[l.jsx("div",{className:mt.icon,children:l.jsx(n,{decorative:!0,width:a,height:a})}),l.jsx(U,{as:"span",variant:"body",color:"secondary",className:mt.label,children:e})]});oe.displayName="LabelMenuItem";const Na="_likeButton_1nv5d_1",Ia="_heartWrap_1nv5d_49",Aa="_heart_1nv5d_49",Wa="_countWrap_1nv5d_112",Da="_count_1nv5d_112",B={likeButton:Na,"likeButton--disabled":"_likeButton--disabled_1nv5d_19","likeButton--liked":"_likeButton--liked_1nv5d_25","likeButton--pop":"_likeButton--pop_1nv5d_49",heartWrap:Ia,heart:Aa,countWrap:Wa,"countWrap--bump":"_countWrap--bump_1nv5d_119",count:Da},se=y.forwardRef(({liked:e,defaultLiked:n=!1,count:o,onLike:i,onClick:s,className:a,testId:u,disabled:_,...f},h)=>{const d=e!==void 0,[m,k]=y.useState(n),[j,S]=y.useState(!1),[P,D]=y.useState(!1),R=d?e:m,w=y.useCallback(X=>{if(_)return;const K=!R;d||k(K),i==null||i(K),s==null||s(X),K&&(S(!0),o!==void 0&&D(!0))},[_,R,d,i,s,o]),I=y.useCallback(()=>{S(!1)},[]),q=y.useCallback(X=>{X.stopPropagation(),D(!1)},[]);return l.jsxs("button",{ref:h,type:"button","data-atme-ui":!0,className:T(B.likeButton,R&&B["likeButton--liked"],j&&B["likeButton--pop"],_&&B["likeButton--disabled"],a),"aria-pressed":R,"aria-label":R?"Убрать лайк":"Поставить лайк",disabled:_,"data-testid":u,onClick:w,onAnimationEnd:I,...f,children:[l.jsx("span",{className:B.heartWrap,children:l.jsx(Lr,{filled:R,className:B.heart,decorative:!0})}),o!==void 0&&l.jsx("span",{className:T(B.countWrap,P&&B["countWrap--bump"]),onAnimationEnd:q,children:l.jsx(U,{variant:"caption",className:B.count,as:"span",children:o})})]})});se.displayName="LikeButton";function ie(e,n){if(n==null)return e;if(typeof n!="object"||Array.isArray(n)||typeof e!="object"||Array.isArray(e))return n;const o={...e};return Object.keys(n).forEach(i=>{const s=n[i],a=e[i];s!=null&&typeof s=="object"&&!Array.isArray(s)&&typeof a=="object"&&!Array.isArray(a)&&a!==null?o[i]=ie(a,s):o[i]=s}),o}function ce(e,n){return ie(e,n)}function le(e){if(e!==void 0)return typeof e=="number"?`${e*4}px`:e}const $a="_stack_45gcn_1",Ba="_stack--direction-row_45gcn_6",Ma="_stack--direction-column_45gcn_10",Fa="_stack--direction-row-reverse_45gcn_14",La="_stack--direction-column-reverse_45gcn_18",za="_stack--align-start_45gcn_23",Va="_stack--align-end_45gcn_27",Ga="_stack--align-center_45gcn_31",Ja="_stack--align-stretch_45gcn_35",Ya="_stack--align-baseline_45gcn_39",Ha="_stack--justify-start_45gcn_44",Ua="_stack--justify-end_45gcn_48",qa="_stack--justify-center_45gcn_52",Xa="_stack--justify-between_45gcn_56",Ka="_stack--justify-around_45gcn_60",Za="_stack--justify-evenly_45gcn_64",Qa="_stack--wrap-nowrap_45gcn_69",tn="_stack--wrap-wrap_45gcn_73",en="_stack--wrap-wrap-reverse_45gcn_77",rt={stack:$a,"stack--direction-row":"_stack--direction-row_45gcn_6",stackDirectionRow:Ba,"stack--direction-column":"_stack--direction-column_45gcn_10",stackDirectionColumn:Ma,"stack--direction-row-reverse":"_stack--direction-row-reverse_45gcn_14",stackDirectionRowReverse:Fa,"stack--direction-column-reverse":"_stack--direction-column-reverse_45gcn_18",stackDirectionColumnReverse:La,"stack--align-start":"_stack--align-start_45gcn_23",stackAlignStart:za,"stack--align-end":"_stack--align-end_45gcn_27",stackAlignEnd:Va,"stack--align-center":"_stack--align-center_45gcn_31",stackAlignCenter:Ga,"stack--align-stretch":"_stack--align-stretch_45gcn_35",stackAlignStretch:Ja,"stack--align-baseline":"_stack--align-baseline_45gcn_39",stackAlignBaseline:Ya,"stack--justify-start":"_stack--justify-start_45gcn_44",stackJustifyStart:Ha,"stack--justify-end":"_stack--justify-end_45gcn_48",stackJustifyEnd:Ua,"stack--justify-center":"_stack--justify-center_45gcn_52",stackJustifyCenter:qa,"stack--justify-between":"_stack--justify-between_45gcn_56",stackJustifyBetween:Xa,"stack--justify-around":"_stack--justify-around_45gcn_60",stackJustifyAround:Ka,"stack--justify-evenly":"_stack--justify-evenly_45gcn_64",stackJustifyEvenly:Za,"stack--wrap-nowrap":"_stack--wrap-nowrap_45gcn_69",stackWrapNowrap:Qa,"stack--wrap-wrap":"_stack--wrap-wrap_45gcn_73",stackWrapWrap:tn,"stack--wrap-wrap-reverse":"_stack--wrap-wrap-reverse_45gcn_77",stackWrapWrapReverse:en},ue=y.forwardRef(({direction:e="row",align:n="stretch",justify:o="start",wrap:i="nowrap",gap:s=0,as:a="div",children:u,className:_,testId:f,...h},d)=>{const m=le(s);return l.jsx(a,{ref:d,"data-atme-ui":!0,className:T(rt.stack,rt[`stack--direction-${e}`],rt[`stack--align-${n}`],rt[`stack--justify-${o}`],rt[`stack--wrap-${i}`],_),style:{gap:m,...h.style},...f&&{"data-testid":f},...h,children:u})});ue.displayName="Stack";const rn="_grid_16nbv_1",an={grid:rn},pe=y.forwardRef(({columns:e=12,gap:n=4,minColumnWidth:o,as:i="div",children:s,className:a,testId:u,..._},f)=>{const h=le(n),m=(()=>{const k={gap:h};if(o)return k.gridTemplateColumns=`repeat(auto-fit, minmax(${o}, 1fr))`,k;if(typeof e=="number")return k.gridTemplateColumns=`repeat(${e}, 1fr)`,k;if(typeof e=="object"){const j={};e.xs!==void 0&&(j["--grid-cols-xs"]=String(e.xs)),e.sm!==void 0&&(j["--grid-cols-sm"]=String(e.sm)),e.md!==void 0&&(j["--grid-cols-md"]=String(e.md)),e.lg!==void 0&&(j["--grid-cols-lg"]=String(e.lg)),e.xl!==void 0&&(j["--grid-cols-xl"]=String(e.xl)),e["2xl"]!==void 0&&(j["--grid-cols-2xl"]=String(e["2xl"]));const S=e.xs||e.sm||e.md||e.lg||e.xl||e["2xl"]||1;return k.gridTemplateColumns=`repeat(${S}, 1fr)`,{...k,...j}}return k})();return l.jsx(i,{ref:f,"data-atme-ui":!0,className:T(an.grid,a),style:{...m,..._.style},...u&&{"data-testid":u},..._,children:s})});pe.displayName="Grid";const nn="_content_8ltuo_1",on="_content--tile_8ltuo_8",sn="_previewWrap_8ltuo_8",cn="_body_8ltuo_14",ln="_content--row_8ltuo_22",un="_tagsSlotTile_8ltuo_48",pn="_tagsSlotRow_8ltuo_60",_n="_previewImage_8ltuo_68",dn="_previewPlaceholder_8ltuo_76",fn="_title_8ltuo_90",yn="_date_8ltuo_101",W={content:nn,"content--tile":"_content--tile_8ltuo_8",contentTile:on,previewWrap:sn,body:cn,"content--row":"_content--row_8ltuo_22",contentRow:ln,tagsSlotTile:un,tagsSlotRow:pn,previewImage:_n,previewPlaceholder:dn,title:fn,date:yn};function xt({title:e,imageUrl:n,imageAlt:o,formattedDate:i,view:s,tags:a}){return l.jsxs("div",{className:T(W.content,W[`content--${s}`]),children:[l.jsxs("div",{className:W.previewWrap,children:[a&&s==="tile"&&l.jsx("div",{className:W.tagsSlotTile,onClick:u=>u.stopPropagation(),children:a}),n?l.jsx("img",{src:n,alt:o||e,className:W.previewImage,decoding:"async",loading:"lazy"}):l.jsx("div",{className:W.previewPlaceholder,"aria-hidden":"true"})]}),l.jsxs("div",{className:W.body,children:[a&&s==="row"&&l.jsx("div",{className:W.tagsSlotRow,onClick:u=>u.stopPropagation(),children:a}),l.jsx(U,{variant:"h5",as:"h2",className:W.title,title:e,children:e}),l.jsx(U,{variant:"caption",className:W.date,children:i})]})]})}xt.displayName="ArticlePreviewContent";const gn="_root_19jmt_1",hn="_root--interactive_19jmt_17",bn="_root--tile_19jmt_33",vn="_root--row_19jmt_37",wt={root:gn,"root--interactive":"_root--interactive_19jmt_17",rootInteractive:hn,"root--tile":"_root--tile_19jmt_33",rootTile:bn,"root--row":"_root--row_19jmt_37",rootRow:vn};function mn(e){return(typeof e=="string"?new Date(e):e).toLocaleDateString("ru-RU",{day:"numeric",month:"long",year:"numeric"})}const _e=y.forwardRef(({title:e,publishedAt:n,imageUrl:o,view:i="tile",imageAlt:s="",href:a,tags:u,className:_,testId:f,onClick:h,onKeyDown:d,...m},k)=>{const j=y.useMemo(()=>mn(n),[n]),S=w=>{!a&&h&&(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),h(w)),d==null||d(w)},P=!!(a||h),R={className:T(wt.root,wt[`root--${i}`],P&&wt["root--interactive"],_),onClick:h,onKeyDown:P?S:d,"data-atme-ui":!0,"data-testid":f,...m};return a?l.jsx("a",{ref:k,href:a,...R,children:l.jsx(xt,{title:e,imageUrl:o,imageAlt:s,formattedDate:j,view:i,tags:u})}):l.jsx("div",{ref:k,role:P?"button":void 0,tabIndex:P?0:void 0,...R,children:l.jsx(xt,{title:e,imageUrl:o,imageAlt:s,formattedDate:j,view:i,tags:u})})});_e.displayName="ArticlePreview";const Et={spacing:{unit:4},typography:{fontFamily:'"Martian Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem"},fontWeight:{normal:400,medium:500,semibold:600,bold:700},lineHeight:{tight:1.25,normal:1.5,relaxed:1.75}},shadows:{sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",none:"none"},border:{base:"2px"},borderRadius:{none:"0",round:"50%",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem",full:"9999px"},transitions:{duration:{fast:"150ms",base:"200ms",slow:"300ms"},easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",easeOut:"cubic-bezier(0, 0, 0.2, 1)"}},zIndex:{dropdown:1e3,sticky:1020,fixed:1030,modalBackdrop:1040,modal:1050,popover:1060,tooltip:1070}},kt={...Et,palette:{primary:{main:"#a9d0e7",hover:"#96c4de",active:"#7eb3d4",contrastText:"#171717"},secondary:{main:"#c8d69b",hover:"#d4e0b0",active:"#b8c882",contrastText:"#343b1b"},error:{main:"#ef4444",hover:"#f87171",active:"#dc2626"},warning:{main:"#f59e0b",hover:"#fbbf24",active:"#d97706"},success:{main:"#22c55e",hover:"#4ade80",active:"#16a34a"},text:{primary:"#24292e",secondary:"#5a6342",disabled:"#a3a3a3"},background:{default:"#fbfcee",accent:"#f6e6a5",paper:"#ffffff"},border:{default:"#c8d69b",subtle:"#e5e5e5",strong:"#5a6342"}}},wn={...Et,palette:{primary:{main:"#5c9fc4",hover:"#6ba8c9",active:"#4a8ab5",contrastText:"#ffffff"},secondary:{main:"#a855f7",hover:"#c084fc",active:"#9333ea",contrastText:"#ffffff"},error:{main:"#ef4444",hover:"#f87171",active:"#dc2626"},warning:{main:"#f59e0b",hover:"#fbbf24",active:"#d97706"},success:{main:"#22c55e",hover:"#4ade80",active:"#16a34a"},text:{primary:"#fafafa",secondary:"#a3a3a3",disabled:"#525252"},background:{default:"#171717",accent:"#212121",paper:"#262626"},border:{default:"#404040",subtle:"#262626",strong:"#525252"}}};function xn(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function kn(e){return`--${e.join("-")}`}function jt(e,n,o){if(e!=null){if(typeof e=="string"||typeof e=="number"||typeof e=="boolean"){const i=kn(n);o[i]=String(e);return}if(Array.isArray(e)){e.forEach((i,s)=>{jt(i,[...n,String(s)],o)});return}typeof e=="object"&&Object.entries(e).forEach(([i,s])=>{const a=xn(i);jt(s,[...n,a],o)})}}function de(e){const n={};return jt(e,[],n),n}const fe=y.createContext(void 0),jn=({theme:e=kt,children:n})=>{const o=y.useMemo(()=>"palette"in e&&e.palette&&"primary"in e.palette?e:ce(kt,e),[e]),i=y.useMemo(()=>de(o),[o]);y.useEffect(()=>{const a=document.documentElement;return Object.entries(i).forEach(([u,_])=>{a.style.setProperty(u,_)}),()=>{Object.keys(i).forEach(u=>{a.style.removeProperty(u)})}},[i]);const s=y.useMemo(()=>({theme:o}),[o]);return l.jsx(fe.Provider,{value:s,children:n})};function ye(){const e=y.useContext(fe);if(e===void 0)throw new Error("useThemeContext must be used within a ThemeProvider");return e}function En(){const{theme:e}=ye();return e}exports.ArticlePreview=_e;exports.Badge=ne;exports.Button=re;exports.Grid=pe;exports.Icon=lt;exports.Input=ae;exports.LabelMenuItem=oe;exports.LikeButton=se;exports.Stack=ue;exports.Tag=z;exports.TagGroup=ee;exports.ThemeProvider=jn;exports.Typography=U;exports.baseTheme=Et;exports.darkTheme=wn;exports.lightTheme=kt;exports.mergeTheme=ce;exports.themeToCssVars=de;exports.useTheme=En;exports.useThemeContext=ye;
|
|
35
35
|
//# sourceMappingURL=index.cjs.js.map
|